Adding a Text input control
A cell in a layout can present the value of a property, as display-only or as an input field. Follow these instructions to control the presentation of a property value in a Text input control.
Configure styles for the Text input control using the Skin rules. See Skin form — Components tab — Controls — Text inputs & Formatted text.
The Text input control uses the auto-generated control pxTextInput. Its look and behavior are governed by the rule form's Control tab. The Parameters tab is not available and the HTML cannot be edited. As a best practice, do not modify a copy of the rule. Instead, use the Parameters dialog available in the control's Cell Properties panel while designing a section, flow action, or harness. See Controls form Completing the Controls tab
As a best practice, use the pxTextInput control in new development, rather than the non-auto-generated Default controls.
On the Design tab, from the Data capture list, drag Text input onto the work area.
If you are using a cell-based layout and you drag the control into a cell that is not empty, then the dropped control replaces the current contents of the cell.
Click the View properties icon to display the Properties panel and complete the following tabs:
The UI Gallery landing page contains a working example of this element. To display the gallery, in Dev Studio, click .
Use these Windows operations to speed development:
- To move a cell containing an Text input control, select the cell and drag and drop it in another cell in the same layout or another layout.
- To cut, copy, or paste a Text input control in a cell, right-click in the cell to access a context-menu.
- Text input control - General tab
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 General tab.
- Text input control - Presentation tab
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.
- Keystores
A keystore is a file that contains keys and certificates that you use for encryption, authentication, and serving content over HTTPS. In Pega Platform, you create a keystore data instance that points to a keystore file.
- harnesses
Organize the content and structure of a portal by defining harnesses. By populating harnesses with sections, you can build a modular interface that promotes reuse and maintainability.
- Sections
Use sections in conjunction with harnesses to define the appearance of user forms, rule forms, or composite portals.
Previous topic Text area control - Presentation tab Next topic Text input control - General tab