Data Types and Input Fields

Vizlib Input Form supports a range of data types and utility types you can use when you're adding and formatting input fields.

This topic contains the following sections:

Data Types and Utility Types
Working with Input Fields

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

Data Type	Name	Description
	Text/Text Area	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	Drop-downs 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.
	Check box/Toggle	Use a check box 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 drop-down 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.
Utility Type	Name	Description
	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