Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Text input control - Presentation tab

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

A cell in a layout can present the value of a property, as display-only or as an input field. When you add a Text input control, you can complete the Presentation tab.

FieldDescription
Edit Options Select an edit mode for this control. The edit mode of the control takes precedence over section and harness settings.
  • Auto - the control uses the edit mode of the section or harness in which it appears. If the section is set to Read Only, then the control is Read Only. If the section is set to Auto, then the control uses the edit mode of the harness. For example, a New harness is editable, while a Review harness is read only.
  • Editable - the control is editable, regardless of the edit mode of the enclosing layout.
  • Read Only - the property value is presented in read-only mode always, or based on a when condition rule or client-side test, even when the enclosing layout is in read-write mode.
Read-only value

Appears only when you select Read Only in the Edit Options field. Enter or select one of the following:

  • The When Name key part of a when condition rule. Click the Open icon to review or create the rule.
  • A simple expression based on the comparison of a pair of constants, properties, or both, combined by Boolean operators, such as .Color="Red". You can combine the expression with a when condition rule or another expression using the && and || operators.

As a best practice, use the Condition Builder to edit this field. Click the Open condition builder icon to open the tool.

Specify Size Specifies the width of the text input.

Select Auto if you want the layout to determine the width of the control area. This is the default.

If you want to specify a fixed width for the text input, select Custom and then specify the width in pixels or percentage.

Min/Max CharsOptional.Enter a value that determines the minimum and maximum number of characters that can be entered in the text input. You can designate either value as unlimited by leaving it blank.
Control formatOptional. Specifies the style format applied to the control. You can define multiple formats in the skin rule. Press the down arrow to select another format, if applicable.
Label formatRead-only option. Specifies the format of the control's label.
Editable Format
Type

Select a type (editable) used with this property. Your selection filters the format options.

Group/SelectionDescription
EmailRenders the email address as a link. When the link is clicked, the email composer opens with this value populated in the To: field.
NumberNumeric properties on output.
PhoneRenders the phone number as a link. When the link is clicked, the phone dialer or another configured phone application opens.
TextUnedited text, which may contain spaces, tabs, line break characters, and other control characters.
URLOpens the URL as a link in new window.
Text AlignmentSelect left, right, or center alignment.Advanced OptionsInstead of creating a new custom format in the skin, you can adjust elements in a cell by applying Cascading Style Sheet (CSS) helper classes. For example, you can use a CSS helper class to center an element in a cell or to double the standard right margin for the element.Read-only formatType

Select a format (read-only) used with this property. Your selection filters the format options.

Group/SelectionDescription
NoneThe property is not formatted. There are no options.
Date Renders DateTime and Text property types in date-only format (hours and minutes are not displayed). See Understanding the Date, Time of Day, and DateTime property types.

Specify the format in the Date Format field.

Date/Time Renders DateTime and Text property types in date and time format. See Understanding the Date, Time of Day, and DateTime property types.

Specify the format in the DateTime Format field.

EmailRenders the email address as a link. When the link is clicked, the email composer opens with this value populated in the To: field.
NumberNumeric properties on output.
PhoneRenders the phone number as a link. When the link is clicked, the phone dialer or another configured phone application opens.
TextUnedited text, which may contain spaces, tabs, line break characters, and other control characters.
True/False Boolean values.

Specify the format in the True Label and False Label fields.

URLOpens the URL as a link in new window.
DateTime Format

or

Date Format

Appears if Type is Date/Time or Date.Text Alignment Appears if Type is Number.

Select left, right, or center alignment.

Decimal Places Appears if Type is Number.

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 (placeholder zeroes are not added). Select to remove all digits after the decimal point and round to the nearest integer. Select All to include all digits.

Use native control on mobile Enables the use of native rendering on mobile devices. At runtime, the date and time pickers display using the mobile browsers native calendar date and time pickers.

To enable native browser support, check the Use native control on mobile.

The native control option only appears for the Date Time control types.

Display Read-only formatting At runtime, read-only formatting displays when the editable field is not in focus. When the editable field is in focus, it behaves as normal input. The actual value gets submitted although the formatted value is displayed. Editable formatting does not appear when there are client-side and server-side validations.

To enable read-only formatting, check the Display value using read-only formatting check box. The read-only formatting option only appears for the Currency, Date Time, Integer, Number and Percentage control types when the Editable Format is Number.

Scale Appears if Type is Number.

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 (.8 appears as "80%").

Negative Format Appears if the Type is Number.

Select a format (minus sign or parenthesis) 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.

Show validation messages in read-only modeSelect this option to display validation errors to users at run time. When enabled for auto-generated controls in read-only mode, if the control's validation fails, the validation message is displayed. This option is available on the Presentation tab under Read-only Format . It is also available in the control ruleform. When enabled on the control ruleform, all controls using that ruleform have the option enabled.Symbol Appears if Type is Number. When a symbol is specified an additional character(s) is prepended to the value. Currency automatically uses the localized currency symbol, constant uses a string, and reference uses a property value.

Select an option for representing the number as

  • Currency - Formats the number as a currency using the default locale.
  • Constant - A text string or character (for example, "%") ASCII character that you enter.
  • Reference - A property value.
Rounding Method Specifies how halfway values are handled:
  • Default - The default value per the prconfig xml
  • Round towards positive infinity
  • Round towards zero
  • Round towards negative infinity
  • Round down to nearest - round to the nearest neighbor, where an equidistant value is rounded down
  • Round to nearest even number - round to the nearest neighbor, where an equidistant value is rounded to an even value
  • Round up to nearest - round to the nearest neighbor, where an equidistant value is rounded up
  • Round away from zero
Separators Appears if Type is Number.

Select to use a thousands' separator. Depending upon the default locale, a comma or period is used.

Obfuscated

Appears if the Read-only format Type is Text.

Select Yes if you want the characters entered by the user to appear as a string of bullets. 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 Appears if Type is Text and the control is not obfuscated.

Select a property or constant that you want to add either 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 and the control is not obfuscated.

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 Appears if the Type is True/False.

Select to label either outcome using Text or an Image.

True Image

False Image

Appears if the Type is True/False and Show Value As Image is selected.

Select an image to label either outcome. Used with a boolean type.

True Text

False Text

Appears if the Type is True/False and Show Value As Text is selected.

Enter a text string to label either outcome. Used with a boolean type.

If the Localize? check box is selected on the section's HTML tab, a SmartPrompt Appears in the Constant field in the Parameters dialog. Select a field value rule if you plan to localize the text. 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.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us