Text view

A simple text field to show basic context in a flat page.

Description

The textView component is used to render simple text in a flat page. This component allows you to display basic information on a flat page to provide context to the user.

The following example demonstrates how the text view component appears in the UI Components Showcase example form.

Text view component

Properties

Property Description
showIfExpression When the showIfExpression property is defined, it adjusts the component visibility based on the boolean value returned by the expression.
title The title of the field.
caption The caption of the field. This could be a brief description or explanatory text displayed at the bottom of the component.
validator Validation logic for the field.
readonly Indicates whether or not an editor control is read-only.
mandatory True or False expression. An asterisk ( * ) is shown on the title of the editor if it is mandatory for the user to fill.
Note that this property only controls whether the asterisk will show on the UI and won’t affect the validation. Use the validator property to add validation.
title The title of the field
text A localized string

Example

The following example demonstrates how the textView component in the example above is configured in the ui_def.json file of the UI Components Showcase example form.

ui_def.json 

{
    "type": "textView",
    "title": "form.ShowCasePage.TextViewTitle",
    "text": "form.ShowCasePage.TextViewText"
},

en.json 

{
    "TextViewSection": "Text views section",
    "TextViewTitle": "Text view title",
    "TextViewText": "Text view content",
}