Create an Adaptive Layout

Design Forms or Dashboards to adapt to different screen sizes by creating Adaptive Layouts in the Form Editor or the Dashboard Editor.

  1. Open the Form Editor or the Dashboard Editor.
  2. In the editor toolbar, click the Create New button .
    The Create Layout dialog opens.
  3. Define the layout properties.

    Click the Ellipses button to select an Adaptive Layout Preset for the layout. This will populate the layout's properties with pre-defined properties.

    Remember: The height and width properties must be defined in device-independent pixels. Refer to Defining Adaptive Layout Properties Using Device-Independent Pixels for more information. You must define the width property at least 20 device-independent pixels larger or smaller than any existing layout.

  4. Optional: Click Save as Preset to save the layout properties as a Preset in the Adaptive Layout Preset Manager.
    Perform this step if you plan to create layouts for other Forms or Dashboards that utilize the same properties.
  5. Click Save.
    The layout appears in the Editor as the currently selected layout.