Home > Nintex Forms 2013 Help and How-to > Using the Form Designer
Properties


Properties 

The Properties pane can be used to:

  • Change the settings of the selected control.
  • Change the font settings and color scheme of your form with themes in the Responsive Forms Designer.
  • Create, manage and switch between layouts in the Classic Forms Designer.

Opening the Properties pane

  • In the Nintex Workflow Design Ribbon, click on the Properties button.  

Properties pane in the Responsive Forms Designer

Themes

Use these styles to create a uniform look for your form.

 Selecting a new colour

To select a new color:

  1. Click the drop-down arrow next to the color swatch.

    The color picker appears.

  2. You can either:
    • Select a hue using the bar at the bottom and click the shade you want.
    • Type or paste a hexadecimal RGB color value into the field at the top.
  3. Click Apply.

Global styles

​Selection Field​ Description​
​Global styles ​Primary ​Click the drop-down to select a new color to be used for primary controls like Submit buttons.
​ ​Secondary ​Click the drop-down to select a new color to be used for secondary controls like Cancel buttons.
​ ​Page ​Click the drop-down to select a new color to be used for the background behind the form.
​ ​Form ​Click the drop-down to select a new color to be used for the background of the form.
​Fonts ​ ​Select the font for use for all text in the form.
​ ​Text ​Click the drop-down to select a new color to be used for all text in the form.
​ ​Title/input size ​Select the size of control titles and input text.
​ ​Description size ​Select the size of description text.
​Advanced styles ​ ​Click to open the Advanced styles section to design colors for all input and button controls.

  Advanced styles

 Use these styles to create a uniform look for all your buttons and controls.
 Note: These settings apply to all buttons and controls on your form. You cannot control the style of individual controls or buttons.

​Selection Field​ Description​
​Input style ​Input Border ​Click the drop-down to select a new color to be used for the borders of input controls.
​ Input background ​Click the drop-down to select a new color to be used for the background of input controls.
​ ​Input font ​Click the drop-down to select a new color to be used for the font of input controls.
​Buttons ​Primary ​Click the drop-down to select a new color to be used for primary buttons like Save.
​Primary font ​Click the drop-down to select a new color to be used for the font of primary buttons like Save.
​ Secondary ​Click the drop-down to select a new color to be used for secondary buttons like Cancel.
​ Secondary font ​Click the drop-down to select a new color to be used for the font of secondary buttons like Cancel.
Reset to global styles ​ Click to reset the advanced settings to the colors of the global style.

Settings

 This section is only displayed when a control is selected.

​Selection Field​ Description​
General ​Name The name of the control.
​ ​Title ​The text to display on the form as the control's title or label.
​ ​Description ​The text to display with the control as a description or instruction.
​ ​Connected to The list column the control is connected to.
​Appearance ​Visible Whether the control is visible on the form.
​ ​Enabled Whether the control can be interacted with on the form.
​More Settings Click to open the Control Settings for this control.

Properties pane in the Classic Forms Designer

Layout

Create, manage and switch between the layouts of your form.

Field​ Description​
​Layouts Displays the layouts available for this form. The currently selected layout is highlighted.
Click on another layout to switch to it.
​Add more Layouts Click to add another layout to this form.
​Layout Settings Click to open the Layout settings for this layout.
Replace with Layout

Click to replace the currently selected layout with another existing layout.
All controls and settings for the current layout will be discarded.

​Delete Layout Click to delete this layout.

Settings

This section is only displayed when a control is selected.

​Selection Field​ Description​
General ​Name The name of the control.
​ ​Connected to The list column the control is connected to.
​Appearance ​Visible Whether the control is visible on the form.
​ ​Enabled Whether the control can be interacted with on the form.
​Formatting ​Control CSS Class The CSS class to apply to the control's inner elements.
​ ​CSS Class The CSS class to apply to the control.
​ Padding Width (Pixels) The CSS padding (in pixels) to apply to the control.
​More Settings Click to open the Control Settings for this control.
Properties