Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

Announcements
QlikWorld 2020: Join us May 11 - 14, 2020 in Phoenix, AZ. Register early and save $400. Learn More
shwethaa
New Contributor III

CSS script to add bachground color for table header in qliksense(Custom Theme)

I am creating the custom theme to style the straight table. I have used below CSS code for hover row and strip color and it is working- .qvt-sheet { background: #eeeee4 !important; } .qv-object-content-container .qv-object-content table tr:nth-of-type(even) { background: #b53359 } .qv-object-content-container .qv-object-content table tr:hover { background-color: #ffff99; Can anyone help me to write code to add background color to header of straight table and what is the use of using '.qv-object-content-container .qv-object-content' in the script?

Tags (2)
3 Replies

Re: CSS script to add bachground color for table header in qliksense(Custom Theme)

Perhaps this?

If you want as Hover i think you can use this

<Style>

.qv-object-content-container .qv-object-content:hover

{

background-color: #ffff99;

}

</Style>

If you need, Normal table without mouse over use this way

<Style>

.qv-object-content-container .qv-object-content

{

background-color: #ffff99;

}

</Style>

Before develop something, think If placed (The Right information | To the right people | At the Right time | In the Right place | With the Right context)
shwethaa
New Contributor III

Re: CSS script to add bachground color for table header in qliksense(Custom Theme)

Thanks for your reply,

 

but I always wanted to display  background not on hover. Below code worked for me.

 

.qv-object-content-container .qv-object-content table th{
background-color: #ffff99;
}

 

 

Can we style tabbed container object? How can we add background color to activated tab?

ajaykakkar93
Valued Contributor

Re: CSS script to add bachground color for table header in qliksense(Custom Theme)

Hi,

You can take a look at this attached theme,

it might help you.

Regards,

Ajay Kakkar

https://github.com/ajaykakkar93