Add Global CSS screen

Uploads the global CSS file that you can use in all eForms in all AgilePoint NX apps.

Figure: Add Global CSS screen

Add Global CSS screen

Prerequisites

Good to Know

  • CSS is applied to eForms in the following order, with each more specific level of CSS overriding the previous level, if applicable:
    1. Default CSS
    2. Global CSS
    3. Custom CSS files
    4. Local CSS settings applied through the eFrom Builder UI.
  • By default, the AgilePoint NX apps created before AgilePoint NX v7.0 Software Update 2, do not use the global CSS. This makes sure that any custom styles for your published apps is not changed. If you want apps created before AgilePoint NX v7.0 Software Update 2 use the global CSS, do this:
    1. Delete local CSS styles from the eForm.
    2. On the Form Settings screen, in the Appearance tab, select Apply Global CSS.
  • You can configure the option Apply Global CSS by default to forms created before 7.0 SU2 at the Portal level or at the application level. AgilePoint makes these recommendations for these settings:
    • Turn on this setting at the application level when you want to make the application compliant with your organization's CSS style and you can customize the style.

      This can be configured on the Form Settings screen.

    • Turn off this setting at the Portal level because it overwrites form-level and app-level CSS without any customization.

      This can be configured on the Build Apps Form Designer Settings screen.

How to Start

  1. Click Settings.

    Settings
  2. Click App Builder > Form Designer.

    Form Designer
  3. On the Build Apps Form Designer Settings screen, in Import Global CSS, click Add Global CSS.

    Click Add Global CSS

Fields

Field NameDefinition

File Name

Function:
Specifies the file name for your global CSS file.
Accepted Values:
One line of text that can have spaces.
Default Value:
None

Select Global CSS File

Function:
Specifies a global CSS file from your local machine.

You can use a CSS file that you downloaded from App Store > Themes.

Confirm

Function:
Uploads a global CSS file to use in all eForms in all AgilePoint NX apps.