Pop-Up Select form control

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

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:

• The videos on this page

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:

• The videos on this page

Lookup Source

Function:

Specifies a reusable lookup configuration. The lookup configuration includes the data source and other configuration values for the lookup.

Accepted Values:

A valid lookup source

Default Value:

None

Example:

Refer to:

• The videos on this page
• (Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

Add Lookup

Opens this Screen:

Select Data Source Type screen

To Open this Field:

1. In the Select List Type field, select Lookup List.

Function of this Screen:

Specifies the data source where the form control will do the lookup procedure.

Example:

Refer to:

• The videos on this page

Bind Lookup Values To A Repeating Control (Optional)

Function:

Specifies to bind the lookup values to either a Subform or a Data Grid form control to store the results of the lookup procedure.

This is an alternative to binding each field of the specified form control with the results of the lookup.

To Open this Field:

1. In the Lookup Source field, select your lookup from the list.

Accepted Values:

• The display name of a Subform form control.
• The display name of a Data Grid form control.

Default Value:

None

Example:

Refer to:

• (Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

Bound Column

Function:

Completes the column value using a specified field from your lookup source..

If you bind the lookup values to subform, the internal name of the subform field must match the value of this field.

Accepted Values:

Read only.

When you select a lookup source from the Lookup Source field, this field shows the column value from the specified lookup source.

Default Value:

None

Header

Function:

Specifies the custom heading for the column.

Accepted Values:

One line of text that can have spaces.

Default Value:

The value from the Bound Column field.

Javascript To Execute After Lookup Completion

Function:

Specifies which JavaScript function to run after the lookup is complete.

Accepted Values:

The name of a Javascript function that exists in your application.

For more information, refer to Add a JavaScript Code Snippet to 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

On Lookup Completion, Trigger Change Event For

Function:

The change event JavaScript function runs when the value of a lookup is changed.

You can add the change event function in your application. For more information, refer to Add a JavaScript Code Snippet to an eForm

Accepted Values:

• None - The value of the form controls do not change based on a lookup.
• All Target Controls - The value of the form controls change based on lookup.

Default Value:

None

Example:

Refer to:

• (Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

Always Show Popup

Function:

Specifies whether to show the list of options on the eForm screen, or on a pop-up screen.

To Open this Field:

1. In the Bind Lookup Values To A Repeating Control field, select a repeating control.

Accepted Values:

• Deselected - Shows the options on the main eForm screen.
• Selected - Shows the options on a pop-up screen.

Default Value:

Deselected

Example:

Refer to:

• (Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

Allow Multiple Selection

Function:

Specifies whether you can select more than one option for a repeating control.

To Open this Field:

1. In the Bind Lookup Values To A Repeating Control field, select a repeating control.

Accepted Values:

• Deselected - Lets you select only one option for a repeating control.
• Selected - Lets you select more than one option for a repeating control.

Default Value:

Deselected

Example:

Refer to:

• (Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

Font Family

Function:

Specifies the font family of the input text and label.

Accepted Values:

A font name from the list.

Default Value:

Arial

Example:

Refer to:

• The videos on this page

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:

• The videos on this page

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:

• The videos on this page
• (Example) Configure the Form Settings for the Create Absence Request eForm

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:

• The videos on this page

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:

• The videos on this page

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 on the top menu, the CSS is populated.

Example:

Refer to:

• The videos on this page

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 on the top menu, the CSS is populated.

Example:

Refer to:

• The videos on this page
• (Example) Set the Logo Image for the Create Absence Request eForm

Font Size (px)

Function:

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

Accepted Values:

A positive integer.

Default Value:

12

Example:

Refer to:

• The videos on this page

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:

• The videos on this page
• (Example) Configure the Employee Name Text Box for the Create Absence Request eForm

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:

• The videos on this page

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:

• The videos on this page
• (Example) Configure the Employee User Name Text Box for the Create Absence Request eForm
• (Example) Configure the RequestID Text Box for the Create Absence Request eForm

Field ID

Function:

Shows an ID of the control.

Accepted Values:

Read only.

Default Value:

Different for different controls.

Example:

Refer to:

• The videos on this page

Maximum Height (px)

Function:

Specifies the maximum height for your control in pixels.

Accepted Values:

An integer less than 10000.

Default Value:

300

Show In Tablet

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:

• The videos on this page

Show In Mobile

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:

• The videos on this page