Text in a Scrolling Panel not displaying in HTML5 output
Jan 07, 2013
Hello everyone!
I have an issue that I'm hoping someone here has an insight on how to fix. I've added a large textbox to a scrolling panel and after publishing the course, the scrolling panel just shows an empty area.
This doesn't happen if I put an image in the scroll panel, and it does not happen in the flash output.
I've checked the HTML5 output on my test ipads (IOS 5.1.1 & IOS 6.0.1) and on google chrome (latest version 23.0.1271.97) and the problem remains the same. I tried creating a new textbox, new slide, new scrolling panel and various combinations but still no luck, the scroll panel always appears empty with no text.
HTML5 output:
flash output:
Has anyone experienced this issue and have any suggestions about what I could do to fix it?
19 Replies
I've submitted a case, when I get more information I'll update this thread.
Case Number: 00312714
Reference ID: ref:_00D30Txo._50040OCPbl:ref
Hi Alan,
Thanks very much for the information. Just wanted to take a minute and let you know that we have received the case. I'll be following the progress of the case and share any updates and/or solutions.
Thanks again!
Christine
I received an update to my case which seems to have pointed me in the right direction.
If anyone else is experiencing this type of issue, ensure that you have not applied a font style to the textbox itself. It does seem to work correctly as long as the styles are applied to the text within the textbox.
Awesome, Alan. Thanks very much for the update!
One other thing worthy of mentioning here is that scroll panels only seem to work correctly if they are on the base layer of a slide.
If the scroll panel is on a layer, it will not scroll in HTML5 output. :(
It would be better to write scroll bar using javascript function and apply it to that text field. This will solve the problem in HTML5 and mobile iPad browsers.
Alan, how do I ensure that I haven't applied a font style to the text box itself??
Hi Lindsay,
I'm not certain Alan is still subscribed to this thread, but if you're selecting the text box you should be able to see any font types, sizes, etc. that you've applied to it either in the Home tab or when selecting the text in the text box, the small formatting pop up that appears.
Yes, but how do I endure a font styl isn't applied to text box? Do I usetge articulate font?
thanks!
There is button in with the other text editing buttons that you can use to clear text formatting. I think it is next to the line spacing button.
Hi all,
On my course I added scrolling images on base layer, but I've noticed that on HTML5 output (open with Chrome) they aren't visible! It's visible the scroll bar, but not the content inside....
Instead some text inserted on a scrolling panel on a layer is visible...
Scrolling images are a must for my learning project, because above them I created a lot of layers that explain their content. I hope some of you can give me good news!
Thanks
Chiara
Hi Chiara,
Are you viewing the HTML5 content in Chrome on your desktop or on a mobile device? If on an iPad you'll want to test within mobile safari. Also - what update/version of Storyline are you using to create your course? Are you able to share a copy of the course, even just a few slides that are problematic so that we can take a look at it?
Hi Ashley, I've tested on Chrome by desktop. My storyline version is the last (update 8).
Here is a slide: the scrolling image cover all the slide and on it i've inserted a yellow rectangle that give evidence to section I want to explain: click on it to see the comments.
Thank you very much!
Hi Chiara,
Can you take a look at the version of your slide I published here? I'm seeing the same thing in Flash and HTML5 so I'm not seeing the same thing.
Hi Ashley, the slide you published is ok, viewed with Chrome by desktop pc :) This is the html5 version, right? Have you published it in scorm 1.2?
thanks!
Hi Chiara,
I just published for web and linked directly to the HTML5 output as I wasn't sure which publish method you were using. Are you seeing this odd behavior when publishing for LMS? Have you looked at testing within SCORM Cloud as it's an industry standard for testing SCORM content and will help determine if it's an issue with the LMS display.
Hi Ashley, perhaps it's been a momentaneous problem because now all is running well, also with other browsers! thank you very much for your help! :)
Happy to hear it Chiara! Thanks for the update.
This discussion is closed. You can start a new discussion or contact Articulate Support.