How to remove the bevel Storyline3 puts arround the "Slide" arrea in a published course?

Apr 11, 2017

Hello,

I've just tried the Trial version of Storyline3  and am pleased that the video controls in the exported html5 now stay visible all the time as opposed to the Storyline2 export. Unfortunately, we are having a different issue with the newly generated files. After importing our Storyline2 project and re-building and re-exporting it now there's some kind of bevel around the Slide area (see attached screenshot from Chrome). The behavior is the same in Firefox, Edge and IE (couldn't test on Safari). Is there any way to remove that bevel as we prefer the flat design? Additionally - any way to change the colour of the video controls? Not the Player progress bar and buttons but the video controls on the Slide videos?

 

Thanks,

Tsvety

11 Replies
Alyssa Gomez

Hi there Tsvety,

Thanks so much for including that screenshot. It looks like you might be viewing the published project locally--do you see the bevel around the slide area when you view the project on a web server or LMS? If so, would you mind sharing your original Storyline 2 file with us? We'd like to test the upgrade to Storyline 3 on our end. 

In regards to customizing the video controls, you could create your own custom play/pause buttons and place them on top of the default video control bar.  I hope that helps! 

Tsvety P.

Hi Alyssa,

Thanks for your reply!

I already found a workaround to the "bevel" issue by going through all the slides and resetting the background which seem to fix the problem. I'll try to import another of our projects and Upgrade it to Storyline3 today and test if the newly generated file is without the "bevel" problem when playing from the web-server and send you a sample for your QA team.

Regarding the colors of the video controls I found a workaround by manually editing the generated main.min.css file and replacing it, so I can get the customized video controls.

Thanks,

Tsvety

Tsvety P.

Hi Alyssa,

I confirmed that the "bevel" is still present when viewing the published module from web server in Firefox, Chrome,  Edge and IE (couldn't test Safari).

Attaching the test/sample .story file for you - left only 2 question in the Question bank, so the file is not too big, but it doesn't matter for the "bevel" issue - it's still present.

Thanks,

Tsvety

Alyssa Gomez

Hi there Tsvety,

Thanks for including your Storyline 3 file here. I can definitely see the "bevel" you described, and it's interesting that this appeared only after you upgraded to Storyline 3. I'm not sure what could have caused this to happen, so I'd like our support engineers to test the upgrade on their end. Would you be able to send your original Storyline 2 file to us using this link? Also, please let me know your case number so I can follow along with the testing. :)

Alyssa Gomez

Hi Tsvety,

I popped in to your case this morning, and it looks like we've logged this issue as a possible software bug in Storyline 3. As a workaround for now, try removing and manually re-adding the background image to the upgraded project.

I really appreciate you reaching out about this, since I don't see that it's been mentioned in the forums before. I'll be sure to send you an update as soon as I get more information, and I'm sorry if this has caused you headaches.

This discussion is closed. You can start a new discussion or contact Articulate Support.