Captcha form control

Label

Description:

Specifies the text label that shows on your form for the control.

Allowed Values:

One line of text (a string).

Accepted:

• Letters
• Numbers
• 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

Description:

Specifies a unique, technical name for your control.

Allowed Values:

One line of text (a string).

Not Accepted:

• 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.

Help Text

Description:

Specifies the text to shows when a runtime app user hovers their cursor over the form control.

Allowed Values:

More than one line of text.

Default Value:

None

Example:

Refer to:

• The videos on this page

Help Text Display

Description:

Specifies if the field shows the text in the Help Text field when the runtime app user hovers over the label or field.

Allowed 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:

• The videos on this page

Validation Message for Required Field

Description:

Specifies the message to show if the form user does not enter data in a mandatory form control.

Allowed Values:

More than one line of text.

Default Value:

Enter the ${L}

${L} is a variable that shows the name of the form control.

Example:

Refer to:

• The videos on this page
• (Example) How to use a Validation Mask in a Form Control

Font Family

Description:

Specifies the font family of the input text and label.

Allowed Values:

A font name from the list.

Default Value:

• Modern theme - Roboto
• Classic theme - Arial

Example:

Refer to:

• The videos on this page

Font Size (px)

Description:

Specifies the size of the input text and label for your form control.

Allowed Values:

An integer.

Range

• Greater than 0

Default Value:

• Classic theme - 12
• Modern theme - 14

Example:

Refer to:

• The videos on this page

Font Style

Description:

Specifies the style of the font for the input text and label.

Allowed 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:

• The videos on this page

Background Color

Description:

Specifies the background color for your control.

Allowed 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:

• The videos on this page

Border Color

Description:

Specifies the border color for your control.

Allowed 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:

• The videos on this page

Foreground Color

Description:

Specifies the foreground color for your control.

Allowed 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:

• The videos on this page

Apply Font Properties To Control

Description:

Specifies if the control gets the font properties from the properties set in the form settings.

Allowed 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:

• The videos on this page

Label CSS Class

Description:

Specifies a CSS class for the label of your control.

Allowed Values:

A valid CSS class.

Default Value:

None

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

Example:

Refer to:

• The videos on this page

Field CSS Class

Description:

Specifies a CSS class for the field in your control.

Allowed Values:

A valid CSS class.

Default Value:

None

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

Example:

Refer to:

• The videos on this page
• (Example) Use Custom CSS in a Form Control

Container CSS Class

Description:

Specifies a CSS class for the container of your control.

Allowed Values:

A valid CSS class.

Default Value:

None

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

Example:

Refer to:

• The videos on this page
• (Example) Use Custom CSS in a Form Control
• (Example) Create an eForm to Start the Process (Create Absence Request)

Text Align

Description:

Specifies the horizontal alignment of user input for this control.

Allowed 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:

• The videos on this page

Label Position

Description:

Specifies the position of the text label that shows on your form for the control.

Allowed 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:

• The videos on this page

Field ID

Description:

Shows an ID of the control.

Allowed Values:

Read only.

Default Value:

Different for different controls.

Example:

Refer to:

• The videos on this page

JavaScript Event

Description:

Specifies the JavaScript event that causes an effect.

Allowed 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:

• The videos on this page

JavaScript Function

Description:

Specifies the name of a JavaScript function to complete the activity.

Allowed 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:

• The videos on this page

Show On Tablet Devices

Description:

Specifies if the form field shows on a tablet.

Allowed 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:

• The videos on this page

Show On Mobile Phone Devices

Description:

Specifies if the form field shows on a mobile device.

Allowed 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:

• The videos on this page