Responsive and Classic Form Controls
Create your form by adding, positioning and configuring controls on the designer canvas.
Responsive Forms Designer
To add a control to your form, drag the control from the Form Controls toolbox to the designer canvas.
Click a control to select it. Hold CTRL or click and drag across the canvas to select multiple controls.
To reposition the control on the canvas, drag the selected control(s) to the new location.
To adjust a control's position and size within the four-column grid, click or hover over the control you want to adjust and then use the relevant icon.
Icon |
Tooltip |
Description |
---|---|---|
|
Move left | Shifts the control one column to the left on the four-column grid. |
|
Move right | Shifts the control one column to the right on the four-column grid. |
|
Decrease width |
Reduces the width of the control by one column on the four-column grid. |
|
Increase width |
Increases the width of the control by one column on the four-column grid. |
|
Left align text |
Formats the control text displayed in the published form as left-aligned. |
|
Center align text |
Formats the control text displayed in the published form as center-aligned. |
|
Right align text |
Formats the control text displayed in the published form as right-aligned. |
|
Delete control |
Removes the control from the form. |
Use the Panel control to group controls together:
- Add the Panel control from the Form Controls toolbox onto the designer canvas.
- Add controls that you want to group into the existing Panel control.
To reposition the grouped controls, move the Panel control that contains them.
Classic Forms Designer
You can add new controls or copies of existing controls to the current layout. To add a control to your form, either:
- Drag the control from the Form Controls toolbox to the designer canvas.
A tooltip displays "Add to layout" if a control is unlinked, or "Create a copy" if the control is linked. -
Select the control on the designer canvas.
If the control is linked, then the link image appears in the center of the control.
-
Open the control settings dialog box for the control.
If the control is linked, then the link image appears along with the following message at the top of the dialog box.
"This is a linked control. These settings will affect all layouts containing this control."
-
In the Properties pane, select the layout that you want to add the linked control to.
The selected layout is displayed on the designer canvas.
-
In the Controls in Use pane, select a filter or layout to display the controls that you want to add.
For example, select Not in Current Layout to display controls on other layouts or select the source layout to display controls on that layout.
-
Drag and drop the control onto the current layout.
As long as the control does not already exist in the current layout, the added control is a linked control.
If the layout already contains a copy of that control, then the copied control is created as a stand-alone copy (not linked); configuration changes do not affect other copies of the control.
- Ensure that the default layout (Desktop) contains all desired controls.
-
Add the desired layout.
All controls are copied from the default layout to the selected layout.
- In the Properties pane, click Replace With Layout.
- In the Replace With Layout dialog box, select the layout containing the controls that you'd like to use.
-
Click Replace and then click OK to confirm.
All existing controls are deleted and all controls from the selected layout are copied to the current layout.
- Right-click the designer canvas and select Insert Control.
Linked controls share the same configuration across layouts: changes made to one control propogate to other instances of that control. Controls are copied as linked controls when you add or regenerate a layout, and when you add a control from another layout.
Linked images are indicated by the link image , which appears centered on the control (when selected on the designer canvas) and at the top of the control settings dialog box.
Note: You can't unlink a linked control. If you want to unlink a control, create a second, stand-alone copy of the control on the layout and then delete the linked control.
To add a control used in another layout, drag the control from the Controls in Use pane to the designer canvas.
Click a control to select it. Hold CTRL or click and drag across the canvas to select multiple controls. You can also select all controls on the form by clicking Select All on the ribbon.
To reposition the control on the canvas, select the control and press the arrow keys on the keyboard.
You can copy, paste, and cut controls on forms using the associated buttons on the NintexForms designer ribbon by selecting the control, and clicking the associated button on the Controls tab:
- Paste
- Cut
- Copy
Use the Panel control to group controls together:
- Add the Panel control from the Form Controls toolbox onto the designer canvas.
- Add controls that you want to group into the existing Panel control.
To reposition the grouped controls, move the Panel control that contains them.
Connecting and configuring controls
To connect controls to data fields such as list columns and configure controls, see:
Connecting controls to fields.