Templates

Dev Hub comes with a number of templates. Which templates being available from Dev Hub is depending on your Qlik Sense environment.

Visualization templates

The following templates are delivered with your installation of Qlik Sense and can be used for getting started building custom visualizations with Extension editor.

Template Description
Basic visualization template The basic visualization extension template is a simple template with a placeholder for the paint method. When creating a visualization extension based on this template, you need to add your own JavaScript modules as well as all of your rendering code.
Table-template

The table visualization extension template helps you get started creating a custom table. It comes with a placeholder for the paint method, which uses the Backend API for rendering the data. It also includes a placeholder for the initialProperties property, specifying the properties your table should have when first created.

The table template also includes a placeholder for the properties panel of the visualization extension as well as a placeholder for enabling snapshots, used to enable or disable the ability to take snapshots of the visualization extension for use in Data Storytelling.

In addition, the table template comes with a CSS that allows you to style the appearance of your custom table.

Listbox template

The listbox visualization extension template helps you get started creating custom listbox. It comes with a placeholder for the paint method, which uses the Backend API for rendering the data. It also includes a placeholder for the initialProperties property, specifying the properties your table should have when first created.

The listbox template also includes a placeholder for the properties panel of the visualization extension, as well as a placeholder for enabling snapshots, used to enable or disable the ability to take snapshots of the visualization extension for use in Data Storytelling.

In addition, the listbox template comes with a CSS that allows you to style the appearance of your custom listbox.

Angular Table template

The angular table template is a simple template for creating a table using AngularJS.

The template comes with a CSS that allows you to style the appearance of your custom table.

Chart template

The chart visualization extension template helps you get started creating custom chart visualizations. It comes with a placeholder for the paint method and also a placeholder for the initialProperties property, specifying the properties your visualization extension should have when first created.

In addition, the chart template includes a placeholder for the properties panel of the visualization extension as well as a placeholder for enabling snapshots, used to enable or disable the ability to take snapshots of the visualization extension for use in Data Storytelling.

Angular Basic Visualization template

The angular basic visualization template is a simple template for creating a visualization extension using AngularJS.

Mashup templates

The following templates are delivered with your installation of Qlik Sense to assist you in getting started building mashups with the Mashup editor.

Template Description
Basic mashup template This version of the basic mashup template is a simple template containing a selections bar and some placeholders where you can add Qlik Sense visualizations. The template is responsive and this template was used when creating the Helpdesk example.
SlideShow mashup The SlideShow mashup template is a bootstrap-based responsive template that comes with data-slide containers and a customized selection toolbar.
Grid mashup template

The Grid mashup template is a bootstrap-based responsive template containing placeholders in a grid. It also comes with a customized selection toolbar.

Basic single page mashup

The Basic single page mashup template is a bootstrap-based responsive template that comes with an image header. It also comes with a customized selection toolbar.

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?