Classic Application Auto Complete Revision

[JustinVanRegenmorter]

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:

• AutoCompleteEnabled

• ShowAutoComplete

• useOnChange

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:

Auto Complete Look.PNG (2.74 KiB) Viewed 969 times

Auto Complete Look.PNG (2.74 KiB) Viewed 969 times

To add textbox auto complete add the following css to the Default_Modern.css file by checking it out to the developer workbench:

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;
}