Widgets

This section describes how the different widgets works and the configuration options available to each of them.

Readonly

Description: A non-editable text input that can be used to present a value directly from a Qlik Field

Readonly

Mode: Here you define whether to show a field from your data model or use an expression to show a calculation.

Options:

  • If your selected field is the association between your data model and write-back data then check this field.

To be sure not to have any conflicts with Qlik's data load, try to avoid special characters such as '/' or '<>' in your Komment Key Fields

Expression:

Use expression in Readonly widget

When using an Expression you just use normal Qlik syntax. However, be sure to remove the equal sign before the expression. Otherwise Komment won't be able to evaluate it correctly.

It is possible to use the Expression to show a field from another table in your data model. You need to make a small tweek but it is actually quite easy:

Write Field name in Qlik Expression => Switch to Field Mode

Show field from other table in data model

Text

Description: Plain text input, mainly for free text.

Text

Options:

  • Choose between a single line or multiple line display

  • Ability to limit the maximum number of characters a user can write

Date

Description: A date picker to easily select a date from a calendar view

Date picker

Options:

  • Select via a calendar view

  • Type date directly in widget

  • Define the format in which the date should be displayed

Dropdown

Description: A drop-down menu with configurable options as input data

Status UI

Options:

  • Define possible values manually

  • Load possible values from Qlik data field or variable (e.g. use the concat function like this in the Options field: Concat(distinct [First Name],';') )

  • Allow for the selection of multiple values

Group

Description: Similar to the Select option but renders the options as grouped buttons

Group setup
Group UI

Options:

  • Define possible values manually

  • Load possible values from Qlik data field or variable (e.g. use the concat function like this in the Options field: Concat(distinct [First Name],';') )

  • Define colors for each button

Number

Description: A numeric input field formatted as a number

Number setup
Number UI

Options:

  • Define number of decimals to be included

  • Enter number directly in input field

  • Toggle number up and down directly in widget

Check

Description: Works as a check box to easily indicate e.g. completion of a task

Check setup
Check UI

Variable

Description: This widget is not visible through UI. It’s used to pass a hard coded/calculated value to the back-end when saving comments. It is mainly used for meta info to control customized saving procedure during data reload.

Variable setup

Options:

  • Define either a hard-coded or calculated value that is passed to a variable

Remember to define the variable name in the variable editor or in the data load editor

Validation

Description: Use this for any conditional checks before saving the input. A validation expression is required here to check if the input data is fulfilling requirements and limits. Check the other widgets’ content by evaluating the binding variables in each widget.

Validation setup
Validation UI

Options:

  • Define exact expression to be used for a given validation step - e.g. only allow for 1 record to be saved each time.

  • Define the desired message the user should be presented with when the validation expression is not met.

The validation widget is not valid to use in Table mode.

Container

Description: This widget is only relevant to use when Komment is in Formor Popup mode. The Container widget is used to group the other widgets. It is possible to give each widget a custom label that is visible to the end user:

Grouping: The widgets to be grouped together are simply arranged below each container widget that. i.e. you can have multiple Container widgets included in each Form.

Display: You can use the settings for Column and Row span for each Container widget to define how they are displayed within the Form.

Column and Row span

In the example above with the three Container widgets the settings for each of them are as follows:

  • Container 1: Column (12) | Row (1)

  • Container 2: Column (8) | Row (1)

  • Container 3: Column (4) | Row (1)