Form

Form

In the context of screen design and web pages within Fuuz, a "form" refers to a specific user interface element or component that facilitates data input, collection, and submission within the Fuuz Manufacturing platform. Here's a definition tailored to the Fuuz context:

In Fuuz screen design, a "form" is a structured and interactive element that allows users to input and manipulate data related to manufacturing processes, production workflows, or any other relevant information. Forms in Fuuz are essential for capturing, updating, or transmitting data within the platform. They typically consist of various input fields, checkboxes, dropdown menus, and buttons tailored to the specific needs of manufacturing and production management. Users interact with these forms to provide critical details, make selections, or initiate actions within the Fuuz platform. Once users complete the form, the entered data may be used for various purposes, such as managing orders, tracking inventory, or configuring manufacturing processes. Form design within Fuuz emphasizes usability, efficiency, and alignment with manufacturing workflows to streamline data entry and enhance productivity.

In Fuuz, forms are integral to managing manufacturing operations effectively, enabling users to input and manage data related to their manufacturing processes, and ensuring that the platform serves as a comprehensive solution for manufacturing needs.

A Fuuz form is a screen element that largely functions as a container that can be preloaded with a data model query and provides context for child elements.

 

Form screen element inside the Screen Designer

image-20240618-184528.png
image-20240618-184836.png

  1. Form screen element

  2. Form screen element inside the canvas screen

  3. Property Editor Panel (Header: system name for selected screen element)

 

Editable Properties

image-20240612-192436.png

Edit

By clicking Edit, the user can edit the JSON screen property definitions or delete the screen element.

System

By clicking System, the user can change the System Name of a screen element, however, this should remain unchanged once editing begins.

General

By clicking General, the user can add any helper text to bubble up when hovering over the screen element. The user can also choose to block navigation when the screen is dirty. This will add an alert prompt for the user to save the form before navigating away.

image-20240612-192621.png

Data

By clicking Data the user can select an API and Data Model to associate with the form. This data can be Auto Loaded: by checking the Auto Load checkbox the Parameters Transform will be run upon page load, if it is not selected the Parameters Transform will be run when the search button is pressed.

Query Read Preference is in regard to which server the query will be run. The choices for selection are Primary (preferred) and Secondary.

For more information about Queries: Queries

 

image-20240612-192806.png

Advanced

If Advanced is selected, the user can edit or add any additional data transforms, disable the data change indicator, edit the Data Change Indicator Mode, or enable Data Subscription.

 

Form

image-20240618-185322.png

 

  1. Form

  2. Text input inside a form with an associated Data Model

  3. Text Input inside a form

    • Related Articles

    • Screen Designer Terminology

      This is where we can provide a “dictionary” of common terminology a user might encounter while navigating the interface, reading our documentation, or discussing the designer. The goal is to provide a place they can go if they see or hear a phrase ...

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

    • Interaction

      Screen Elements in the Interaction category provide quick components that allow the user to interact with the screen.

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