Forum Discussion

CristianaRat103's avatar
CristianaRat103
Community Member
2 years ago

Scrolling Panel scroll bar size

I need to insert a scrolling panel with text into a slide, but my scroll bar is so small.  I don't think my learners will all be able to access it, and it is very hard to see.  How can I increase the width of the scroll bar?  I have attached a screen shot so you can see what I am talking about. 

  • Nedim's avatar
    Nedim
    Community Member

    Unfortunately, the possible solution involves JavaScript, but it's easy to target and adjust the scrollbar width. The default scrollbar width is set to 10px. Ecexute JavScript when the timeline starts on this slide:

    const scrollbar = document.querySelector('.high-contrast-scroll.scrollarea-scrollbar');
    scrollbar.style.setProperty('--scroll-width', '18px');
  • PamelaRoeper's avatar
    PamelaRoeper
    Community Member

    Does anyone know if there is a fix for this. I tend to avoid the scrolling panel, but recently needed it. I am also worried about accessibility issues the tiny little scroll bar presents. 

  • Hi, Cristiana and Andreas!

    Thanks so much for reaching out and taking the time to share what you’d like to see in Storyline 360. We currently have a feature request logged for the ability to show the same scrolling panel style while editing and viewing the preview/published output of a course. I’ll go ahead and add your votes, and we’ll update this discussion if this feature makes it on our feature roadmap!

  • I don't know how to adjust the width of the scroll bar, but the all too thin width is definitely an issue from an accessability point of view. The scroll bar width should either be easily adjusted by the producer or at least retain the more appropriate width that is visible in edit mode. Why different widths between edit mode and preview/publish anyway?