
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
- « Previous Replies
-
- 1
- 2
- Next Replies »

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
following, I am interested too

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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;}

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@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?

- « Previous Replies
-
- 1
- 2
- Next Replies »