Atlas allows you to change the icons used for the Atlas Header/main navigation items such as the Launchpad menu and My Atlas button as you can see below:
The icons can be controlled per language if you wish, so you could use different icons for users in different regions. This is then determined for each user based on the language they use on their web browser to view the workspaces.
Configure iconography
To change icons for these items, an administrator will need to go to the Tenant Properties page in the Atlas Configuration workspace, which you can access by following this article: Manage Tenant Properties for Atlas
From this type "launchpad" into the Search box at the top of the list to find Atlas.Launchpad.Settings (to configure the Launchpad icon specifically) or type "quickaccess" into the Search box to find the items starting with Atlas.QuickAccess as shown below:
Select the line for the element you wish the change the icon for, then scroll back to the top of the page and click the Edit button. This will open a panel on the right hand side of the page.
In the Value box you will see a code block which controls the icons for that button for each configured Language. By default this includes the UK (en-GB), US (en-US), Spain (es-ES) and France (fr-FR). For each language you will find the configuration, including the "icon" setting:
{"language": "en-GB","label": "My Atlas", "icon": "atlas-logo-svg", "default": false}
To find the new icon you wish to use, you can see all available icons in the Fluent UI Icon Library here: Flicon - Fluent UI Icon Search
Once you have chosen your icon you simply need to replace the value after "icon" with the name of your desired icon, for example if you want to use the icon "Airplane" for one of the buttons, you'd replace the value "atlas-logo-svg" in the above example with simply "Airplane" as so:
{"language": "en-GB","label": "My Atlas", "icon": "Airplane", "default": false}
Once you've made the changes you need across the available languages, click Save at the bottom of the panel. To see the changes you'll need to refresh your cache from the "My Atlas" menu. If you're unsure you can see how to do this from this article: Clear the Atlas Cache
Configure highlighting
To add colour highlight(s) to the main menu, an administrator will need to go to the Tenant Properties page in the Atlas Configuration workspace, which you can access by following this article: Manage Tenant Properties for Atlas
From this page scroll down and find the item Atlas.Header.HighlightedItems (pictured below) or type "highlighted" into the Search box to find it:
Select this line, scroll back up to the top, and press the Edit button. This will bring up a panel on the right. The only change you will need to make to highlight an option is to replace the "false" option with "true" inside the value box in the panel. For example, if you wanted the Search button highlighted, you would change...
{@@key@@:@@search@@,@@value@@:@@false@@}]}
to...
{@@key@@:@@search@@,@@value@@:@@true@@}]}
Important Note: do not rename the "Key" field otherwise the setting will not function and may even cause errors. It is probably best to avoid any changes outside the "Value" field.
Once you are happy with the changes, click Save at the bottom of the panel. To see the changes you'll need to refresh your cache from the "My Atlas" menu. If you're unsure you can see how to do this from this article: Clear the Atlas Cache
Still need help?
Can't find the relevant setting? Not sure whether you should make this change? Please get in touch with support or your CSM for advice or assistance.
Comments
0 comments
Please sign in to leave a comment.