show / hide menu

AutoComplete Textbox

The Autocomplete textbox provides suggestions while you type into the field. This control enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.

Control Name: AutoCompleteTextBox

Group: Standard

DataSource Configuration Steps

General
S.NoProperty nameData TypeDescription
1 Control Name String Specifies the unique name or identifier for the autocomplete text box control. This property is to ensure property identification and avoid conflicts with other controls. 
2 Control Type String Used to identify the type of control. 
3 ID String Specifies a unique identifier for the autocompletetextbox.
4PostBackString When the user types in the autocomplete textbox, matching suggestions are displayed.When the user selects a suggestion, a postback is triggered. The selected value is sent to the server, where it can be processed and used to update related data or controls.When the Postback feature is enabled, the autocomplete textbox can get its data through the postback process. Therefore, the FillData command is not required for that autocomplete textbox.
5Exact MatchStringWhen Exact Match is enabled, the user can only enter or select a value that matches one of the available autocomplete results. Values that do not match the filtered results are not allowed.
6Display Item Count IntegerSpecifies the maximum number of suggestion items displayed in the autocomplete dropdown list at one time. This property controls how many matching entries are visible to the user when typing in the control. 
7TooltipStringAllows you to display a message when the user points (hovers) the mouse over the TextBox. 
8Tab Index IntegerSpecifies the maximum number of suggestion items displayed in the autocompletetextbox dropdown list at one time. This property controls how many matching entries are visible to the user when typing in the control. 
9Remarks String Specifies additional descriptive information or comments related to the AutoCompleteTextBox control. The remarks property is typically used to store notes, explanations that help developers or users understand the control’s purpose or usage. 
10Check Dirty Boolean When CheckDirty is set to true, the control can determine if its data has been altered or not. 
11Contains Boolean When Contains is set to true, the control displays suggestions that contain the entered text anywhere within the item, not just at the beginning. 
Style
S.NoProperty NameData TypeDescription
12 WidthIntegerDetermines how wide the control appears on the form or screen. 
13 HeightIntegerDetermines how tall the control appears on the form.
14 MarginIntegerSpecifies the space between the autocompletetextbox and other surrounding controls. 
15 Padding IntegerDefines the amount of space between the text content and the inner edges of the AutoCompleteTextBox control. 
16 Box Shadow IntegerSpecifies the shadow effect applied to the border or background of the AutoCompleteTextBox control. The BoxShadow property enhances the visual depth of the control, making it appear elevated or highlighted on the UI. 
17Enable Custom Font Boolean Determines whether the AutoCompleteTextBox should use a custom font for its text content instead of the default system font. 
18Font  StringSpecifies the font settings for the text displayed in the AutoCompleteTextBox, including the font family, size, style, and weight. 
19Font Size IntegerSpecifies the size of the text displayed in the AutoCompleteTextBox control. This property controls the height of characters for both the user input and, optionally, the suggestion items in the dropdown list. 
20Font Color String Specifies the color of the text displayed inside the control. 
21Background Color  Specifies the background color of the AutoCompleteTextBox control. This property affects the area behind the text input field, providing visual distinction and improving readability or styling consistency with the rest of the UI. 
22 Visible Boolean Determines whether the AutoCompleteTextBox is displayed on the user interface. When Visible is set to true, the control is rendered and can interact with the user. When set to false, the control is hidden from view and does not participate in layout or user input. 
23Enable Boolean When Enabled is set to true, the user can type in the control and interact with the autocomplete suggestions. When set to false, the control is disabled, preventing user input and typically rendering it in a visually “grayed out” state. 
24Bold Boolean Indicates whether the text displayed in the AutoCompleteTextBox should be rendered in bold. 
25Italic Boolean Specifies whether the text displayed in the AutoCompleteTextBox should be rendered in italic style. 
26Column SpanIntegerSpecifies the number of columns the control spans in a grid.
Attached Label
S.NoProperty NameData TypeDescription
27Show LabelBooleanTo display the attached label along with the control.
28Label TextStringSets the text content of the label attached to the control.
29Label PositionStringTo place the label attached in various positions around the control.
30Label WidthStringSets the suggested width or thickness of the label attached to the control.
31Label HeightStringSets the suggested height of the label attached to the control.
32Text AlignmentStringTo align the texts inside the label attached to different positions within the control.
33V Text Alignment String Specifies the vertical alignment of the text for the attached label. This property controls whether the text appears aligned at the top, middle, or bottom of the text box area. 
34MarginStringSets the edge or outer margin to the control.
35Padding IntegerSpecifies the space between the content (text) of the attached label of control and its borders. 
36Box Shadow IntegerSpecifies the shadow effect applied to the border or background of the attached label of AutoCompleteTextBox control. The BoxShadow property enhances the visual depth of the control, making it appear elevated or highlighted on the UI. 
37FontStringSets the font face\style.
38Font SizeStringSets the size of the text in the attached label.
39BoldBooleanTo make the attached label text Bold.
40ItalicBooleanItalicize the attached label text.
41UnderlineBooleanUnderline the attached label text.
42Font ColorStringSets a brush that describes the Font color in the attached label.
43Background ColorStringSets a brush that describes the Background color to the attached label.
DataSource
S.NoProperty NameData TypeDescription
44ItemsOn clicking the Browse button of the items will open a datasource window.
Rules
S.NoProperty NameData TypeDescription
45RulesAfter selecting the control, If the user clicks the Rules tab it will be expanded and displays a Rules property. Create Rule can be selected from a drop down list. On clicking the Create Rule link button will navigate the user to the Rules Engine. The same control will be added as a trigger by default to execute the Rule.
Validation
S.NoProperty NameData TypeDescription
46Is RequiredBooleanHelps to check whether the user has to give input in the control or not. If this property is enabled, this will not allow the user to save a form without giving the input.
47Required MessageStringIf the Is Required property is enabled and input is given in this property, the validation message will be displayed to the next right of the control when the user is trying to save a form without entering a value in the control.
48Validate On SaveStringSets a warning message for incomplete\incorrect input.
49 Message Position String Defines the location where a message is displayed relative to the AutoCompleteTextBox.
Reports
S.NoProperty NameData TypeDescription
50Control ReportControl Report will redirect to the Reports tab that will display all the configurations, rules and datasources details associated with the selected control.
Template
S.NoProperty NameData TypeDescription
51Inherit Template BooleanDetermines whether a control inherits a template definition from its parent control or base class.
Custom Style
S.NoProperty NameData TypeDescription
52CSS ClassStringSpecifies the CSS class or classes to apply to a control when it is rendered in HTML.
Custom Property
S.NoProperty NameData TypeDescription
53HTML AttributeStringAllows you to add or modify HTML attributes for a control when it is rendered.
Responsive Options
S.NoProperty NameData TypeDescription
54Template NameStringRepresents the template name of the control shown in the Responsive UI configuration. The template name is same as the control’s name.
55Custom LoaderStringThe loaders configured for the particular tenant are listed here. The user can select the loader to be displayed while data is being loaded into the control.