Classic Application Auto Complete Revision
Posted: March 22nd, 2022, 1:44 pm
As of RunTime revision 907, textbox auto complete has been implemented in EASY Process classic applications. This feature allows the user to set up a textbox to display results that match the already typed in text. Note this feature will only work on new applications unless you add the css below.
To add auto complete to a textbox you must turn on the following properties:
Then add the AutoComplete service to the control process and set it up with values and descriptions for the textbox to autocomplete with.
Here is what it will look like in use:
To add textbox auto complete add the following css to the Default_Modern.css file by checking it out to the developer workbench:
To add auto complete to a textbox you must turn on the following properties:
- AutoCompleteEnabled
- ShowAutoComplete
- useOnChange
- Auto Complete Look.PNG (2.74 KiB) Viewed 973 times
- Auto Complete Look.PNG (2.74 KiB) Viewed 973 times
Code: Select all
.autocomplete-items {
display: none;
position: absolute;
min-width: 100px;
max-height: 280px;
z-index: 1;
overflow-y: auto;
background-color: white;
border-radius: 3px;
box-shadow: 0px 0px 1px grey;
}
.autocomplete-items > option {
padding: 8px;
margin: 4px;
border-radius: 3px;
border: 1px solid transparent;
cursor: pointer;
}
.autocomplete-items > option.hover {
border: 1px solid #2484c5;
background-color: #175E8E22;
}
.text-field-wrap:focus-within > .autocomplete-items {
display: block;
}