Date Time form control

A form control that lets a form user select or enter a date and time.


Date Time form control

Configure the Date Time form control

To configure the Date Time Date Time icon control, do the procedure in this topic.

Video: Date Time Form Control

Video: Common Configuration Settings in eForm Controls

Examples

How to Start

  1. Open eForm Builder.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, in the Tool Box, open the Commmon Controls tab.

    Common Controls tab
  3. On the Common Controls tab, drag a Date Time Date Time icon form control onto your eForm.

    Date Time Form Control

Procedure

  1. Complete the settings on the configuration screens.

    You can use the Data screen screen to specify a variable.

General

Specifies the basic configuration for the Date Time form control.

Figure: General tab

General tab

Fields

Field NameDefinition

Label
Function:
Specifies the text label that shows on your form for the control.
Accepted Values:
One line of text that can have spaces.
Default Value:
Different for different controls.
Example:
This is a common configuration field that is used in many examples. Refer to:
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Internal Name
Function:
Specifies a unique, technical name for your control.
Accepted Values:
One line of text (a string) with no spaces.
Default Value:
Different for different controls.
Example:
This is a common configuration field that is used in many examples. Refer to:
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Default Value
Function:
Specifies what date to show in the field by default.
Accepted Values:
  • Current Date
  • Specific Date
  • Days After Current Date
  • Days Before Current Date
  • Variable
Default Value:
None
Example:
Refer to:

System Variable
Function:
Shows the system data variables you can use in a field.
To Open this Field:
  1. In the Default Value field, select Variable.
Accepted Values:
A process data variable.
Default Value:
None
Example:
Refer to:

Date
Function:
Specifies the date that shows in your field.
To Open this Field:
  1. In the Default Value field, select Specific Date from the list.
Accepted Values:
A valid date.
Default Value:
None
Example:
Refer to:

Number of Days
Function:
Specifies the number of days before or after the current date to show in your field.
To Open this Field:
  1. In the Default Value field, select one of these from the list:
    • Days After Current Date
    • Days Before Current Date
Accepted Values:
An integer between 0 and 99999.
Default Value:
None
Example:
Refer to:

Help Text
Function:
Specifies the text to shows when a runtime app user hovers their cursor over the form control.
Accepted Values:
More than one line of text.
Default Value:
None
Example:
Refer to:

Help Text Display
Function:
Specifies if the field shows the text in Help Text field when the form user puts the mouse on the label or field.
Accepted Values:
  • None - Does not show the help text.
  • Hover On Label - Shows the help text when you put your mouse on the label.
  • Hover On Field - Shows the help text when you put your mouse on the field.
  • Hover On Both - Shows the help text when you put your mouse on the label and Field.
Default Value:
None
Example:
Refer to:

Configure

Configures advanced settings for your form control.

Figure: Configure tab

Configure tab

Fields

Field NameDefinition

Required
Function:
Specifies if the field is mandatory.
Accepted Values:
  • Deselected - The field is not mandatory.
  • Selected - The field is mandatory.
Default Value:
Deselected
Example:
Refer to:

Validation Message for Required Field
Function:
Specifies the message to show if the form user does not enter data in a mandatory form control.
Accepted Values:
More than one line of text that can have letters, numbers, spaces, and special characters.
Default Value:
Enter the ${L}

${L} is a process data variable that shows the label for a form control.

Example:
Refer to:

Date Format
Function:
Specifies the date-time format that the form control shows.

The control stores the date-time value in ISO 8601 format.

Accepted Values:
  • dd/MM/yyyy HH:mm:ss - Shows the date-time in the format day/Month/year hour:minute:second.
  • MM/dd/yyyy HH:mm:ss - Shows the date-time in the format Month/day/year hour:minute:second.
  • dd MMM yyyy HH:mm:ss - Shows the date-time in the format day Month year hour:minute:second.
  • MMM dd yyyy HH:mm:ss - Shows the date-time in the format Month day year hour:minute:second.
  • yyyy-MM-dd HH:mm:ss - Shows the date-time in the format year-Month-day hour:minute:second.
  • dd.MM.yyyy HH:mm:ss - Shows the date-time in the format day.Month.year hour:minute:second.
Default Value:
MM/dd/yyyy HH:mm:ss
Example:
  • 09/21/1978 18:35:50
Limitations:

Support for time format is available in these releases:

Minimum Date-Time
Function:
Specifies the first date and time the form user can select in a range.
Accepted Values:
  • Current Date
  • Specific Date
  • Days After Current Date
  • Days Before Current Date
  • Variable
Default Value:
None
Limitations:

