Skip to main content

Integration, Extension & APIs

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

Announcements
Welcome to Qlik Community! Check out our new navigation! FIND OUT MORE
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?

6 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

simsa
Contributor
Contributor

I had to change the font color and background of the table, the below code worked for me:

.qv-object-content-container .qv-object-content table th{
background-color: #007490;
color: #fff !important;
}