Input fields are elements in a user interface (UI) where users can enter data. They are fundamental components of forms, allowing users to provide information such as text, numbers, dates, and selections. Each input field is designed to capture a specific type of data, ensuring that the information entered by the user can be processed correctly by the application. Also Click here., for instructions on adding input fields in JSON when creating a plugin and action.
Static Input Fields
Static input fields are predefined and do not change based on user interactions. They are essential components in forms and user interfaces for collecting and displaying specific types of data. Here's an overview of different static input field types and their functions:
String
A string input field collects text data, such as names, addresses, and email addresses. For example, a field labeled "Name" might guide users with an initial value like "John Doe."
Number
A number input field collects numerical data, ideal for ages, quantities, or prices. It ensures users enter valid numbers and can enforce constraints like minimum and maximum values.
Boolean
Boolean input fields capture binary choices (true/false, yes/no) using checkboxes or toggles. They are useful for preferences like agreeing to terms or subscribing to newsletters.
Static Dropdown
Static dropdown fields provide a fixed list of options, ensuring consistent data entry. They are ideal for selections like country or status, offering users a predefined list to choose from.
Input Group
Input groups are collections of related input fields under one label, useful for capturing complex data like addresses or contact information. They help organize related data, making forms more user-friendly.
Default
The default value sets the initial content of an input field, providing users with a hint or example of the expected input. This improves form usability and ensures data consistency.
Click here. to know more about static input fields.
Click here. for instructions on adding input fields in JSON when creating a plugin and action.
Advanced input fields enhance the user experience by offering more functionality and flexibility in data collection. They address specific needs beyond basic input fields, improving data accuracy and usability. Here are some key types of advanced input fields:
Dynamic Dropdown
A dropdown menu is a UI element that displays a list of options when clicked. Users can select a single value from here. Children here are dynamically fetched via a source. The source here is a JavaScript code that runs and gives the dynamic option. Here is the data type to render dropdown fields in the plugin. Check source section to for more details on source.
Dynamic Multiselect
A multiselect is a tool that lets you pick multiple options from a list at the same time. Children here are dynamically fetched via a source. The source here is a JavaScript code that runs and gives the dynamic option. Here is the data type to render multiselect fields in the plugin. Check source section to for more details on source.
Hidden Fields
This field type is used to hide other fields based on value selected from its children, the key fieldsToHide will have a mapping of children key corresponding to which other keys of the parent json will be hidden on that children being selected.
Help Text
Help text provides additional instructions or examples near input fields, reducing user confusion and errors. It ensures users understand how to complete each field correctly, improving the overall user experience.
Dictionary
It helps you organize and store information using pairs of related data. Each pair consists of a unique key and a value. In this data type, we define the keys and values template. This template allows the user to define the datatype of individual input fields.
Dynamic Input Groups
Dynamic input groups allow users to add or remove sets of related input fields as needed. This feature enhances flexibility by letting users modify the form structure, such as adding multiple phone numbers or email addresses dynamically.
To know more about adding these input fields in any action or trigger, Click here.
This document provides an extensive explanation of creating dynamic input fields for plugins. For knowing the Json structure of all these fields go to their corresponding pages.