How to Upload Icons to Sales Force
Larn how to create your Crescendo theme on SFDC Libraries.
Modify the await and feel of your Crescendo: backgrounds, colors, icons, etc.
| Background Theming | Theme Color Guide | Icon Theming |
 |  |  |
| Personalize your Crescendo by adding your own background and cover graphic to the app. | Change colors of all labels, buttons and other UI elements within the app. | Choose dissimilar icons for your folders, files and bookmarks. |
Crescendo App Theme binder
To theme a Crescendo Case, identify your visual assets (images, default folder icon, theme.json file, etc) to a special Library named Crescendo App Theme. Crescendo hides this special folder and its contents in the app.
Assets in common Crescendo App Theme library will automatically be applied to every Crescendo Instance.
If y'all are not familiar with Crescendo Case concept, read Fix up Salesforce.com libraries for Crescendo.
To create Crescendo App Theme library:
- Open SDFC web interface, go to Libraries tab.
- Create new library, proper noun information technology Crescendo App Theme.
Folder-specific Crescendo App Theme library
Binder-specific Crescendo App Theme library contains theming assets specific for a detail Crescendo Case. Those assets have priority over the common Crescendo App Theme assets.
To create the folder-specific theming library:
- Open SDFC web interface and go to Libraries tab.
- Create new library, proper noun it Crescendo App Theme (Crescendo Example name).
Background layers
Crescendo background consists of several layers stacked on peak of each other. You lot don't demand to define all layers. Instead, define only the layers required to accomplish your desired visual design:
Place following theme asset files in theCrescendo App Theme folder:
| Logo | Background |
 |  |
| Filename: logo@2x.png Recommended resolution: 200×350 px The logo epitome is anchored to the meridian-center of view and appears on top of all background images. | Filename: background@2x.png Recommended resolution: 2048×2048 px The groundwork image is centered for both mural and portrait orientations. |
| Elevation groundwork | Lesser background |
 |  |
| Filename: background-top@2x.png Recommended max width: 2048px The top background prototype is anchored to the top-middle of view and is optional to the Crescendo theme. | Filename: background-lesser@2x.png Recommended max width: 2048 px Similar to the groundwork summit image, the background bottom image is anchored to the bottom-center of the view. |
If your background, top background or bottom groundwork is non an image but a single color, practise not upload an image nugget to Crescendo App Theme library. Instead define a color for relevant key: background, headerBackground, footerBackground. This volition be explained in detail further in this guide.
Embrace
Comprehend is a visual representation of your Crescendo Instance on the multi-case view. Your Crescendo Instance groundwork becomes the cover by default. Yous tin gear up a custom cover, different than the background as a static image (.png file) or a brusque video (.mov or .mp4 file).
- Set cover epitome file cover@2x.png (1440×1440 px) or a cover video (comprehend-mov@2x.mov or encompass-mov@2x.mp4).
- Upload the epitome or video file to the Crescendo App Theme library.
- Forcefulness sync in the app to meet the cover changed.
Colour Guide
Colors of the constant labels, buttons and other UI elements can exist customized by uploading a theme.json file into your Crescendo App Theme library. This file contains keys and colour values of specific elements.
- Create new or download the sample theme.json file, edit color values with any text editor.
- Save changes and upload theme.json to your Crescendo App Theme library.
- Force sync in the app to see the colors changed.
Structure and keys of the theme.json are explained below. Color names, RGB or Hex code can be used every bit values.
| { "colors": { "tint": "white", "navigationBar":"rgb(36,45,60)", "background": "white", "cover": "white", "headerBackground": "white", "footerBackground": "rgba(0,0,0,0.two)", "title": "white", "itemTitle": "white", "itemTitleBackground": "white", "listItemTitle": "white", "listHeaderBackground": "white", "listHeaderText": "white", "listHeaderColumnSeparator": "white", "mainStatusBar": "black", "mainSettingsButton": "#996731",< "mainSependaLogo": "#996731", "mainSyncStatus": "#4695a9", "emptyFolder": "#000000" } } | ← toolbars ← top toolbar ← top binder name ← folder icon text ← folder icon text background ← DEPRECATED, employ "tint" and "navigationBar" ← DEPRECATED, use "tint" and "navigationBar" ← DEPRECATED, use "tint" and "navigationBar" ← DEPRECATED, employ "tint" and "navigationBar" ← DEPRECATED, utilise "tint" and "navigationBar" ← DEPRECATED, use "tint" and "navigationBar" ← DEPRECATED, utilize "tint" and "navigationBar" ← DEPRECATED, use "tint" and "navigationBar" ← DEPRECATED, use "tint" and "navigationBar" ← DEPRECATED, apply "tint" and "navigationBar" ← DEPRECATED, employ "listItemTitle" ← DEPRECATED, utilize "listItemTitle" ← DEPRECATED, utilise "listItemTitle" ← DEPRECATED, apply "listItemTitle" |
Default Binder Icon
To set a default folder icon, identify folder-icon@2x.png (recommended 250×250 px) to your Crescendo App Theme library.
icon@2x.png
Custom Library and Virtual Binder Icons
To ready a custom icon for a specific binder, place foldername@2x.png ( 250×250 px ) file to the App Theme library.
Examples: forms@2x.png (library icon), eLearning@2x.png (virtual folder icon)
eLearning@2x.png
Congratulations!
You are ready to deploy your own, beautiful Crescendo themes! We recommend to check out your corporate branding guidelines with the marketing team.
When washed right, theming makes Crescendo look like a custom presentation or sales enablement platform specifically designed for your visitor.
Do not hesitate to contact Crescendo support team if y'all accept any questions.
Happy theming!
Source: https://crescendoapp.com/theming-guide-for-salesforce/
0 Response to "How to Upload Icons to Sales Force"
Post a Comment