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.
One thing I want to add, @Patric_Nordstrom not all the CSS in MultiKPI works in Themes. For example, my code hides the edit button for the business because it requires a partial load and does not have access to the code. However, adding the same CSS code into a theme doesn’t work due to some limitations in the "CSS theme."
cheers Lech, When applicable please mark the correct/appropriate replies as "solution" (you can mark up to 3 "solutions". Please LIKE threads if the provided solution is helpful to the problem.
Hi @Patric_Nordstrom It's nice to see many options are being added into the dashboard settings for customizations. However, the functionality needed on the app/objects in order to remove the CSS injection is not there yet. Our main customer apps heavily rely on CSS customization with the Multi-KPI. They do up to the point the apps would become unusable if removed. It will be months, if not years of work to fix them all. We even make use of conditional CSS imports on the app depending on users actions. Impossible to achieve with a theme modification. Qlik should provide a CSS injection alternative before removing the Multi KPI object.
@Cristian_Dorbesi as you know the the internal CSS is not an API, it can change at anytime. So any mods made must be tracked and maintained quite extensively. It wouldn't recommend anyone to build up elaborate functionality on top of it.
Hi @Patric_Nordstrom I acknowledge that the multiKPI injected CSS feature was used in the past for visual workarounds. Over time, Qlik has implemented new native capabilities that can be applied without this trick.
This has led some dashboards and apps into chaotic customized states that could, at present, be replaced with the new Qlik Sense visual styling.
However, I still oppose the idea of removing support for the MultiKPI CSS injection without offering a similar alternative.
Custom CSS themes can help in some ways, but they are still limited to what Qlik allows to be customized. For example, you can't change properties that are not defined as object properties according to the documentation.
You cannot perform the following actions using a custom CSS theme:
- Cannot apply changes to the width, height, size, and color of the column and row separators. - Cannot apply bold or italic text styles to a specific column or even based on the expression value. - Cannot apply different header colors for each column. - Cannot apply custom styles to a specific table chart while leaving the rest alone.
These issues can only be resolved using CSS injection.
The solution is either to implement a custom CSS text box for each chart under the ' Appearance ' option or to leave the MultiKPI custom CSS as it is.
We sincerely ask Qlik to reconsider this issue. Regards,
