Obsolete CSS modifications

[Patric_Nordstrom]

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.

[mattqlikuser]

Hello,

I used a multi KPI to set up barcodes from a previous response you had years back. Are you able to provide the example custom theme template? I have not been able to get it to work. Any help would be greatly appreciated.

Thanks! 

[jmcy2408]

Great discussion here! While I appreciate the ability to style individual objects, one of the key advantages of CSS was the ability to apply styles globally through a theme.

With the new approach, it seems like styles now need to be applied individually per object, which can be cumbersome when managing multiple dashboards. It would be incredibly helpful if we could define styles for all instances of a specific object type (such as the Straight Table or New Pivot Table) within a custom theme—just as we could with CSS—so that updates apply universally without modifying each object separately.

Interestingly, with the recent update, my previous CSS styles for these objects no longer work. I’ve been trying (and failing) to find a way to achieve the same result by editing my CSS code.

Is there any roadmap for improving this, or are there best practices for achieving a more global styling approach by theme in the current setup?

[Lech_Miszkiewicz]

Hi @Patric_Nordstrom 

I echo @mattqlikuser comment - we use barcodes in our applications. How do we go about it moving forward?

thanks

Lech

[cezario-abrantes]

I am totally in favor of ending the use of CSS in Qlik applications. With the visual improvements you have implemented, there is absolutely no need to use CSS. Qlik's standard objects, along with a good theme, already allow for very beautiful visualizations.

Moreover, Qlik is not meant to be a Christmas tree. It should be straightforward and to the point. In fact, no BI tool should look like a Christmas tree, but we know that many tend to go in that direction.

I hope Qlik continues following this path of visual improvements within the standard objects. My suggestion is to improve the documentation for theme editing, which is already outdated or incomplete in some areas. Some objects are missing there.

Thank you.

[lftensini]

My dear friend, we are happy to have these additions natively. Thank you and congratulations on your efforts.

I would like to point out that there are situations where we need greater customizations, such as: hiding some objects, changing layouts in a specific way or even reproducing an effect beyond what is offered. Today we can achieve these effects through CSS and code injection through the MultiKPI object.

What I suggest is that the Sheet have an option for additional CSS properties, from which we could inject custom codes at an advanced level. When in doubt, I think it is worth keeping the CSS injection via MultKPI for now. Removing the option to insert CSS would be a step backwards for me.

Or maybe even... An object that has this exclusive functionality. Just by injecting CSS codes into the sheet.

I hope my suggestion is considered and we have the opportunity to continue including our own custom codes when necessary.

[Mohallem]

Creio que tem muita opção sim nativamente, mas tem coisas ali que não agrada a todos, por exemplo o novo layout da nova tabela...uma opção viável seria fazer um objeto apenas para este fim, mas falo isso como um desenvolvedor leigo.E é como o Tensini falou abaixo, tem muitas outras customizações que não estão listadas ai que deixa o layout mais agradável.

[MatheusC]

I understand that there have been great advances in the styling of components, among others.

However, I agree that having an alternative for inserting CSS code is still interesting, as an option in the Qlik native KPI tab.

[igoralcantara]

This is very good, @Patric_Nordstrom. A lot has improved in Qlik apps interface but there are use cases where we need to inject custom CSS. Is there something on the roadmap to allow this to happen?

[BrandonFontes]

Dear friends,

Today, we can natively use some options that previously required MultiKPI for inserting CSS. However, as some have pointed out, there are still cases where we need more advanced customizations—such as hiding the scroll bar, applying effects, or concealing specific items.

It would be great to have a built-in alternative, like leveraging the existing folder option we use for actions and alternative states, to insert CSS directly. Or perhaps even a dedicated object designed specifically for this purpose.