You are here:
Display Sprites in an Edit Block
Display Sprites to indicate information about an Edit Block record entry using the Default Svg Sprite and Default Svg Icon properties. For example, a User icon can indicate if the entry is a Contact record. Omnistudio supports the Lightning Design System icons. To dynamically display different sprites, map values of the SVG Controlling Element to SLDS icons in the SVG Controlling Element Map.
Note Dynamic SVG Icon display works only if the SVG Controlling Element is of type
Text.
Replace the Default SVG Sprite and Icon
Replace the default SVG sprite and icon.
- Search for an SLDS icon, and note the category and the icon name.
- In the Default SVG Sprite field, enter the icon's category.
- In the Default SVG Icon field, enter the name of the icon.
- Preview the Omniscript to view the new default SVG icon.
Display SVG Icons Dynamically
An Edit Block can dynamically display different SVG Icons for some records based on a Text element value.
-
In the Edit Block's SVG Controlling Element property, enter
the name of a Text element in the Edit Block.
Note Dynamic SVG Icon display works only if the SVG Controlling Element is of type Text.
- In the Svg Controlling Element Map, click Add SVG Icon.
- In the Value property, enter a possible value for the SVG Controlling Element.
- Search for an SLDS icon, and note the category and icon name.
- In the Svg Sprite property, enter the icon's category.
- In the Svg Icon property, enter the icon's name.
- Preview the Omniscript and enter the value for the SVG Controlling Element to test the icon display.
- (Optional) Repeat the steps for additional SVG Controlling Element values.
Did this article solve your issue?
Let us know so we can improve!
