Working with layouts

You can design forms for multiple device layouts, such as phones and tablets. You can also design forms for Nintex Mobile apps.

Note: Layout features are available in the classic forms designer only. Responsive forms don't require layouts because they render dynamically.

Besides the default Desktop layout, the following layouts are available in the classic designer:

  • Generic Tablet
  • Smart Phone
  • iPad
  • Windows Tablet
  • Android Tablet
  • Nintex Mobile Phone
  • Nintex Mobile Tablet

For guidance on forms for Nintex Mobile apps, see Getting started with forms for Nintex Mobile.

You can identify controls that are used in the selected layout, not used in the current layout, or used in all layouts by selecting an option at the top of the Controls in Use pane.

Note: Dimming of a control in the Controls in Use pane indicates that the control does not exist in the current layout, which is the layout indicated by the Properties pane.

To identify controls:

  • Used in the selected layout, select the layout from the drop-down list.
  • Not used in the current layout, select Not In Current Layout.
  • Used in all layouts, select All Layouts.

To change layout settings

  1. In the Properties pane, under Layout, select the desired layout.

    To display the Properties pane, click Properties in the Designer tab of the Forms designer ribbon.

  2. Click Layout Settings.
  3. In the Settings - Layout dialog box, update the configuration as needed and then click Save.
Section Field Description
General Grid cell height (pixels)

The height of the grid cells on the current layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Grid cell width (pixels)

The width of the grid cells on the current layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Canvas height (pixels)

The height of the current layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Canvas width (pixels)

The width of the current layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Snap to grid

Specifies whether or not to automatically position controls on the nearest grid line.

Note: Avoid changing this setting to Yes after repositioning controls on the form. Doing so may cause the form to rearrange the controls.

Appearance Layout CSS class

The CSS classes to apply to the layout at runtime. The styles for a CSS class can be defined in the Custom CSS section.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Font family

The default font for all controls on the layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Font size (pt)

The default font size for all controls on the layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Background colour

The background color for the layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Font color

The default text color for all controls on the layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Horizontal alignment The default text alignment for all controls on the layout.
  Background image URL

The URL of an image to use as the background of the layout.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Background image repeat

Specify if and how the background image will repeat. Available options:

  • Repeat
  • Repeat-X
  • Repeat-Y
  • No Repeat
  • Inherit
Advanced Redirect URL

The URL to redirect to after the form has been submitted successfully.

You can insert references into select fields for control, form, and layout settings.

To insert a reference:

  1. Click the field.

    The Insert Reference pane appears on the right.

  2. Select the reference.

For more information, see Insert References.
  Target user agents The user agents used to determine when this layout is used at runtime. Enter each user agent on a new line.

Print to PDF

Printing enabled

Allows the person accessing the form to convert the form to PDF. When set to Yes, displays the Print to PDF button in the ribbon. When set to No, does not display the Print to PDF button in the ribbon.

  • Yes
  • No

Default value: Yes
  Page size

Size for converted PDF. Select one of the following.

  • A3
  • A4
  • A5
  • A6
  • Legal
  • Letter

Default value: A4
  Page orientation

Orientation for converted PDF. Select one of the following.

  • Portrait
  • Landscape

Default value: Portrait