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

    • Fuuz Form Detail Screen Specification

      Fuuz Industrial Intelligence Platform Article Type: Standard Standard Form Design Specification A unified framework for building single-record editing screens across Master Data, Transactional, and Setup applications—ensuring consistent user ...

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

    • Setup Data Table Screen Design Standard

      Article Type: Standard / Reference Audience: Solution Architects, Application Designers, Developers Module: Fuuz Platform - Application Designer Applies to Versions: 2025.12+ Template Reference: Table_Screen_Design_Template_-_Setup_0_0_1.json 1. ...

    • JSON Schema Inputs

      Within Fuuz you can use a JSON Schema to generate a dynamic form that builds JSON data from a users inputs. The JSON schema inputs can be expanded to use components found in the Screen Designer through the inputProps field. For more information about ...

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