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............
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?
I want to change the color of the scrollbar in my course but as of now it is not possible, could you please add this feature in the storyline tool it will help us when we do customize the design for our course as per our client's brand colors.
Any update? I am seeing posts starting 8 years ago for this request. Now with the thinner scroll bar it looks too small for our mobile users and nearly invisible! Come on Storyline... compliance! It's 2022.
I don't have any updates to share for this feature request yet, but I'll be sure to come back when we have news, as this discussion is linked to the report.
Hi everyone, while this is an old post I would also like to add my vote. The grey is very light and not very noticeable to learners. Please keep this post active so that it doesn't end up at the bottom of our wish list :-)
Agreed. Good point!
This pale gray color theme since it surfaced many years ago (was it Microsoft who introduced it?) was a good idea in concept, but poor in execution in many, many instances, not just with Articulate.
Some in my organization are concerned with the gray scrolling bar not being visible enough to learners. This feature would be amazing if we could modify/customize it more!
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.
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.
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.
50 Replies
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............
I would also like to request the ability to colour / format the scroll bar.
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?
HI,
I want to change the color of the scrollbar in my course but as of now it is not possible, could you please add this feature in the storyline tool it will help us when we do customize the design for our course as per our client's brand colors.
We would like this feature too please.
Came on looking to see if I could change the colour and shape of the scroll bar too - can I add my vote for this feature to be added, please?
Any update? I am seeing posts starting 8 years ago for this request. Now with the thinner scroll bar it looks too small for our mobile users and nearly invisible! Come on Storyline... compliance! It's 2022.
Any developments on ability to change the scroll bar color in the 'scrolling panel'? Thanks
Hi, Ang and Marnie.
I don't have any updates to share for this feature request yet, but I'll be sure to come back when we have news, as this discussion is linked to the report.
You can keep an eye on our feature roadmap here.
Hi everyone, while this is an old post I would also like to add my vote. The grey is very light and not very noticeable to learners. Please keep this post active so that it doesn't end up at the bottom of our wish list :-)
Agreed. Good point!
This pale gray color theme since it surfaced many years ago (was it Microsoft who introduced it?) was a good idea in concept, but poor in execution in many, many instances, not just with Articulate.
Adding my vote to this feature request too. Being able to style the scroll bar on a scroll pane would be a great addition to Storyline.
+1 vote for ability to change scroll bar and scroll bar track colours.
Please add 1 vote for me!
+1 please... thanks!
Thanks a lot Mr Brown, works like a charm in Edge !
This hasn't been implemented yet....sigh.
Some in my organization are concerned with the gray scrolling bar not being visible enough to learners. This feature would be amazing if we could modify/customize it more!
I would like to add to this request. The grey scrolling bar is not as visible to the learners.
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.
Requesting an ability to change the STYLE of the scroll bar as well as other attributes such as color/size/etc.
ditto the requests above. the grey is just not visible enough :)
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.
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.
A horizontal scrollbar would be extremely helpful.