Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column

makes it easy to select layouts and styling for your applications, spaces and forms/flows. The designer can pick from three different layouts and four global styles where you can specify colors, font name and other properties. You cannot customize layouts but you can create custom styles.

This Expense Report uses the Compact Layout and Aqua Style.

See the CSS Class property  for more form/flow styling options.

Column
width400px

On This Page:

Table of Contents


...

Section
Column
width25%

Blue Style

Column
width25%

Neutral Style

Column
width25%

Green Style

Column
width25%

Aqua Style

Creating Styles

The tenant admin or any designer user can create a new Style.  

 Follow these steps to create a new Style.

...

Example: - Changing the Color for Invalid Fields

If you click on the Submit button in a form that contains invalid data or required fields that are empty,  the invalid fields will be highlighted with an orange background color. You can change the background color by changing the value of the Submit Error Highlight property in the style then applying the modified style to your form/flow. Follow these steps:

  1. Create a Style
  2. Specify the hex value for the color that you want in the Submit Error Highlight field. Save the modified Style.
  3. Edit your form/flow. Click on the toolbar then the Style tab in the form/flow property panel on the left. Apply the Style to your form/flow by selecting it from the Style dropdown.
  4. Save your form/flow.

The image shows a style specifying a red color (#ff5b4f) for invalid fields and the result when the Submit button is clicked.

The designer can also display a message instructing the user what to do. This approach is very helpful to users when trying to determine why a form does not submit. Refer to this topic for the details.

Modifying a Style

...