Text (Display Text)

Text (Display Text)

The text display element can be used in the Screen Designer by dragging the element into the Screen Designer Canvas from elements under display.

Within the 'Basic' editable properties in the Editor Panel, the text can be customized to have an default Value, Form Element, and Label that will be reflected in the text display element on the Screen Designer Canvas.

image-20240618-203147.png
image-20240618-203346.png

Editable Properties:

  • Basic

    • Data Model Field

    • Data Path

    • Default Value

    • Predicate

    • Form Element

    • Label

    • Helper Text

  • Display

    • Padding

    • Width

    • Height

    • visible

    • Justify Content

    • Align Items

    • Label Position

    • Label Font Size

    • Label Font Color

    • Data Font Size
    • Data Font Color

  • General
    • Format
    • Format String
    • Time Zone
    • Link Target
    • Link Props
    • Text
  • Advanced
    • Disabled
    • On Change Transform
    • Data Transform
    • Additional Query Fields
    • Target Data Path
image-20240228-192626.png
image-20240228-192725.png

    • Related Articles

    • Switch

      The Switch input element can be used in the Screen Designer by dragging the element into the Screen Designer Canvas. Within the 'Basic' editable properties in the Editor Panel, the Switch can be customized to have a single label and/or a second label ...

    • Text Input - JSON Editing

      Creating a screen, sometimes it is quick and easy to use the modal feature within a table or form design to engage with your end users to create or update a record in Fuuz. You can certainly use the screen designer to drop in the input components you ...

    • Transform Data in a Column

      In the screen designer, you can dynamically transform data in columns. This can help when the data stored in the table, does not match the format you’re hoping to present to the user. In this example, we will highlight how we manage to convert a ...

    • Icon Picker

      The Icon Input element can be used in the Screen Designer by dragging the element into the Screen Designer Canvas. Within the 'Basic' editable properties in the Editor Panel, the Icon input can be customized the default label set to “Icon Picker” ...

    • Display

      Screen Elements in this category help create a variety of elements and information to display on your screen.