Vizlib Input Form supports a range of data types and utility types you can use when you're adding and formatting input fields.
TABLE OF CONTENTS
Data Types and Utility Types
- Data types are used to add and edit data fields, helping you to display any data you need to add to the table (e.g. a text section for comments).
- Utility types display data that is generated from other values in the table (calculated field) or generated by the data model, (a timestamp).
Table 1: Input Form Data / Utility Types
|Use text for providing commentary on a data point, and help you to provide more context to your data. You can also enter a URL (for non-editable fields only). Text Area settings can support multiple rows in a single cell, find out more in our article here.|
|Dropdown||Dropdowns can be used if you need to prepare several values, but only require one of them to be selected and displayed once it's selected. Supports a maximum of 10 000 rows.|
|Checkbox/Toggle||Use a checkbox if you need to return one answer of a binary option (e.g. Enable/Disable).|
|Rating||Ratings are useful for measuring data linked to performance as a value selected from a set of symbols (e.g. 4/5 stars).|
|Icon||Icons are a visual identifier which you can use alongside text to highlight your data. Supports a maximum of 10 000 rows.|
|Color||Select a color from the pre-defined palette, or configure your own by using a color code.|
|Date||Display dates in a variety of formats, and set minimum and maximum date checks.|
|Flag||Add extra visuals to country-specific data by displaying the corresponding country flag. Supports a maximum of 10 000 rows.|
|Chips (Array)||Use chips for displaying and sorting arrays, and they can also support tagging within a dataset.|
|Numeric||Use the numeric data type to collect and display data in a particular numeric format.|
|Slider||Sliders represent a scale between 2 points where the cursor is used to set a value, they're useful for indicating performance metrics.|
|Radio Button||The radio button data type presents lists of options, but unlike a dropdown the entire list is still displayed after one of the options is selected.|
|Multiple Choice||Multiple choice presents a list of options which remain visible once a choice has been made, but allow for more than one selection to be made.|
|Expression||Configure your own data properties with the built-in Qlik Sense Expression Editor.|
|Calculated Field||Use Calculated Fields to take data from other fields in the table, make calculations and display the results|
|Timestamp||Use timestamp if you want to add a system-generated time measurement.|
Working with Input Fields
Input field properties in Vizlib Input Form are held in the property panel. The easiest way to start editing fields is to click the name in the form when you're in edit mode (Figure 1) which opens the field properties in the property panel.
Figure 1: Field Properties
In version 3.3.0 of Vizlib Input Form, we've updated the look and feel of the property panel (Figure 2). If you click on a field, the properties expand from the side and display at the top, making them easier to view and edit. Settings are also grouped, so if you open a section of properties (e.g. custom styling) and click on another field, the same settings will open for that field, making it quicker and easier to navigate and edit settings for multiple fields.
Figure 2: Property Panel v3.3.0