Edit Style Sheet screen (Form-Based App)

Changes CSS code to change the look and feel for an app.

Figure: Edit Style Sheet screen

Edit Style Sheet screen

Good to Know

  • When you change an existing shared style sheet, it applies to all versions of the app and all process instances.

How to Start

  1. Click App Builder.

    Build Apps screen
  2. On the Application Explorer screen, click [App Name] > Shared Resources > Style Sheets.

    Select Style Sheets
  3. Select a CSS file.

    Select CSS File
  4. Click Edit.

    Edit Style Sheets

Fields

Field NameDefinition

CSS Snippet
Function:
Specifies CSS code that changes the look and feel for an app.
Accepted Values:
The CSS code.
Default Value:
None
Example:
.center {
  text-align: center;
  color: red;
}