CSS coding in a Lectora 18 project not working in Online
July 16, 2020 12:00 AM
Hi all,
A few years back, one of you gave me a great CSS style sheet called hide.playicon.css so that the play icon wouldn't appear on the screen when a full screen video paused for a question. However, it isn't working when I bring that Lectora 18 project into Lectora Online. Any suggestions?
Thansk so much,
Dominic
Discussion (10)
Lectora Online and Lectora desktop work quite different under the hood. One of the changes is html names of the page elements. In Lectora Online they are renamed when published to tobj..... So best is check your browser inspector for any mistakes that prevent proper working.
Kind regards,
Math
Hi Math. I unfortunately know nothing about code, so I'm not sure how to move forward. What is tobj? I've attached the code that the original css file had. Is there any way to apply this same result in Lectora Online with new coding?
Hi Dom (@dfulgoni6403)
Strange, this works great for me. I'm attaching a screenshot of how I have it setup.
Is that how you have it defined in your project?
- Joe
Would it be okay for me to look at your title? If so, please let me know the name of your title, and I will find it in your Lectora Online account.
- Joe
Joe,
That is fine with me. The name of the title is Sexual_Harassment_Prevention_One_Hour.
It seems that it's working when I check it in Page Preview, but not when I test it in Run Mode.
Thanks,
Dominic
Yep. That's exactly how I have it. So strange.
Hi Dom (@dfulgoni6403)
That is a limitation in Lectora Online's runtime. It will not load your external scripting or css during runtime. We are working on correcting that. For now use the Page Preview to check any external html scripting, css, or javascript actions.
Sorry I should have mentioned that, glad you found that and commented.
- Joe
wheels, I'm following up from this thread last year. Was there a fix for this? Is there new CSS coding that will achieve the results I need. Unfortunately, the projects I export to SCORM 1.2 for our LMS still show the big transparent pause icon when I pause a video on a page, and I've just worked around it, but I'd love to be able to pause videos without this happening.
Now the css is different.
.mejs__overlay-play {visibility:hidden;
}
Thank you wheels! Though it doesn't demo correctly in Run mode, it seems to work perfectly in Page Preview. Appreciate you posting the new coding.