You can use the Label element to display static or dynamic texts. You can give role-based authorizations to the element and set its visibility with show/hide/conditional options.
Value
By default, fields are opened where you can type the static text to be displayed. You can also useSymbol Picker to show the value returned from an element and the data of an action in the basic UI Logic structure.
Maxline
Maxline allows you to display content up to a certain number of lines, regardless of the text length.
Formatter
In the application development process, a formatter is a parameter that allows data to be put into a specific format or arrangement. Formatters usually organize data types such as text, numbers, date and time and are used to achieve a specific look or format.
If the element on the screen is selected, a Formatter appears in the Properties panel depending on the element.
Label element can display different data types as a string. With Formatter, it can be ensured that the content to be displayed is displayed in the appropriate format. Although a phone number (+1 (212) 1234567) and a monetary amount (27.99) are numeric, their display formats are different.
When the Label element is selected, Formatter pops up in the Properties panel.
In the popup window;
- money,
- money-var-1,
- money-tl,
- Phone,
- Percent,
- Fractional-2,
- Fractional-5,
- Date,
- Time,
- Date time,
- Date var-1,
- Time ago,
- It comes with options such as Short date.
Amount of Money (Money):
- Money: Represents the amount of money with 2 digits of cents after the comma.
- money-var-1: Represents the amount of money without comma, without 2 digits of kuruş.
- money tl: Represents the amount of money by adding the symbol TL.
Phone Number (Phone):
- phone: Shows the phone number (999) in 999-9999 format.
Percent (Percent):
- percent: Represents the percentage by adding the percent symbol.
Fractional Number (Fractional):
- fractional-2: Shows 2 digits after the comma.
- fractional-5: Displays 5 digits after the comma.
Date and Time (DateTime):
- datetime: Shows the date in DD/MM/YYYYY HH:mm:ss format.
Date (Date):
- date: Shows the date in DD/MM/YYYYY format.
- date-var-1: Shows the date in DD:MM:YYYYY format.
- short-date: Shows the date in MMM Do format.
Time:
- time: Shows the time in HH:mm:ss format.
- time-ago: Shows the date and time in DD/MM/YYYYY HH:mm:ss format.
These formats are examples that you can use to format certain types of data the way you want. You can apply each format as needed.
Tooltip
You can use it to provide additional/auxiliary information on a label. It is the description that usually appears as a small information window when you hover over the label element. (For example, if we consider that there is an “Email Address” label, hovering over the label might show a description like “Please enter a valid email address.”)
