Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
ol_dev
Creator

Qliksense: Is it possible to style the scrollbar for bar charts?

Hi,

We are wondering if it is possible to style the CSS for horizontal scrollbars on bar charts, as the one shown from my screenshot? We would like to make the scrollbar height bigger, similar to how it is possible with tables in which we can select 3 different heights for scrollbar.

However, this is not possible with Qliksense, though I believe it should be possible with custom CSS? I know there is a multi-KPI visualization that we can use to add CSS to Qliksense, but I have not been able to understand how to make this happen. Tried to style with webkit for scrollbar, as well as the class .scrollbar-track, nothing seems to work. Can someone please help? Thanks. 

ol_dev_0-1738005173161.png

 

Labels (4)
14 Replies
Dataintellinalytics

Instead of using [data-key="scrollbar"] use the code which I shared to increase scroll bar height, which shouldn't have any side effect like draggable issue.

diegozecchini
Specialist

following, I am interested too

ol_dev
Creator
Author

@Dataintellinalytics 

I understand and thanks for your help. Unfortunately, the CSS you provided does not work, the scrollbar's height remains the same, while @lennart_mo's solution does at least increase the height. 

 

Dataintellinalytics

Surprising, because it worked for me.

PFA.

Below is the full code which I used in Multi KPI you can give one final try.

.scrollbar-thumb{background-color: #007bff !important;}
.scrollbar--thumb{background: #007bff !important;}
.scrollbar-thumb.active, .touch-off .scrollbar-thumb:hover {background: #007bff !important;}
.scrollbar-track.horizontal .scrollbar-thumb {bottom: 0; height: 190% !important;}

 

 

ol_dev
Creator
Author

@Dataintellinalytics  Yeah unfortunately for me it does not work on bar charts, the color of scrollbar is changed but the height remains the same. I looked at your attached screenshot, seems you are using this on a table? Perhaps the scrollbar works differently for tables and bar charts? 

ol_dev_0-1738248402224.png