Variable extension for Qlik Sense
Clone or download
Latest commit 90f4297 Apr 18, 2018
Failed to load latest commit information.
app Added examples Dec 30, 2017
dist Updated zip Apr 18, 2018
src Thin header bug #49 Apr 15, 2018
.eslintrc.json Eslint Oct 2, 2017
.gitignore ignore .txt Dec 27, 2017
LICENSE Initial commit Jan 14, 2015 Thin header Mar 27, 2018
SwitchDashboard.png SwitchDashboard.png Jan 5, 2018
gulpfile.js Corrected build Apr 18, 2018
package.json Version 5.2.3 Apr 18, 2018
qsVariable.png Previews updated Jan 18, 2016
qsVariableB.png Previews updated Jan 18, 2016
qsVariableM.png Previews updated Jan 18, 2016
vertSlider.PNG Added vertical slider image Jul 4, 2017


Variable extension for Qlik Sense

Allows the user to set the value of a variable. Four different ways to render:

  • Buttons: one button for each defined value
  • Select: HTML select containing all defined values
  • Field: an input field, no validation, anything can be entered
  • Slider: a HTML slider, you can define min (default 0), max (default 100) and step (default 1)

You can have an expression to define the available values in a dropdown or buttons.

News in version 5.2

The property 'Thin Header' will make sure that if you do not have a title or subtitle the header will be very thin, to avoid buttons getting cut off.

News in version 5.0

Build process has been modified so that the css style sheet is now included in the packaged js file. No separate loading of css file any more.

The extension yet again uses Capbilities API/qlik.js.

Qlik Versions

The extension has been tested with the following versions: November 2017 patch 1 September 2017 patch 2 June 2017 patch 3 3.2 SR5

If you are using version 3.2, there is a bug in the capabilities API in this version which means that the extension might not work in a mashup with more than one app. If you encounter this bug, please upgrade to a leter release.

Three different styles to choose from:


Styled like toolbar and property panel in Qlik Sense


Styling inspired by Twitter Bootstrap


Styling inspired by Google Material design

Vertical slider

You can now also have vertical orientation for your slider


Download distribution zip file from here:

Qlik Sense Desktop: unzip to a directory under [My Documents]/Qlik/Sense/Extensions, for example variable.

Qlik Sense server: import the zip file in the QMC.