Qlik Community

Ask a Question

Integration, Extension & APIs

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

Announcements
Join us for a live Q&A! September 21, 10 AM ET - Onboarding Fast in Qlik Sense SaaS! REGISTER
cancel
Showing results for 
Search instead for 
Did you mean: 
shwethaa
Contributor III
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?

5 Replies
Anil_Babu_Samineni

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
Contributor III
Contributor III
Author

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
Specialist
Specialist

Hi,

You can take a look at this attached theme,

it might help you.

Regards,

Ajay Kakkar

https://github.com/ajaykakkar93

KasperJeppesen1
Contributor III
Contributor III

Hi @ajaykakkar93 

I have been trying to move the content-taps in the container object, to be shown vertically instead of horisontal with the css, without success. Would you know if this is possible ?

Regards,


Mads 

ajaykakkar93
Specialist
Specialist