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.
If you want to create more complex app enhancements, use visualization extensions.
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.
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.
If you are looking for examples of widgets built by other developers, there are a number of places where you can look:
Qlik Sense examples
Your Qlik Sense installation provides a number of basic widget examples that can help you get started building your own widgets.