Skip to main content
Announcements
See why Qlik was named a Leader in the 2024 Gartner® Magic Quadrant™ for Data Integration Tools for the ninth year in a row: Get the report
cancel
Showing results for 
Search instead for 
Did you mean: 
punitpopli
Specialist
Specialist

How to change Title background color of variable input object

Hi Experts,

I am looking for an option to customize the Title background color of Variable input object in Qlik sense.

I was able to change the background color of the value section, but unable to find an option for title.

had tried changing the title using CSS, but it changes the title background for all the objects where title is enabled and have to restrict only for variable input box (available under dashboard bundle)

Can anyone help me on this?

 

@Michael_Tarallo  - Apologize on tagging you in here directly. Would you mind sharing your thoughts

Regards,

Punit 

Labels (3)
1 Solution

Accepted Solutions
ErikWetterberg

Hi Punit,

You can style the title of an extension with a CSS selector of the format:

.qv-object-[extension]  .qv-object-title

So for the variable extension this would be:

 .qv-object-qlik-variable-input  .qv-object-title

In newer releases the title color is actually set with an inline style, which means you need to add !important to override, so a rule would be:

 .qv-object-qlik-variable-input  .qv-object-title {

   color:red !important;

}

I have written more about this here:

https://extendingqlik.upper88.com/using-css-in-qlik-sense/

Not that since this was written, there has been some changes, mainly in the use of inline styles (you can now actually select header font color for individual charts in the property panel).

View solution in original post

4 Replies
punitpopli
Specialist
Specialist
Author

Hi @sunny_talwar  - Would you mind sharing your thoughts on this 

ErikWetterberg

Hi Punit,

You can style the title of an extension with a CSS selector of the format:

.qv-object-[extension]  .qv-object-title

So for the variable extension this would be:

 .qv-object-qlik-variable-input  .qv-object-title

In newer releases the title color is actually set with an inline style, which means you need to add !important to override, so a rule would be:

 .qv-object-qlik-variable-input  .qv-object-title {

   color:red !important;

}

I have written more about this here:

https://extendingqlik.upper88.com/using-css-in-qlik-sense/

Not that since this was written, there has been some changes, mainly in the use of inline styles (you can now actually select header font color for individual charts in the property panel).

punitpopli
Specialist
Specialist
Author

thanks @ErikWetterberg  
This was really helpful and was able to achieve the required functionality

thanks again!

Michael_Tarallo
Employee
Employee

Looks like you got your answer - you can tag me if needed, I just might not see it right away.

Regards,
Mike Tarallo
Qlik