- 4
- 53 372
djaskowiak
Приєднався 5 гру 2019
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-Sense-Documents/Dashboard-Design-QS-CSS-MasterClass/ta-p/1787091/highlight/true
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-Sense-Documents/Dashboard-Design-QS-CSS-MasterClass/ta-p/1787091/highlight/true
Переглядів: 22 369
Відео
Changing Grid in Qlik Sense using Engine API Explorer
Переглядів 1,7 тис.3 роки тому
This video explains very simple how you can change the default grid to a custom size in Qlik Sense using the Engine API Explorer (Devhub). This video is used to be linked into my project that collects Style and Design tricks. More information will be available soon.
Grouped Container
Переглядів 14 тис.3 роки тому
The grouped-container object helps you to structure your Qlik Sense objects (Master items) freely in a container to provide you more visual capabilities. In addition to that you have a variety of options to style the container by using CSS. 1.) Overview: 0:19 2.) Demo: 1:21 3.) How to create an object: 3:44 a. adding objects to the container: 4:02 b. item configuration: 5:47 c. background confi...
Advanced KPI - Qlik Sense Extension
Переглядів 15 тис.4 роки тому
This project is about creating a smart KPI object for Qlik Sense that fits to 90% of the needs of the users. From an information design perspective, the KPI object is one of the most important objects when we want to display information. For most of the users it is an indicator providing a variety of information on the first view within a couple of seconds. 1.) Overview: 0:17 2.) Demo: 1:22 3.)...
Hi I am facing an error during uploding in qlik "Missing field:name, type"
Not Working in February 2024 :( Extensions İmport Error: The zip file did not contain any valid extensions. Is there a way to run? Thanks..
Hi Great work really fantastic is it possible to share the CSS code for the examples shown here
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?
awesome extesion, very good job, thx for sharing
AMAZING! THANKSSSSS 🤩🤩🤩🤩🤩🤩
omg what a great video, thank you so much
i am unable to see extension in Hub even the import was successful from qmc
Great! Thanks
Can I change the width of the columns of a pivot in the same way within a KPI object? using css..Tks
Fantastic but nothing is working for corporate Qlik Sense
Great job. Where can I find the sintaxe to further customize my pivot table for example?
Hey, Thanks for this extension ! could you please send here the syntax for the MoM you created please ?
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?
Cheers bud.. Very useful..
Can we use the labels in minichart for better understanding??
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!
This extension doesn't work in QlikSense cloud.. Can you please help me with the issue?
what issue are you getting? I used it on cloud works fine for me
Great! Thanks! 👍🧡
Brilliant. Thank you
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; }
Thank you Erik. That's a good hint. I will try it.
I love this Extension, but is tooltip working on those mini charts ???
Amazing stuff!
Good!!!
Fantastic !!!!!!!!!!!!!!