Auto-Suggest form control
A form control that lets a form user select from a list of values when the form user enters a word or phrase in the field.

Configure the Auto-Suggest form control
To configure
the
Auto-Suggest
control,
do the procedure in this topic.
Video: Add an Auto-Suggest Control to eForm
Video: Common Configuration Settings in eForm Controls
Examples
- (Example) Create an eForm to Start the Process (Create Absence Request)
- 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.
How to Start
- Open eForm Builder.
For information about how to open this screen, refer to eForm Builder screen.
- On the eForm Builder screen, in the Tool Box, open the Commmon Controls tab.
- On the
Common Controls tab, drag a Auto-Suggest
form control onto your eForm.
Procedure
- 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 Auto-Suggest form control.

Fields
Field Name | Definition |
---|---|
Label |
|
Internal Name |
|
Help Text |
|
Help Text Display |
|
Configure
Configures advanced settings for your form control.

Fields
Field Name | Definition |
---|---|
Required |
|
Validation Message for Required Field |
|
List Type |
|
Enable Sorting |
|
Name |
|
Value |
|
Delete |
|
Add Option |
|
Store Selection As |
|
List Options Group From Manage Center |
|
Picklist from Data Entities |
|
Lookup Source |
|
Add Lookup |
|
Store Selection As |
|
Minimum Search Characters |
|
Filter |
|
Appearance
Specifies the look and feel for your form control.

Fields
Field Name | Definition |
---|---|
Font Family |
|
Font Size (px) |
|
Font Style |
|
Background Color |
|
Border Color |
|
Foreground Color |
|
Apply Font Properties To Control |
|
Label CSS Class |
|
Field CSS Class |
|
Container CSS Class |
|
Behavior
Specifies how the control shows on your form.

Fields
Field Name | Definition |
---|---|
Enabled |
|
Right To Left |
|
Visible |
|
Text Align |
|
Label Position |
|
Advanced
Specifies advanced settings for your form control.

Fields
Field Name | Definition |
---|---|
Field ID |
|
JavaScript Event |
|
JavaScript Function |
|
Data Security Settings |
|
Show On Tablet Devices |
|
Show On Mobile Phone Devices |
|