Skip to main content
Announcements
See what Drew Clarke has to say about the Qlik Talend Cloud launch! READ THE BLOG
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?

1 Solution

Accepted Solutions
simsa
Contributor III
Contributor III

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;
}

View solution in original post

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>

Best Anil, When applicable please mark the correct/appropriate replies as "solution" (you can mark up to 3 "solutions". Please LIKE threads if the provided solution is helpful
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 III
Specialist III

Hi,

You can take a look at this attached theme,

it might help you.

Regards,

Ajay Kakkar

https://github.com/ajaykakkar93

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

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

provide a example 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

simsa
Contributor III
Contributor III

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;
}