Change a Shared CSS Code Snippet

To change Cascading Style Sheet (CSS) code you can use in all eForms in an application, do the procedure in this topic.

Video: Use Custom CSS with eForms

Screen



Good to Know

  • If you create a new version of an application, and change shared JavaScripts or CSS at the application level, when you publish the new version, the changed JavaScripts or CSS apply to all versions of the application, including all process instances. This rule does not apply to custom JavaScripts and CSS created in an eForm. If you want to use different versions of JavaScripts and CSS for different versions of an application, you can specify the scripts in your eForms, instead of specifying them at the application level.

How to Start

  1. On the Application Explorer screen, do one of these:
  2. On the eForm Builder screen, click CSS CSS icon.
  3. Click Shared CSS Shared CSS icon.

Procedure

  1. On the Shared Form CSS screen, select the CSS to change.
  2. Click Edit Edit icon.
  3. On the StyleSheet screen, change your CSS code as necessary.

    Example:

    .center {
        text-align: center;
        color: red;
    }

Related Topics