Dashboard Design - Qlik Sense CSS MasterClass

In my career as a PreSales, I need to create quite a few "user-appealing-applications". Sometimes users request a specific design or specific functions I need to implement in Qlik Sense. As we all know, Qlik Sense is built for simplicity & self-service and sometimes it could be challenging to achieve the desired result. But through the last couple of years, there were a lot of tips and tricks around using CSS to create completely new designs and functions to implement a better information design concept.
This is where the MasterClass starts. I have created an application that gathers a couple of these tricks and explains them more in detail. In addition to that, it is very easy to understand because you can see the result directly within a Qlik Sense App. If you think this sounds interesting, take a couple of minutes and join my short tour through the app. I won't cover all aspects in detail. This tour will give you an overview of the documented and used tricks within the app.
Tricks:
- Types of CSS implementation 2:17
- Hide (Helper-) Objects: 4:29
- Colored Area Background 5:39
- Filter Pane Highlighting 6:57
- Hide Button/Options 7:52
- Using Background Pictures 8:58
- Table modifications 10:26
- Moving Objects 12:05
- Changing standard font 13:06
- Custom Grid 14:48
Download from Qlik Community (link to article):
community.qlik.com/t5/Qlik-Se...

[@ErikWett]

if you want to have the multi-kpi (or whatever helper object you are using) visible in edit mode(which simplifies things) you can use the CSS class qv-mode-edit, and do something like this:
.qv-object-qlik-multi-kpi { display:none; }
.qv-mode-edit .qv-object-qlik-multi-kpi { display:flex; }

[@djaskowiak455]

Thank you Erik. That's a good hint. I will try it.

[@freeman87riley]

Brilliant. Thank you

[@DouglasCarvalho_]

omg what a great video, thank you so much

[@user-rw9go4qb1z]

Great! Thanks! 👍🧡

[@eliezergurevich1068]

AMAZING! THANKSSSSS
🤩🤩🤩🤩🤩🤩

[@pedroperna4820]

Great! Thanks

[@arn0ldas88]

Hi, that is Fantastic, I was playing around with Tables, but I have questioned it is possible to change the background not for all table headers but just for specific columns?

[@nevopotok1380]

This is great and very helpful, can you share a cheat sheet with all the commands?
For example I would like to overwrite the title of an object and to add an info icon that when the user hoover it present tooltip, are you familiar with something like that?

[@ECCoisa]

Great job. Where can I find the sintaxe to further customize my pivot table for example?

[@Kash1fSaifi]

Hi Dennis, Thank you for the video. Are the tips and tricks applicable to a specific version of QlikSense? I am using Nov 2020 Patch 1 version of Qlik Sense and it doesnt change the filter pane font color or background color. I used the correct Object ID. Is there something else that I need to change too? Looks like your code is not overriding the default css in my case. Any help on this would be much appreciated.
Thanks!

[@cheettah007]

Hi Great work really fantastic is it possible to share the CSS code for the examples shown here

[@dalmisrm]

Can I change the width of the columns of a pivot in the same way within a KPI object? using css..Tks

[@zulusheksta1985]

Fantastic but nothing is working for corporate Qlik Sense