Uploading CSS
  • 10 Feb 2022
  • 1 Minute to read
  • Dark
    Light

Uploading CSS

  • Dark
    Light

Overview

Decisions Cannot Analyze Every CSS Framework
While Decisions UI possesses its own HTML structure, incompatibility issues tend to occur with CSS frameworks that demand a specific HTML structure such as Bootstrap. The majority of opinionated CSS frameworks are incompatible with Decisions UI; however, atomic CSS frameworks are easier to apply in Forms and Pages. In addition, CSS frameworks implementing CSS resets or styles to native HTML tabs may also affect the entire Decisions Portal, so please proceed with caution.

Users may upload their own custom CSS documents for customization of elements in Decisions to easily fit the branding and image of any company or enterprise. 

CSS in Decisions is implemented by using a CSS document and manually mapping the custom-defined classes to each Form component or a CSS document with Decisions' predefined classes for automatic mapping to their respective Form components. To apply a custom CSS file, navigate to Properties > Style to view a checklist of recognized CSS files. Atomic or unopinionated CSS frameworks like Tailwind should apply smoothly to most Forms and Pages depending on their components.


Example

The following example will demonstrate how to upload a CSS file. 

  1. In the Designer Studio, navigate to System > Designers. Right-click Css, select Add and click Document.
     
  2.  In the Document window, enter a Title, describe what the CSS does in the Description, and either drag the file to the box or use the CHOOSE FILE action. Click ADD DOCUMENT.
    Once the CSS file is added, it will appear in the Form or Page Designer Properties under the Style section.



Was this article helpful?