Styling of 'qvobject' in mashups must become easier

[FAB69]

If Qlik wants us users to create much more mashups in the future they need to make styling of individual 'qvobject' elements in web pages much easier! It is almost impossible to apply any styles to the deeply nested 'qvobject' hierarchy that Qlik injects into the page - and even if you succeed to set own classes or own styles (with 'find' operations along the DOM tree) they will be gone on the next update of the content.

1. Why are there no unique IDs (GUIDS) generated for each and every relevant <div> that is created in the deeply nested qvobject hierarchy?
2. Why are there no 'dummy' classes injected on every level we can use for our own overwriting of the qlik styles with our own stylesheets? 
3. Is there any kind of callback function we can use to re-apply our styles after Qlik has refreshed the data?

[FAB69]

Hello and thank you Erik,

I guess this is the way I'm also going to do it; but did you never encounter any problems with attributes that have more impact than mainly changing colors? Everything that has to do with sizes in Qlik objects doesn't seem to play very nicely with surrounding HTML elements:

I have a bootstrap 'card' e.g. which is supposed to contain a Qlik bar chart and directly above it a filter pane to let the user choose a year from a range which then affects the chart:

If I simply show the filter pane from the start it pushes the bar chart dwon over the rim of my bootstrap card. If, on the other hand, I hide the filter pane with a 'display:none' first and the user can make it shown by pushing a button, it is displayed as a horizontal line first and only actually appears after the user has clicked one on said line.

Question 1: Did you get Qlik to work with a surrounding bootstrap template without any such hassle?
Question 2: Did you succeed in Qlik 'table' qvobjects to display the original ('Qlik' style) scroll bars in your mashup? I only get them when I embed them with the <IFrame> method! Embedded as a normal qvobject there are no scroll bars and if I force them by changing the 'overflow' attribute with CSS these scroll bars come from the client side and don't actually have the right size and scolling amount for the data contained in the table.

[SN]

Hello,

Hope you found the solution!

if you didn't 

here is what I've found and it works fine with me 

https://community.qlik.com/t5/New-to-Qlik-Sense/Mashup/td-p/1526859

[Mahamed_Qlik]

Hi Fab69,

#QV_KPI01 .sn-kpi-measure-title
{
color: #ffffff;
} 

This works fine for me but in some of KPI we have used Label as title not measure title...so How can we customize colors for labels??