Array Input

Array Input

The Array 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 Array input can be customized to have a label that will present on the top side of the Array Input element and a placeholder that will present in the input as a placeholder.

image-20240618-200548.png
image-20240618-200925.png

 

 

Editable Properties:
  1. Basic
    1. Label
    2. Placeholder
    3. Data Type
    4. Data Model Field
    5. Data Path
    6. Helper Text
    7. Form Element
  2. Display
    1. Padding
    2. Width
    3. Height
    4. Align Items
    5. Visible
  3. Validation

image-20240126-193246.png

 

image-20240126-190351.png

 

 

Functionality:
User can add multiple items and any data type, it will render as a list at top of the input field, there is also a functionality to edit and remove each item from list.

image-20240126-191725.png

    • Related Articles

    • Input

      User input elements are fundamental tools in application development. They facilitate user interactions, data collection, and enhance user experiences. These elements seamlessly integrate within forms, offering flexibility for customization and deep ...

    • 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 ...

    • Color 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 ...

    • 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” ...