Use Common/Global CSS styling on multiple forms

Learn to global CSS feature to style multiple Forms

Last published at: February 25th, 2026

This function styles Form controls by importing the Global CSS file and applying it across multiple forms. 

Copy and paste the following script into Notepad, then save it as a "MyStyles.css" file. You can also add more style elements to the content. A file containing such style scripts can be called a Global CSS file, and many such files can be created for form controls based on geography, place, or culture.  

.textcolor {
    color: red!important;
}

label {
    color: green!important;
} 

 

Navigate to the Create > Form Definitions > Import > Global CSS menu option. 

 

Please select the style script file from your local folder and upload it. The Global CSS file is stored in the FlowWright server repository at C:\FlowWright\wwwroot\css\formGlobalCSS

 

Select any Form Definition and open it in design mode. Then, go to the Page > Map Global CSS menu option.

 

Select the style files and map them to the Form Definition. 

 

Using the interface, you can map multiple style files and prioritize them by moving them up or down the list. You may also specify style scripts for individual Form controls. To resolve any conflicts, the form controls' style scripts are applied first, before the global CSS style scripts for the same controls. 

 

The CSS styles are applied, and a confirmation message is displayed in the top-right corner. 

 

Navigate to the Form Definitions > View > Global CSS feature. 

 

A pop-up displays a list of Global CSS files, as shown in the example below. Click the download icon (black) to copy the file to the local folder. 

 

Click the red remove icon to remove the CSS file permanently. Then click the OK button to confirm.