General

Configure the general properties of a form.

Property Description
Name Name for the form.

Note A form name must be valid. For example, the form name cannot be "Open" or "Close". If the form name is invalid, a message appears.

Title Title to appear on the form.
Category Category to store the form.
Layout
Width mode

Displays the width mode set in the system settings by default. You can change the default setting. Available options are:

  • Fixed: The Actual width in pixels. You can accept the default width or specify a custom width. (Default: 1300)

  • Percentage: The Width of the form in percentage to display the form relative to the browser window. (Default: 100%)

Note
  • If you add a cell or a control to a cell in percentage mode, you can modify the width as a percentage. (Default: 100%)

  • A label associated with a control always has a fixed width.

  • If a form is set in percentage mode, resizing the browser window resizes the controls.

  • If you add a column or a cell to a form and the existing items are less than 98% in total (percentage or pixels), the new column or cell take up the remaining space (to a total of 98%). The width of existing columns or cells does not change.

  • You cannot add a new column or a cell to a form if the existing items on the form are greater than 98% in total (percentage or pixels). You must resize the existing cells or columns to allow space for the new ones in the form.

Design height

The height of the canvas on which the form is designed.

Note The Design width and Design height properties are only available for forms where the width mode is set to percentage.

Responsive form

If selected, the form is responsive at runtime and adjusts itself to suit the device it is viewed on.

When you view a form in a browser and the screen or the browser window is wider than it is tall, the form is displayed as it is in the Designer.

When you view a form in a browser and the screen or the browser window is taller, the form elements are displayed as follows:

  • Columns are displayed vertically rather than horizontally.

  • Cells within a row are displayed vertically rather than horizontally.

  • Menus display arrows to navigate to the menu items that do not fit.

Note When you resize the browser window between wide and tall, you must refresh the window for the form to be redrawn.

Alignment

Positions the form relative to the window it is presented in from the left, center or right.

Use viewport If selected, controls the display of a form in a phone or tablet device. By default, all the properties are set to blank.
Note The Expand to Fit and Use Viewport properties are mutually exclusive. You can enable either properties on a form.

Configure the properties, as needed.

  • Width: Either use "device-width" to set the viewport to the physical width of the device screen or enter the number of pixels.

  • Height: Either use "device-height" to set the viewport to the physical height of the device screen or enter the number of pixels.

  • Initial scale: The initial zoom of the web page. A value of 1.0 indicates no zoom.

  • Max scale: The maximum level to zoom in a web page. A value of 1.0 indicates the user cannot zoom in.

  • Min scale: The minimum level to zoom out a web page. A value of 1.0 indicates the user cannot zoom out.

  • User scalable: If selected, allows the user to zoom in and out of a web page.

    Note Zoom does not work for a touch-enabled form.

Header and Navigation Menus
Header form The form to use as a header. Either accept the default header for the site or select a custom (Other) header for this form.

Note This property does not apply to Document and Folder forms.

Horizontal menu

Displays the navigation menu horizontally in real time. You can either accept the default navigation set for the site or select a custom navigation menu.

The navigation menu must already be created before it can be associated to a form. See Create a navigation.

Note This property does not apply to Document and Folder forms.

Vertical menu

Displays the navigation menu vertically in real time. You can either accept the default navigation set for the site or select a custom navigation menu.

The navigation menu must already be created before it can be associated to a form. See Create a navigation.

Note
  • This property does not apply to Document and Folder forms.

  • For a tablet or a phone form, you can only use a vertical navigation menu. The horizontal navigation menu is unavailable for touch forms.