topic Re: CSS in Integration, Extension & APIs

CSS

Ishaan_Kumar — Fri, 15 Nov 2024 20:57:04 GMT

I am using Qlik sense version Aug 2022

I want to change the background color of title in 1 pivot table

The below code is changing the background color but it is changing the same in all the pivot tables

Even though I have written the object id , yet it is not working.

[tid="e79ce789-7fd1-49d0-a811-fd3101970b23"] .qv-object-table th {
background-color: #ff0000 !important;
color: #ffffff !important;
font-size: 15px !important;
}

Re: CSS

TauseefKhan — Wed, 05 Jun 2024 12:49:59 GMT

check with <div> :

div[tid="e79ce789-7fd1-49d0-a811-fd3101970b23"] .qv-object-pivot-table th {
background-color: #ff0000 !important;
color: #ffffff !important;
font-size: 15px !important;
}

Re: CSS

Ishaan_Kumar — Fri, 07 Jun 2024 09:06:13 GMT

Still the same result. It is changing the background color of tittles in all the pivot tables.

Re: CSS

alex_colombo — Wed, 12 Jun 2024 14:31:19 GMT

Hey @Ishaan_Kumar , just tested your code and style has been applied to only one pivot table as below screenshots.
Could you please try to run this command in browser developer tool console and tell me how many objects will returned? document.querySelector('div[tid=e79ce789-7fd1-49d0-a811-fd3101970b23]')

Re: CSS

Ishaan_Kumar — Thu, 13 Jun 2024 06:28:21 GMT

Hey Alex,

Where should I test above code?

Kindly explain

Re: CSS

alex_colombo — Thu, 13 Jun 2024 08:09:00 GMT

Test it in the browser developer tool console. As per below screenshot, you should see a light blue square sorrounding one pivot table