Vizlib Home
Welcome
Login

Vizlib Input Form - Overview

Vizlib Input Form

Entering data into an online form is one of the most common methods of collecting data from a user group. As more data is collected, you may decide to make changes to the form, or even create a new one. Vizlib Input Form helps you to shape and manage the quality of form data quickly and efficiently. In this article we'll show you how to start working with Vizlib Input Form to create and update your forms, using the Input Form tools and Qlik Sense expressions.


Figure 1 takes you step-by-step through a demonstration which uses Vizlib Input Form



Figure1: Vizlib Input Form



Creating a New Vizlib Input Form

To create a new input form, click on the sheet you'd like to work from in Qlik Sense Hub. When the sheet opens, follow these steps (Figure 2). 


  • Click on Custom Objects in the far-left panel, to open the custom objects menu.
  • Select the VizLib Collaboration option.
  • Click and hold the cursor on the Vizlib Input Form option.
  • Drag and drop the cursor into the central editing panel to create your input form. 
  • Drag the corner of the table view (highlighted in orange) to increase or decrease the form size.
  • You can start adding data fields to your input form by using the Layout Wizard or by clicking on Add Field in the property panel. 


Figure 2: Create New Input Form


Note: Once you've created a new input form, you can click Done in the right hand corner to save it in the app. The Done button will change to Edit, which you can click when you need to make any changes. 



Adding a New Field in Vizlib Input Form


Vizlib Input Form has a Layout Wizard to help you start adding fields quickly. It also uses the Add Field in the property panel on the right hand side of the screen. 


When you click on the Add Field button, you'll see a dropdown with a list of data and utility types.

A full list of data and utility types can be found in Table 1


Note on Column Order: With the current version of Vizlib Input Form, you'll need to disable touch screen mode in Qlik Sense if you'd like to use drag and drop to re-order columns in the property panel. 


Data types are grouped in the property panel on the right of the screen. 


  • Data section - contains the column name, and an expression editor to perform several functions, including adding a placeholder. If a column name already exists, another character is automatically added to avoid duplication (e.g. a second column named Performance is renamed Performance1).

Note on Placeholders: A placeholder isn't a data value, but it can be used to highlight a field f (Figure 4). In this example Select a Value has been added, and it's displayed until the user makes a selection. 
Figure 4: Placeholder


  • Type - Controls the data type you assign to the column. You work with your data by supporting a range of 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 column) or generated by the data model, (a timestamp).
  • Validation - You can select and apply validation conditions for the column in this section. 
  • Custom Styling - You can set the colors and style used in the column. 
  • Bulk Edit - Enables editing for all the values held in a column, helping to apply general changes quickly. 
  • Other Settings - Properties are configured in the expression editor. 



Table 1: Input Form Data Types

Data TypeNameDescription
 
Text/Text Area
Use text for providing commentary on a data point, and help you to provide more context to your data. 
DropdownDropdowns 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. 
Checkbox/ToggleUse a checkbox if you need to return one answer of a binary option  (e.g. Enable/Disable). 
RatingRatings are useful for measuring data linked to performance as a value selected from a set of symbols (e.g. 4/5 stars). 
IconIcons are a visual identifier which you can use alongside text to highlight your data.
ColorSelect a color from the pre-defined palette, or configure your own by using a color code. 
DateDisplay dates in a variety of formats, and set minimum and maximum date checks.
FlagAdd extra visuals to country-specific data by displaying the corresponding country flag
Chips (Array)Use chips for displaying and sorting arrays, and they can also support tagging within a dataset. 
NumericUse the numeric data type to collect and display data in a particular numeric format.
SliderSliders represent a scale between 2 points where the cursor is used to set a value, they're useful for indicating performance metrics.
Radio ButtonThe 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 ChoiceMultiple 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. 
ExpressionConfigure your own data properties with the built-in Qlik Sense Expression Editor.
Utility Type
Name
Description
Calculated FieldUse Calculated Fields to take data from other columns in the table, make calculations and display the results
TimestampUse timestamp if you want to add a system generated time measurement. 


Vizlib Input Form helps you create input forms quickly using templates and a layout wizard. You can find links to the articles on working with these features in the Related Articles section. If you're creating a new input form, the article on templates is a good place to start. If you're working from a sheet which already has fields added, you'll find information on making changes to data fields in the layout wizard article. 


Related Articles

You can find out more about Vizlib Input Form features in the articles listed here.


Expressions To find out more about using Qlik Sense expressions in Vizlib Input Form, please see the article on expressions here. 


Templates - To find out more about working with templates in Vizlib Input Form, please see the article here


Layout Wizard -To find out more about working with the layout wizard in Vizlib Input Form, please see the article here


Validation - For instructions on using the Validation panel in Vizlib Input Form,see the article here


Custom Styling - For instructions on using the Custom Styling panel in Vizlib Input Form, please see the article here


Options - For instructions on using the Options function to add features to the dropdown, icon, flag, radiobutton and multiple choice data types, please see the article here






K
Kenneth is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.