Since the launch of Kids in Data, I have had very little time left for my blog and feel that I am not sharing the exciting things that are taking place in the Qlik ecosystem. I want to change that today and share a must have tool for all Qlik developers – SenseTheme.
What is SenseTheme?
Qlik Sense Enterprise for Windows supported themes since February 2018 release. Themes provides a way to customise the look and feel of your Qlik Sense application by applying corporate branding and colour schemes. Themes are installed just like any other extensions.
Qlik Sense themes contains following elements:
- A main JSON file
- A definition (QEXT) file
- Other assets such as CSS, image files etc
Building a custom theme can be a cumbersome task and requires some knowledge of working with JSON files and CSS. But fear not, our friends at Bitmetric came out with a way to simplify the process. They gave the Qlik community SenseTheme – a visual theme builder for Qlik Sense. SenseTheme takes care of all the required elements, we only need to use the builder to create our colour palette and styling to match the custom branding we want to apply to our Qlik Sense application.
Meet the big brother!
Team at Bitmetric didn’t just stop there, they wanted to add more features. Meet SenseTheme Premium. This variant comes with few enhancements, for a price. We can now create our theme and save it, allowing us to come back to it later (no need to keep a browser session alive for days!). This means we can build and maintain multiple themes. Wait, there’s more, we can now also add our additional CSS in the editor, allowing further customisation and taking away the hustle of adding/editing the CSS file out side of the SenseTheme builder.
I was the lucky winner (first time for everything!) of the raffle at this years virtual Qlik World for SenseTheme Premium. Seeing I use the original version quite often (twitter theme!), I was excited to get my hands on the premium edition and save my themes in one place. This will allow me to quickly duplicate and create different variants of my existing themes in few minutes.
I needed a new theme for my Kids in Data dashboard. So I decided to put my winnings to work! Once I logged in – the only difference I noticed was a new “My Themes” button. I guessed this is where my saved themes would end up eventually. I decided to start a fresh theme. Upon going to the theme editor, I noticed the “Save Theme” button is now available. I went about creating my colour palette and customising the theme with KiD branding colours. I exported the theme and tried it on my QSD, the result was as expected. I then wanted to modify the CSS to set background colour, border and hover over effects to the Qlik Sense objects. I already had the CSS in one of my old themes, I modified it slightly and added that to the Theme editor. Then it was simply the matter of exporting and installing the theme on the server and you can see the final outcome below!
I found the ability to save the themes and coming back to them later to make small changes was very useful. I know it’s in its early days, there are more features to come in the future. There are few things I would like to see in the future release of this:
- Ability to import existing themes.
- Ability to set themes’ thumbprint images in “My Themes” section.
- Perhaps a more advanced CSS editor with predefined Qlik Sense Client’s CSS class selectors – allowing us to target the various elements to add more custom styling to them.
- Better save notification!
I can safely say that its looking promising and some of the features I have been told that are being worked at for future release, will definitely make the premium edition a great tool for any Qlik team, perhaps at a slightly lower price point though.