CSS styles
CSS stands for Cascading Style Sheets. Styles can be used to define how elements (including controls) on a form are displayed.
For more information on CSS, see w3schools.com.
Note: CSS formatting controls are available in the Classic Forms Designer only.
For more information on controlling the look and feel of your forms in the Responsive Forms Designer, see Properties pane.
Note: Customizing the CSS styles is an advanced feature and should be approached with caution.
The following are the CSS styles that can be defined in the Custom CSS section within the Form and Layout settings when designing a form in Nintex Forms:
|
CSS class
|
Description
|
|---|---|
|
.nf-form-input
|
The upper most level DIV of controls that can accept a value.
|
|
.nf-filler-control-inner
|
The DIV that is below the upper most level DIV on any control.
|
|
.nf-form-label
|
The upper most level DIV of each label control on a layout.
|
|
.nf-textbox-wrapper
|
The parent element of the Single Line Textbox control.
|
|
.nf-section
|
The upper most DIV of any control.
|
|
.nf-section-bottom
|
The line below the last input control on a layout.
|
|
.nf-mobile-form
|
The outer DIV of mobile device layouts.
|
|
.nf-item
|
The odd numbered rows in the repeater control.
|
|
.nf-item-alternating
|
The even numbered rows in the repeater control.
|
|
.nf-non-dialog-outer
|
The outer DIV of the entire layout when it is loaded into a new tab/window instead of a SharePoint modal dialog.
|
|
.nf-filler-wrapper-outer
|
The first child DIV of the outer-most DIV.
|
|
.nf-filler-wrapper
|
The first child DIV of .nf-filler-wrapper-outer.
|
|
.nf-repeater-row
|
All the rows in the repeater control.
|
|
.nf-container-inner
|
The first child DIV of the parent DIV generated around a control.
|
|
.nf-image
|
The image control.
|
|
.nf-label-control
|
The label control.
|
|
.nf-form-footer
|
The footer information used by list forms and task forms.
|
|
.nf-form-line
|
The inside of the footer that draws a line to show the end of the form.
|
|
.nf-validation-summary
|
The DIV used to display any validation errors on the form.
|
|
.nf-error-highlight
|
The DIV used to highlight a control that contains validation errors.
|