Qlik Community

Qlik Sense Integration, Extensions, & APIs

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

Announcements
BI & Data Trends 2021. Discover the top 10 trends emerging in today. Join us on Dec. 8th REGISTER
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Creator III
Creator III

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 

1 Solution

Accepted Solutions
Highlighted

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
Highlighted
Creator III
Creator III

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

Highlighted

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

Highlighted
Creator III
Creator III

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

thanks again!

Highlighted
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