How to change the color of the scroll bar in a scrolling panel?

Sep 14, 2016

Is it possible to change the color of the scroll bar when you insert a scrolling panel?

Thank you,


50 Replies
Mr Brown

Hi there,

I discovered that you can change the colour of the scroller (just not within the tool)... you would need to edit the css after the course is published then re-zip. So if you are feeling brave, search for the .scrollarea-btn-after class name in the published content in here: "output\html5\lib\stylesheets\main.min.css"

The only drawback is you would need to do this each time it's published. So best wait until you're finished as the last thing you do. Unless anyone knows how to get SL to retain the edits on publish?

.scrollarea-btn-after {

position: absolute;
top: 0px;
left: 21px;
width: 8px;
height: 100%;
background: #c2505f; **this changes the colour of the draggable item in the scroller**
pointer-events: none;
box-shadow: 0 0 0px 1px #f2f2f2;
border-radius: 5px;
content: '';
display: block;

I tested this early and it seems to work ok for me in Chrome... not tested any others.

This message will self destruct in 5....4....3....2............

Kathryn Farrelly

It's so frustrating to locate threads like this where a simple features request like this has been asked for numerous times over the course of years knowing that instead of working on this, Articulate has been creating scrolling textboxes that no one asked for or wants.  I swear Articulate has some damage control to do for that mistake.  Maybe start by implementing some of these feature requests?


Julie  Taylor

I too can't believe this still has not been acted on after so many many requests. Is there some specific or technical reason why this can't happen or are these myriad of requests simply being ignored? It would be very useful to be able to manipulate the size and colour of the scroll bar much like we can control the visual aspects of the slider tool! 
Please add my vote to this feature request. thank you. 

Jay Frischkorn

I don't understand why the scroll bar has a normal width and format in design mode but then almost disappears when we preview or publish.  Why is one different in appearance than the other?

I agree with many above - we seem to get a lot of "latest greatest" updates that no one asked for and practical requests like horizontal scrolling and scroll panel formatting go over 12 years (I found earlier posts) with out a useful update.  

Jay Frischkorn

Speaking of Updates.  TOO Many - TOO Often - TOO poorly thought out and full of bugs. 

I have clients (corporate) that cannot absorb this many updates and so they fall many months  behind because their IT depts. won't test and update apps that frequently.  

The number of claw backs has also left them confused about which version to even test - we've already had one where a serious bug (corrected in the following release) was distributed across the training organization.

Just my editorial thoughts.