Skip to main content
Announcements
Global Transformation Awards! Applications are now open. Submit Entry
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;
}