Widgets

Widgets are used to customize the behavior and appearance of your sheets and visualizations. Widgets are simple app objects created using only HTML and CSS/LESS. You create and edit widgets in the Widget editor and store them in widget libraries, which are then available from the assets panel in your apps. Qlik Sense has a default widget library that contains a set of widgets that are ready to use with little or no customization.

Note: This functionality is not available in Qlik Cloud Services and Qlik Sense Enterprise on Kubernetes.

Widgets are similar to visualization extensions, but widgets do not require JavaScript programming. Widgets are best suited for creating simple visualizations, such as KPI objects and tables. Widgets can also be used to add simple functionality to sheets, such as buttons to clear selections or take snapshots, or to add other visual elements.

If they are developed properly, you can handle widgets just like standard visualizations. They can be:

  • Added to a sheet using drag and drop.
  • Configured to use the same property panel as standard Qlik Sense visualizations, meaning that you can create widgets on top of the data of a Qlik Sense app.
  • Resized, copied, pasted, and positioned just like any other Qlik Sense visualization.
  • Added to and used in data storytelling.
  • Responsive and, therefore, work properly on any device.
Tip: If you want to create more complex app enhancements, use visualization extensions.

Visualization extensions

About widgets

Prerequisites

You do not need previous experience developing widgets, but you should have a basic understanding of the following markup languages:

  • HTML
  • CSS / LESS

Qlik Sense products

Everything described in this section of the help works for both Qlik Sense and Qlik Sense Desktop.

Limitations

  • Although widget libraries can be imported from both QMC and Dev Hub, the uniqueness check of a widget is only performed when importing from Dev Hub. Therefore, it is strongly recommended to import all widget libraries from Dev Hub.
  • A widget can only display a maximum of 10 by 100 fields. If you create a table, for example, this is the equivalent of 10 columns and 100 rows. In the case of a table, only the first 10 columns and 100 rows will be populated with data, the rest will be blank. If you reduce the number of fields to 10 by 100 or less, the data will be shown.

Code editors

You create your widgets using the Widget editor provided with Dev Hub. It is possible, but not recommended, to use other IDEs when creating widgets.

Qlik Sense examples

Your Qlik Sense installation provides a number of basic widget examples that can help you get started building your own widgets.

Did this information help you?

Thanks for letting us know. Is there anything you'd like to tell us about this topic?

Can you tell us why it did not help you and how we can improve it?