Date/time
Use the Date/time form control to create fields that accept a calendar date and/or time. The Date/time control inherits regional settings from the browser and passes the date/time to the workflow in UTC format.
Note: You can arrange up to four of this control on a single row in the form.
Section | Setting | Description |
---|---|---|
(unlabeled) | Title |
Field name displayed on the published form. |
Customize |
Switch toggle to Yes to enable customization of the variable Name of the form control. |
|
Name |
(This field becomes configurable only when you switch the Customize toggle to Yes.) Customizes the name of the variable A placeholder that stores changes each time the workflow runs, such as the information entered in a form, or the name of a file. You can also create variables to store information you use in the workflow, such as an email address. for the field. If the name is not customized, the Title will be used as the variable name. |
|
Connected to |
Connect to a SharePoint column. Only SharePoint columns of the same type as the selected control are available in the drop-down list. When connected, data entered via that field in the form is entered in the selected SharePoint column. What is a SharePoint column?
When you open Nintex Forms for a new SharePoint list, the form designer automatically creates form fields for the equivalent SharePoint columns in your list. The SharePoint columns are displayed in the designer when you open it. If you want to delete them from or add them to your form, you can do so under the SharePoint Columns controls. |
|
Hide time |
Omits the ability to select time in the field. |
|
Restrict past dates |
Prevents the ability to select dates in the past. |
|
Default value |
The value which automatically populates the field when the form loads. Click in this field, and then click Insert to launch the Formula builder where you can create variables with applied formulas. The calculated value becomes the default value. Note: If you want to change the format of the Datetime value to a local or custom format, you can use the Formula builder to create a variable with applied formula and use the formatDate function. You can use this variable throughout your workflow. For more information, see formatDate. |
|
Required |
Mandates entry of a value before the form can be submitted. |
|
Custom required message |
(Displays when you select Yes in Required) The validation text which displays below the field when a value is not entered into the field and the user attempts to change page or submit the form. |
|
Visible |
Shows the field on the published form when loaded. |
|
Read-only |
Displays the field on the published form but does not allow user input. |
|
Description |
A description of the field to display below the field on the published form. |
|
Tooltip |
The message which appears when users hover their cursor or touch the information icon beside the Date/time control in the form. |
|
Shrink | Reduces the width of the control when placed in a row with other form controls. | |
Expand | Increases the width of the control when placed in a row with other form controls. | |
Styling | CSS class |
Add a CSS class to apply a style to this form control. You can create the CSS class in the CSS code editor in form styles. Enter one class name or multiple class names separated by a space. For more information, see Add a custom CSS to individual controls. |
Border color |
Border color to apply to the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style. |
|
Control fill |
The color to fill the inside of the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style. |
|
Control input color |
The font color of the input in the field. To select a color, click the color box and use the color picker to specify the color you want. You can click on the color map to select the color or enter the Hex code. To revert back to the global style, click Reset to global style. |