Using CSS in a Page

Overview

Decisions can implement custom CSS into Page components in multiple different ways. Existing CSS documents can be uploaded and the custom-defined classes would then be mapped to each Page element. CSS can also be written with predefined classes from Decisions, which will automatically be mapped to the respective components if there are no errors in the code. Once the file is uploaded successfully, the component aesthetic can be updated once the CSS is applied to the Page in the Page Designer.

Example

1. Navigate to a Designer Folder and create a Page by selecting All > Manage > Page > Add Page.
2. Within the Add Page dialog, select Create.
3. Then, in the Create New Page window, add a Name and select CREATE.
4. In the Page Designer, navigate to Properties > Style and check the box of the existing CSS file to be used.
5. Drag a Tile Part, a Report Viewer, a Flow Run Part, and a Label to the Page.
   Please navigate to the Run Flow From Tiles article for more information about Tile Parts and Flow Run Parts.
6. If the Form used in the Flow Run Part has CSS, it will display on the Page.
7. Assign the Page Elements a specified CSS class. Select the element, then within Properties > View > Css Class drop-down menu, all the classes defined in the CSS Document will be populated here.
8. To view the CSS changes outside of the Page Designer, add the Page to a Folder. Select the Designer Folder, then Add > Folder. 
9. In the Add Folder dialog, Name the Folder and select SAVE.
10. Select Manage > Page > Add Page in the bottom activity panel to display the Page within the Folder.
11. Select the Page just created using CSS.
12. The Page will display within the Folder.