The Current Date, Specific Date, Days After Current Date, Days Before Current Date, and Token options are available in these releases:

Maximum Date-Time
Function:
Specifies the last date and time the form user can select in a range.
Accepted Values:
  • Current Date
  • Specific Date
  • Days After Current Date
  • Days Before Current Date
  • Variable
Default Value:
None
Limitations:

The Current Date, Specific Date, Days After Current Date, Days Before Current Date, and Token options are available in these releases:

Date Time
Function:
Specifies the first or last date-time in a range.
To Open this Field:
Do one of these:
  • In the Minimum Date Time field, select Specific Date.
  • In the Maximum Date Time field, select Specific Date.
Accepted Values:
A date-time from the clander and clock.
Default Value:
None
Limitations:

This field is available in these releases:

Number of days
Function:
Specifies the number of days before or after the current date-time to show in your field.

The current date-time is the time the field shows for completion at runtime.

To Open this Field:
  • In the Minimum Date Time field, do one of these.
    • Select Days After Current Date.
    • Select Days Before Current Date.
  • In the Maximum Date Time field, do one of these.
    • Select Days After Current Date.
    • Select Days Before Current Date.
Accepted Values:
An integer between 0 and 99999.
Default Value:
None
Limitations:

This field is available in these releases:

System Token
Function:
Shows the system data variables you can use in a field.
To Open this Field:
Do one of these:
  • In the Minimum Date Time field, select Token.
  • In the Maximum Date Time field, select Token.
Accepted Values:
A process data variable.
Default Value:
None
Limitations:

This field is available in these releases:

Show Dates In Other Months
Function:
Specifies if the form control shows the dates in other months to the form user.
Accepted Values:
  • Selected - Shows the dates in other months.
  • Deselected - Does not show the dates in other months.
Default Value:
Deselected
Example:
Refer to:

Show Multiple Months
Function:
Specifies if the form control shows the dates in multiple months to the form user.
Accepted Values:
  • Selected - Shows the dates in multiple months.
  • Deselected - Does not show the dates in multiple months.
Default Value:
Deselected
Example:
Refer to:

Show Week Of The Year Number
Function:
Specifies if week number of the year is shown on the form control.
Accepted Values:
  • Deselected - The week number is not shown.
  • Selected - The week number is shown.
Default Value:
Deselected
Example:
Refer to:

Show Seconds
Function:
Specifies if the form control shows the date in the format Hour:Minute:Second.
Accepted Values:
  • Selected - Shows the date with Hour:Minute:Second.
  • Deselected - Shows the date with Hour:Minute.
Default Value:
Selected
Example:
Refer to:

Allow Manual Entry
Function:
Specifies if the form user can enter the date as text.
Accepted Values:
  • Selected - Lets the form user enters the date as text.

    The form user can only enter the date as text in year/month/day or month/day/year formats. The format day/month/year is not accepted.

  • Deselected - The form user can not enter the date as text.
Default Value:
Deselected
Example:
  • 09/21/1978
  • 1978/09/21

Also refer to:

Appearance

Specifies the look and feel for your form control.

Figure: Appearance tab

Appearance tab

Fields

Field NameDefinition

Font Family
Function:
Specifies the font family of the input text and label.
Accepted Values:
A font name from the list.
Default Value:
  • Modern theme - Roboto
  • Classic theme - Arial
Example:
Refer to:

Font Size (px)
Function:
Specifies the size of the input text and label for your form control.
Accepted Values:
A positive integer.
Default Value:
  • Classic theme - 12
  • Modern theme - 14
Example:
Refer to:

Font Style
Function:
Specifies the style of the font for the input text and label.
Accepted Values:
  • Bold - Shows the input text and label in bold.
  • Underline - Shows the label underlined.
  • Italic - Shows the label in italic.
Default Value:
None
Example:
Refer to:

Background Color
Function:
Specifies the background color for your control.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Border Color
Function:
Specifies the border color for your control.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Foreground Color
Function:
Specifies the foreground color for your control.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
#ff0000
Example:
Refer to:

Apply Font Properties To Control
Function:
Specifies if the control gets the font properties from the properties set in the form settings.
Accepted Values:
  • Selected - The control gets the font properties from the properties set in the form settings.
  • Deselected - The control does not get the font properties from the properties set in the form settings.
Default Value:
Deselected
Example:
Refer to:

Label CSS Class
Function:
Specifies a CSS class for the label of your control.
Accepted Values:
A valid CSS class.
Default Value:
None

If you specify your CSS CSS icon on the top menu, the CSS is populated.

Example:
Refer to:

