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:

Info

If you are logged in as a tenant admin you must first click the Home link in order to see the Styles Tab.

...

  1. Recalculate from base - Click this to manually recalculate the colors in your style. You may want to do this if you have modified the calculated colors and decide to revert back to the initial calculated colors.
  2. Update - Click this to save modifications made to a new or existing Style.
  3. Cancel - Click this to return to the Style tab

 

Info

The default font size for forms/flows is 14. This cannot be changed.

Note

If you are using IE8, and the background color you have selected, does not fill the form completely, the work-around is to select a white background Support for IE8 will be dropped in the Fall 2014 Live Forms release.

 

Example - Changing the background color for Required Fields

...

Styles can be selected dynamically via the form or space using the Url parameter _styleId. This parameter take precedence over a style selected at the Application or form level.  Append Append  _styleId<the styleId=<the name of the style> to the share link of your form/flow or space. The share url shown appends the _styleId parameter equal to a style named Orange that was created by the designer.

...