Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Here's a list of CSS modifications that used to be common, but no longer are necessary as there are styling settings and other functions that are easier to use and maintain.
CSS Modification | Area | How to do instead |
Add sheet background color and image. | Sheet | Use the sheet styling property. |
Remove the sheet title. | Sheet | Use the app UI settings. |
Remove the toolbar. | Sheet | Use the app UI settings. |
Hide the buttons in the pivot table. | Pivot | Use the new pivot table. |
Change the null color in the table. | Table | Use the null value styling settings in the new tables. |
Pajama stripes in the table | Table | Use the zebra stripe styling setting in the new table. |
Chart background color and image | Chart | Use the chart styling settings. |
Chart border and shadow, color, radius and size. | Chart | Use the chart styling settings. |
Change font family, weight, color and size. | Chart | Use the chart styling settings. |
Change selection bar colors. | App | Use theme styling properties. |
Hide popup buttons. | Chart | Turn off in app settings or per chart in chart settings. |
Modify the context menu. | App | Customize in app UI settings. |
Highlight rows on hover in table. | Table | Use styling settings in the new table. |
Hide table header. | Table | Use styling setting in the new table. |
Color the filter. | Filter pane | Use styling settings in the filter pane. |
Hide buttons and options in the top bar. | App | Use the app UI settings. |
Group charts together. | Chart | Use the Layout container. |
Modify the sheet selector. | App | Use the Navigation menu object. |
Change the sheet grid. | Sheet | Use sheet properties or the Layout container. |
Remove the search icon in the table. | Table | Use the new tables. |
Change the context menu | App | Use the UI settings in app settings. |
Change the app logo | App | Use the UI settings in app settings. |
Hide navigation | App | Use the UI settings in app settings. |
I get an idea on what's coming by reading this post by @Patric_Nordstrom., but could someone please add a link to a post that explains what's coming and when?
At first I understood this as a nice tricks and tips post, then I found that the Multi KPI will be discontinue, but reading the comments I now get the feeling that the change includes any type of custom CSS modifications, including custom themes (?)
I would really appreciate a link to an "official" Qlik statement about this in form of a blog post, forum thread or other.
We need custom CSS. Although this is not used a lot (in my case) I have quite a few clients that demands this.
If needed I can drop some CSS code here that we cannot do with native Qlik capabilities.
Its already a massive (additional work and additional hours the client has to pay to move the Multi KPI to KPI and Layout containers) which the client didn't ask for now we need to tell them we are losing the CSS stuff too.... We need an alternative.
Mark the solution as accepted that solved your problem and if you found it useful, press the like button! Check out my YouTube Channel | Follow me on LinkedIn
Injecting CSS at the sheet level—whether through multi-KPI or other means—is absolutely essential given how severely Qlik falls short on basic visual customization. We have clients whose entire user experience depends on the custom CSS we've implemented using both Themes and multi-KPI objects. Stripping away this capability would be a drastic regression and a serious blow to the platform’s flexibility and user satisfaction.
Read more at Data Voyagers - datavoyagers.net
Follow me on my LinkedIn | Know IPC Global at ipc-global.com
Hi Matt,
I would recommend to use a custom theme and import the font, then you can use the font directly by picking the font in a drop down in the font picker for the table.
https://qlik.dev/extend/create-custom-themes/custom-themes-fontfamily-examples/
Thanks,
Patric
Themes are not affected by the retirement of the Multi KPI, no changes there. The new stylings settings should also be available as them settings, that's the intention.
Yes, that's the downside of CSS modifications, have to be able to react to changes.
Yes, we hope to introduce UI settings on app level for all charts, or all bar charts etc, stay tuned.
Either place the CSS in a custom theme or import the font in a theme and pick the font.
Hi,
The CSS can still be replaced in a custom theme. That said we're investigating other options for CSS injections.
Thanks,
Patric
The CSS can still be replaced in a custom theme. That said we're investigating other options for CSS injections.
Thanks,
Patric
I am using CSS to hide the home button (house) in the map object. How can I do that without Multi KPI.
It definitely sounds like there needs to be a CSS option to replace Multi KPI... I don't think there's ever going to be enough functionality built in to replace every single reasonable use case.