Field CSS Class
Function:
Specifies a CSS class for the field in your control.
Accepted Values:
A valid CSS class.
Default Value:
None

If you specify your CSS CSS icon on the top menu, the CSS is populated.

Example:
Refer to:

Container CSS Class
Function:
Specifies a CSS class for the container of your control.
Accepted Values:
A valid CSS class.
Default Value:
None

If you specify your CSS CSS icon on the top menu, the CSS is populated.

Example:
Refer to:

Behavior

Specifies how the control shows on your form.

Figure: Behavior tab

Behavior tab

Fields

Field NameDefinition

Enabled
Function:
Specifies if the form user can change the value of a field.
Accepted Values:
  • Selected - The form user can change the value.
  • Deselected - The input cannot change the value.
Default Value:
Selected
Example:
Refer to:

Right To Left
Function:
Specifies if the text for this control, including user input, shows from right to left.
Accepted Values:
  • Deselected - The text shows from left to right.
  • Selected - The text shows from right to left.
Default Value:
Deselected
Example:
Refer to:

Visible
Function:
Specifies if the form user sees the field.
Accepted Values:
  • Selected - The form user sees the field.
  • Deselected - The form user does not see the field.
Default Value:
Selected
Example:
Refer to:

Text Align
Function:
Specifies the horizontal alignment of user input for this control.
Accepted Values:
  • Left - Aligns the text to the left.
  • Center - Centers the text.
  • Right - Aligns the text to the right.
Default Value:
Left
Example:
Refer to:

Label Position
Function:
Specifies the position of the text label that shows on your form for the control.
Accepted Values:
  • Inherit - The position of the label is as specified in the form settings.
  • Left - Specifies that the position of the label is to the left of the container.
  • Top - Specifies that the position of the label is to the top of the container.
Default Value:
Inherit
Example:
Refer to:

Advanced

Specifies advanced settings for your form control.

Figure: Advanced tab

Advanced tab

Fields

Field NameDefinition

Field ID
Function:
Shows an ID of the control.
Accepted Values:
Read only.
Default Value:
Different for different controls.
Example:
Refer to:

JavaScript Event
Function:
Specifies the JavaScript event that causes an effect.
Accepted Values:
  • None - No action.
  • Blur - When a form user leaves an input field.
  • Change - When a form user changes the content of an input field or selects a value.
  • Click - When the form user clicks a button.
  • Double Click - When the form user double-clicks text.
  • Focus - When an input field gets focus.
  • Keydown - When a form user holds down a key.
  • Keypress - When the form user presses a key.
  • Keyup - When the form user releases a key.
Default Value:
None
Example:
Refer to:

JavaScript Function
Function:
Specifies the name of a JavaScript function to complete the activity.
Accepted Values:
The name of a Javascript function that exists in your app.

For more information, refer to (Example) Use Custom JavaScript in an eForm.

Default Value:
None
Example:

ConfirmSubmission where one of these is your function:

function ConfirmSubmission()
  {
    alert ('Are you sure to submit this form?');
    return true;
  }
function ConfirmSubmission(parameter1,parameter2)
  {
    window.alert ( parameter1 * parameter2);
    
  }

Also refer to:

Data Security Settings
Function:
Specifies whether to store information from the field in the process schema, so the app can use it again, or to simply pass on the information after the form is submitted without storing the information. This option helps to protect sensitive user information.
Accepted Values:
  • Persist - Stores the data from the field in the process schema, so the app can use it again.
  • Do Not Persist - Does not store the data from the field in the process schema. This option provides greater security for sensitive user information.
Default Value:
Persist
Example:
Refer to:

Store Date Time as Plain Text, and not ISO format
Function:
Specifies if the date information is stored in plain text or in ISO 8601 date format.
Accepted Values:
  • Selected - The date information is stored in yyyy-mm-dd format as plain text.
  • Deselected - The date information is stored in ISO 8601 date format, and the time is stored as 12:00 a.m.
Default Value:
Deselected
Example:
Refer to:
Limitations:

AgilePoint NX OnDemand (public cloud), or AgilePoint NX Private Cloud or AgilePoint NX OnPremises v7.0 Software Update 1 or higher.

Show On Tablet Devices
Function:
Specifies if the form field shows on a tablet.
Accepted Values:
  • Selected - The form field shows on a tablet.
  • Deselected - The form field does not show on a tablet.
Default Value:
Selected
Example:
Refer to:

Show On Mobile Phone Devices
Function:
Specifies if the form field shows on a mobile device.
Accepted Values:
  • Selected - The form field shows on a mobile device.
  • Deselected - The form field does not show on a mobile device.
Default Value:
Selected
Example:
Refer to: