Scrolling panel in not working in HTML5 output

Hi Ravindra! 

Would you be able to share your .story file for us to take a look?

Hi Leslie, Thanks for response, I have attached the both the output files and story file. In story.html its working fine, but on story_html5.html its not working.

Note: Please click on the Menu icon on the left, to see scroll panel.  

Hi Ravindra,

Which browser and/or device are you  using to view the HTML5 output? You'll want to confirm you're using one of the browsers detailed here and within Safari you'll want to know that the scroll bar won't be visible until they start scrolling. 

Hi Ashley,

I am using the Chrome and using it on desktop only. Can you also check it once plz? I have uploaded the files above.

Hi Ravindra,

Thanks for sharing that additional information. I tested it in Chrome, and saw that the scrolling panel didn't work in the HTML5 output. I see a similar issue reported to our team, and it seems to be associated with being a part of the layer master - perhaps you could look at including it on the main master or on an individual slide's layer (as I tested the latter and that worked normally). I'll share this thread with our QA team for some additional testing but please look at utilizing the workarounds in the meantime. 

Thanks Ashley for quick solution. Currently I have included it on an individual slide's layer, hope we will get proper solution on same soon. 

HI Ravindra,

You may also like to check if this works. Have also included a screenshot for ease.

Edit ..\mobile\player.css file. After line number 1110 add “visibility: hidden;”

Lovely!!! Thank you so much!!! Its working perfectly. 

Hi,

Can you tell me how you have tracked this bug? Plz

Hi Ravindra,

I reported it to our team and have tagged this thread for update when there is additional information to share. We're unable to offer a timeframe in regards to a fix or update, but I'll be in touch once there is additional information to share here. Since you're likely subscribed to the thread you'll receive an email notification when staff post any info here. 

No problem Ashley. :)

Hi,

This problem seems to be not fixed ?

Hi UB Learn and welcome to E-Learning Heroes!

This issue is still in the hands of our QA Team and I do not have an update to provide at this time.

Hi Leslie,

Thanks for your reply !

There is a workaround ? 

Here is what we have listed for Workarounds:

• Use Flash output
• Place scrolling panel in individual slide layer 

Hello everybody, I happened to come across this thread here. I am currently dealing with a similar topic. Here's is my "Scenario": 

1) I have a master slide with a menu button on it.

2) Once user clicks this button, it opens the layer menu on the master slide. To make this possible on the "normal slides", I put an Hotspot over the menu button. Works. 

3) On the layer menu, the different chapters and subchapters are also shown in a scroll panel. 

4) tested it 2day in the HTML 5 output --> did not work at the beginning. 

5) Remembered that I've built similiar things in another project. 

6) Found a solution: The scrolling panel must be placed as the first object on the timeline. Thus, the object hierarchy would be for example: 

A) Scroll Panel 

B) Text box 

C) Button 

and so and so forth 

7) Tested the HTML 5 Output in IE, Chrome and Firefox: Works fine from a local base as well as once the module is opened from an online server, 

Just be aware that in Firefox, the scroll panel can only be moved with your scrolling wheel on the mouse pad. 

Hope this helps.

Regards

René

Thanks for the detailed description Rene :) I appreciate you sharing your solution.

Hi was a fix ever done for this?

I seem to be having a problem with scrolling panel in HTML5 chrome. It is working fine in IE but Chrome does not work.

I have had a look at the other comments but my scolling panel is in the layer not in a master and is the top element and is on the first frame. 

ok so I have found a bodge fix - 

I had to unselect the option that stops the user clicking on the base layer and suddenly the scroll panel works even though it is not in the base layer

Hi Lizzie,

What version of Storyline are you using to see the issue with the scrolling panel? I see that this is still an issue within Storyline 2. 

Does the workaround accomplish what you need in this course? 

'I had to unselect the option that stops the user clicking on the base layer and suddenly the scroll panel works even though it is not in the base layer'

Thanks so much Lizzy - that worked for me too.

You are a life saver!  Thanks for the CSS solution!

Hi this still doesn't work in Storyline 3.  Is there a time-scale for a fix?

Hi there, Sally.  

Can you describe for me what happens with your scrolling panel in Storyline 3?  Are you noticing that it isn't working in HTML5 output?  What's contained in the panel?

Thanks!

Upside Learning
almost 3 years ago
HI Ravindra,

You may also like to check if this works. Have also included a screenshot for ease.

Edit ..\mobile\player.css file. After line number 1110 add “visibility: hidden;”

This CSS solution is working..... :)