This function styles Form controls by importing the Global CSS file and applying it to 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, location, or culture.
.textcolor {
color: red!important;
}
label {
color: green!important;
}
Navigate to the Create > Form Definitions > Import > Global CSS menu option.

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 conflicts, the form controls' style scripts are applied 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 permanently delete the CSS file. An alert will appear about the CSS file's dependency, and styles applied across the forms will be affected. This action cannot be undone. Click OK to confirm.
