You are here:
Create Custom CSS Within the Flexcard Designer (Managed Package)
For the managed package runtime, create custom CSS classes within the Flexcard Designer to apply to Flexcard elements or supported fields inside elements. Create custom CSS classes when the design interfaces in the Style panel do not meet your design needs.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
The custom CSS is a Salesforce attachment. When the Flexcard is saved, the attachment is updated. A .css file is also packaged with the generated LWC.
- From the Flexcards tab, select the Flexcard to update.
- In the Flexcard Designer, click an element on the canvas, and click Style to open the Style panel.
-
In the Flexcard Designer submenu, click the down arrow next to Activate, and select Add Custom CSS.
NoteYour Flexcard must be inactive to use this feature.
-
Enter your custom classes inside the code editor.
- (Optional) Enable Load as Global CSS. These custom styles are loaded as a stylesheet in the header of the page when this feature is enabled. And when not enabled, it's loaded as internal styles inside the header of the Flexcard only.
- Click Save.
- Flexcards 'Add Custom CSS' Properties (Managed Package)
For the managed package runtime, add Custom CSS properties are configurable from the submenu of the Flexcard Designer. Create custom CSS classes and add them to supported fields in the Properties and Style panels.
Did this article solve your issue?
Let us know so we can improve!
