topic Re: CSS script to add bachground color for table header in qliksense(Custom Theme) in Integration, Extension & APIs

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

shwethaa — Wed, 18 Sep 2019 12:26:14 GMT

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?

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

Anil_Babu_Samineni — Wed, 18 Sep 2019 12:35:16 GMT

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>

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

shwethaa — Wed, 18 Sep 2019 16:49:56 GMT

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?

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

ajaykakkar93 — Wed, 09 Oct 2019 07:20:59 GMT

Hi,

You can take a look at this attached theme,

it might help you.

Regards,

Ajay Kakkar

https://github.com/ajaykakkar93

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

KasperJeppesen1 — Mon, 11 Jan 2021 10:47:39 GMT

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

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

ajaykakkar93 — Wed, 11 Aug 2021 11:20:13 GMT

provide a example

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

simsa — Fri, 15 Jul 2022 09:40:03 GMT

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