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.
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.
You do not need previous experience developing widgets, but you should have a basic understanding of the following markup languages:
- CSS / LESS
Qlik Sense products
Everything described in this section of the help works for both Qlik Sense and Qlik Sense Desktop.
- 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.
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.