Contents x
Uploading CSS
  • 15 Dec 2021
  • 1 Minute to read
  • Print
  • Dark
    Light
Contents

Uploading CSS

  • Updated on 15 Dec 2021
  • 1 Minute to read
  • Print
  • Dark
    Light
Article Summary

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. Expanding upon this, 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 effect the entire Decisions Portal, so please proceed with caution.

Designers may upload their own custom CSS documents for further customization of Decisions Elements to easily fit the branding and image of any company or enterprise. 

CSS in Decisions are implemented in two main ways: pre-existing CSS documents may manually map their custom-defined classes to each Form component, or a Designer may craft a CSS document with Decisions's 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 its components.

Example

This article demonstrates how to upload CSS (Cascade Style Sheets) Documents in Decisions. To learn how to utilize CSS in Forms and Pages, please refer to the Related Articles section of this article. 

  1. In the Designer Studio, navigate to System > Designers > Css 
  2. Right-click Css. Select Add >Document.
  3.  In the Document dialog, give the Document a Title, describe what the CSS does in the Description, and finally drag the file to the box or use the CHOOSE FILE action.
  4. Select ADD DOCUMENT.
    Once the CSS is added, it will appear in the Form or Page Designer Properties under the Style section.
Was this article helpful?
What's Next
Decisions
Resources
Organization
Connect