CSS coding in a Lectora 18 project not working in Online

dfulgoni6403

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

mnotermans5114

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

dfulgoni6403

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?

wheels

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

dfulgoni6403

Yep. That's exactly how I have it. So strange.

wheels

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

dfulgoni6403

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

wheels

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