Page Comparison

This only appears for

• Drop Down Field

If ticked, the field will cache its data after the first load.

This only appears for

• Button

The action that is run when the button is pressed

This only appears for

• Form
• Area
• Tab Header
• Tab Display Area
• Labeled Number Field
• Labeled Date Field
• Labeled Date Time Field
• Labeled Drop Down Field
• Labeled True/False Field

The sizing of the grid used for snapping components to

This only appears for

• Form
• Area
• Labeled Number Field
• Labeled Date Field
• Labeled Date Time Field
• Labeled Drop Down Field
• Labeled True/False Field

The stream that backs this form

This only appears for:

• Static Text

The text to display

This only appears for:

• Dynamic Text

The number of decimal places to display for numbers.

This only appears for:

• URL Display

The URL to display.

Style Elements

A list of style elements. For details of creating style elements, see Style.

Areas, Forms and Card Containers have additional style settings which allow components inside this area to be resized and repositioned when a user resizes the dashboard:

If a direction is selected, components inside this container will be distributed in the selected direction.

• Row - Components will be distributed as a single row. The components will shrink to fit if the window is made smaller than the width of the components.
• Row Wrap - Components will be distributed in rows, wrapping on to multiple rows if the components fill the row.
• Column - Components will be distributed as a single column. If the window height is made smaller only components with Auto Size ticked will be resized.
• Column Wrap - Components will be distributed as columns and will wrap onto a new column as necessary.

This field is only visible if a direction is selected. Justify affects the position of the components in the direction set (horizontal for row, vertical for column). 

• Flex Start - Components will be positioned from the start edge of the container, with no spacing between them.
• Flex End - Components will be positioned so the last component aligns with the end edge of the container, with no spacing between them.
• Center - Components will be centred in the direction set, with no spacing between them, and equal spacing between the edge of the container and the first and last component.
• Space Around - Distribute components with even spacing around each component.
• Space Between - Distribute components with even spacing between each component, but no spacing between the component and the container.

This field is only visible if a direction is selected. Align affects the position of the components perpendicular to the direction set (vertical for row, horizontal for column).

• Flex Start - Components will be positioned from the start edge of the container, with no spacing between them.
• Flex End - Components will be positioned so the last component aligns with the end edge of the container, with no spacing between them.
• Center - Components will be centred, with no spacing between them, and equal spacing between the edge of the container and the first and last component.
• Baseline - Position components so their baselines align.
• Stretch - Components with no size set in this direction will have their size increased to fill the container in this direction.
• Space Around - Distribute components with even spacing around each component.

Shared Styles

A list of shared styles. Press Show the List of Styles to bring up the list of styles, and drag styles into this list to add to the shared styles for this component.