Displaying different modern icons in Ribbon Workbench for command bar or fly-out menu in UCI Dynamics 365 V9
Using Ribbon Workbench 2016 (3.1.177.1).
I'm fairly new to this, but I've successfully created a button for the unified interface which performs as expected.
However, the icon I've selected is white on a transparent background - as I believe it should be.
This works fine for the UI on desktop, which renders the command bar with a blue background.
However, when used on a phone, all commands appear in the "More Commands" flyout with a white background so the icon is not visible, as it is white on white.
I had a look at the display/enable rules, and couldn't see an appropriate option (CommandClientTypeRule only offers 'Modern, 'Refresh' and 'Legacy').
Is there a way for me to specify an image to use in the Modern interface in Phone layout? Or a way to show a different button if it is in the context of a flyout?
Thanks
dynamics-crm dynamics-365 crm-ribbon-workbench dynamics-crm-365-v9 dynamics-crm-uci
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
add a comment |
Using Ribbon Workbench 2016 (3.1.177.1).
I'm fairly new to this, but I've successfully created a button for the unified interface which performs as expected.
However, the icon I've selected is white on a transparent background - as I believe it should be.
This works fine for the UI on desktop, which renders the command bar with a blue background.
However, when used on a phone, all commands appear in the "More Commands" flyout with a white background so the icon is not visible, as it is white on white.
I had a look at the display/enable rules, and couldn't see an appropriate option (CommandClientTypeRule only offers 'Modern, 'Refresh' and 'Legacy').
Is there a way for me to specify an image to use in the Modern interface in Phone layout? Or a way to show a different button if it is in the context of a flyout?
Thanks
dynamics-crm dynamics-365 crm-ribbon-workbench dynamics-crm-365-v9 dynamics-crm-uci
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42
add a comment |
Using Ribbon Workbench 2016 (3.1.177.1).
I'm fairly new to this, but I've successfully created a button for the unified interface which performs as expected.
However, the icon I've selected is white on a transparent background - as I believe it should be.
This works fine for the UI on desktop, which renders the command bar with a blue background.
However, when used on a phone, all commands appear in the "More Commands" flyout with a white background so the icon is not visible, as it is white on white.
I had a look at the display/enable rules, and couldn't see an appropriate option (CommandClientTypeRule only offers 'Modern, 'Refresh' and 'Legacy').
Is there a way for me to specify an image to use in the Modern interface in Phone layout? Or a way to show a different button if it is in the context of a flyout?
Thanks
dynamics-crm dynamics-365 crm-ribbon-workbench dynamics-crm-365-v9 dynamics-crm-uci
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
Using Ribbon Workbench 2016 (3.1.177.1).
I'm fairly new to this, but I've successfully created a button for the unified interface which performs as expected.
However, the icon I've selected is white on a transparent background - as I believe it should be.
This works fine for the UI on desktop, which renders the command bar with a blue background.
However, when used on a phone, all commands appear in the "More Commands" flyout with a white background so the icon is not visible, as it is white on white.
I had a look at the display/enable rules, and couldn't see an appropriate option (CommandClientTypeRule only offers 'Modern, 'Refresh' and 'Legacy').
Is there a way for me to specify an image to use in the Modern interface in Phone layout? Or a way to show a different button if it is in the context of a flyout?
Thanks
dynamics-crm dynamics-365 crm-ribbon-workbench dynamics-crm-365-v9 dynamics-crm-uci
dynamics-crm dynamics-365 crm-ribbon-workbench dynamics-crm-365-v9 dynamics-crm-uci
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
edited Jan 8 at 0:48
Arun Vinoth
10.2k132760
10.2k132760
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
asked Nov 13 '18 at 10:13
jrg999999jrg999999
113
113
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42
add a comment |
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53278631%2fdisplaying-different-modern-icons-in-ribbon-workbench-for-command-bar-or-fly-out%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53278631%2fdisplaying-different-modern-icons-in-ribbon-workbench-for-command-bar-or-fly-out%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
UII uses SVG images, there should be a dedicated entry for it in the workbench but I don't have it at hand so I can't be more precise
– Alex
Nov 13 '18 at 13:17
Thanks for your reply. Yes this is an issue with using the correctly configured SVG image.
– jrg999999
Nov 13 '18 at 18:53
Can you share some screenshot to explain your problem?
– Arun Vinoth
Nov 17 '18 at 5:42