Autocomplete Properties – Presentation tab
Click the View properties icon of an autocomplete control to display the properties panel, and then click the Presentation tab to configure the display of the autocomplete control.
|Edit options||Select an edit mode for this control. This setting takes precedence over
section and harness settings.
|Read-only value||For read-only formats, select to display one of the following:
|Display as combo box (field and button)||Select this check box to configure the autocomplete control as a combo box.|
|Specify size||Specifies the width of the autocomplete field.
|Results display||Select a display format for the autocomplete search results.
When you select In a list display mode, the following options are not applied to the primary fields:
The following options are not applied to the additional fields:
Select the Display results full screen on phone check box if you want the search results to cover the full screen of your mobile device.
Select the Allow free-form input check box so that users on mobile devices can enter values that are not part of the autocomplete source list.
|Control format||Press the Down arrow key to specify a format for the autocomplete control. You can style autocomplete controls and create additional formats in the skin rule.|
|Label format||Press the Down arrow key to specify a format for the label of the autocomplete control.|
|Type||Select a read-only format used with this property. Your selection filters the
|DateTime or Date format||Available when the Type option is set to
DateTime or Date.
Select left, right, or center alignment.
You cannot apply a format when you select As a list option for results display and the DateTime property is an additional property.
To calculate months and days, the system uses today's numerical day in the previous month(s). For example, if today is March 21, one month ago was February 21, not one month, six days ago.
|Text alignment||Available when the Type option is set to
Select left, right, or center alignment.
|Decimal places||Available when the Type option is set to
A non-negative integer to control the number of digits presented after the decimal place. The default is Auto, which displays a maximum of three decimal places. Select 0 to remove all digits after the decimal point and round to the nearest integer.
|Scale||Available when the Type option is set to
Select a label indicating the scaling you wish to apply to the number. The scales are K for thousands, M for millions, B for billions, and T for trillions. For instance, if you select Thousands, a value of 20,000 appears as "20 K." If Percentage, the value appears as a percentage sign (0.8 appears as "80%").
|Negative format||Available when the Type option is set to
Select a format for displaying negative numbers.
You can also specify a CSS class if you select one of the Style ref options. By default, the class name is NegativeNumber.
|Symbol||Available when the Type option is set to
Select an additional character to be added to a number:
|Separators||Available when the Type option is set to
Select to use a thousands' separator. Depending upon the default locale, a comma or period is used.
Available when the Read-only format Type option is set to Text.
Select Yes to mask the password. The input characters are initially added to the clipboard as unencrypted, clear text values. The system computes the hashed value only as the page is committed to the PegaRULES database. Thereafter, the hashed value appears in both the clipboard and the database row.
|Auto prepend||Available when the Type option is set to
Text and the control is not obfuscated.
Select a property or constant that you want to add before the displayed property value. For example, when the user name appears, the system can automatically prepend the user's title.
|Auto append||Appears if Type is Text option and the control is not
Select a property or constant that you want to add after the displayed property value. For example, when the user name appears, the system can automatically append the full mail extension to the name.
|Show value as||Available when the Type option is set to
Select to label either outcome using Text or an Image.
|True image and False image||
Available when the Type option is set to True/False and Show value as is set to Image.
Select an image to label either outcome.
|True text and False text||
Available when the Type option is set to True/False and Show value as is set to Text.
Enter a text string to label either outcome.
If this text is to be localized, enter no more than 64 characters. A field value rule with pyCaption as the second key part and this text as the final key part is needed for each locale.
- Adding an Autocomplete control
Use an Autocomplete control to allow the user to select a value from a possibly large set of searched text values, based on a partial string match. Pega Platform dynamically assembles and displays a list of candidate matching values after the user types one or a few characters of input.
- Skin form — Components tab — Controls — Autocomplete
Styles set on the Search Results tab apply to the filtered list of results that is displayed after the user types one or more characters in the autocomplete input field. The styles apply to both the standard and legacy autocomplete control.
- Understanding the Date, Time of Day, and DateTime property types.
A single application can be deployed worldwide. To support varied needs for time zones and locales, three different property types are available: Date, TimeofDay, and DateTime.
- Source of autocomplete field values
Autocomplete controls save time and ensure accuracy by supplying a list of possible values for an input field, based on characters that the user enters.