Form and layout settings

The Settings dialog includes settings that apply to the current layout, and advanced settings that apply to the form in general.

Note: CSS formatting controls are available in the Classic Forms Designer only.

Note: Layout features are available in the Classic Forms Designer only. Layouts are not used in the Responsive Forms Designer.

For more information on controlling the look and feel of your forms in the Responsive Forms Designer, see Properties pane.

Selection

Field

Description

General Grid cell height (pixels) The height of the grid cells on the current layout
  Grid cell height (pixels) ​The width of the grid cells on the current layout.

 

​Canvas height (pixels)

​The height of the current layout.

 

​Canvas weight (pixels)

​The width of the current layout.

 

​Snap to grid

​When this setting is set to Yes, all controls on the layout are automatically positioned to the nearest gridline.

 

Show grid lines

​When this setting is set to Yes, the grid lines on the designer canvas will be displayed.

 

​Skip "Confirm publishing/save" and "Publish completed" dialogs

​When this is checked, the publish list forms and the save in workflow forms will not show dialogs, and will be replaced with notification messages.

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.

 

​Font family

​The default font for all controls on the layout.

 

​Font size (pt)

​The default font size for all controls on the layout.

 

​Background color

​The background color for the layout.

 

​Font color

​The default text color for all controls on the layout.

 

​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.

 

​Background image repeat

​Specify if the background image will repeat.

 

​Form CSS class

​The CSS classes to apply to all layouts for the form at runtime. The styles for a CSS class can be defined in the Custom CSS section.

Advanced

​Redirect URL

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

 

​Target user agents

​The user agents used to determine when this layout is used at runtime. Enter each user agent on a new line.

 

​Custom CSS includes

​The URLs to the custom CSS files to include at runtime. Enter each URL to the custom CSS on a new line.

 

​Custom JavaScript Includes

​The URLs to the custom JavaScript files to include at runtime. Enter each URL to the custom JavaScript on a new line.

Custom CSS

 

​Custom CSS styles to be included with the form at runtime. All custom CSS styles defined, can be used for a single layout (Layout CSS class), all layouts (Form CSS class) and individual controls (Control CSS class). By default, the Nintex Forms CSS styles used by all forms are provided. For more information on CSS classes used in Nintex Forms, please refer to CSS Styles.

Note: CSS formatting controls are available in the Classic Forms Designer only.

Custom JavaScript

 

​Custom JavaScript to be included with the form to process runtime logic.

Note:  Custom JavaScript is available in the Classic Forms Designer only.

List Form Webpart

​Configure List Form Webpart Confirmation Message

​When set to Yes, this will allow you to specify a message to be displayed inside the list form web part once it is successfully submitted. This is an alternative to the redirect or the basic success message that displays above the web part.

Nintex Mobile Settings

​Use Default Form Name and Form Description

​Check this box to use the default form name and form description. Uncheck the box to change these titles. This will override the title and description of the form when displayed on your Nintex Mobile App.

 

​Category

​Assign a category for the form to be displayed in. This is recommended. Forms without an assigned category will be displayed in the Nintex Mobile App under the "no category" group.

 

​Icon

​The full URL of the icon that is displayed in the Nintex Mobile App for this specific form.

 

​Use SharePoint Server Timezone​

​When unchecked and a user accesses the form, their local time will be displayed. Check the box to use the timezone of the SharePoint server.

 

Publish to Nintex Mobile (iOS and Android)

(Responsive Forms Designer only)

Check this box to publish this form to Nintex Mobile apps.

Print to PDF

​​Page Size

​​​The size options.

Select one of the following: A3, A4, A5, A6, Legal, Letter

Default: A4

 

​Page Orientation

​​​​The orientation options.

Select one of the following: Portrait, Landscape

Default: Portrait

​​​​​​​​​​​

Related information

Forms designer

Import and export forms

CSS styles

Save and publish forms

Print to PDF