Text component
in Common Forms

creates a text input field

  • multiple rows
  • different constraints
  • default value

The Text component is used to create a text input field inside a Form component. There are several stylings to adapt its appearance and also different constraint options.

on this page:
Display & Usage , Opens In New Window Component settings , Opens In New Window
Step by step , Opens In New Window

Introduction

The Text component is used to create text input fields that let the portal visitor enter their name, email adress or any other textual content. A help text, placeholder and default value can be set up and you can configure how many rows the text field should have. Constraints can also be configured for this component. Additionally the type of in put can be selected (e.g. text, email adress, digits).

Please note that there are also separate components for dates, numberic values and OIBs available.

Glossary:

Example:

Display in Form Reference

Display in Modal Overlay

Display & Usage

Number Of Rows

The number of rows that the text field should have, can be configured:

Unconfigured

A simple text field that has no number of rows configured will be just 1 row.

10 rows

A simple text field that has the number of rows configured as 10.

Field Placeholder

A Field Placeholder can be configured for the text input field, that will be displayed in grey faded out text in the text field. It can be used to suggest a value or tell the user what this field is for.

Default Value

A Default Value can be configured for the text input field, that will be displayed as an entry in the text field. It can be used to suggest a value.

Component settings

The Text component is available in the Common Forms component group in a Modal Content template.

tab: Name

In the Name tab, settings for the general appearance of the input field are set up.

tab: Values

In the Values tab, a default value can be defined.

tab: Constraints

Common Form Constraints element to restrict the display of the component (via Expressions) and to set the Mandatory Type.

tab: Styling

In the Styling tab, besides the Style (width) of the component, additional Display Modes are defined.

Step by step

1

2

3

4

5

6

Related topics

Used recurring elements