CSS coding in a Lectora 18 project not working in Online

dfulgoni6403
dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
in Lectora Online
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
Flag · Off Topic Like

Comments

  • mnotermans5114
    mnotermans5114 Community Member Posts: 916 ☆ Roadie ☆
    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
    Flag · Off Topic Like
  • dfulgoni6403
    dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
    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?
    Flag · Off Topic Like
  • wheels
    wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 666 eLearning ROCKSTAR Admin Team
    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
    Flag · Off Topic Like
  • dfulgoni6403
    dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
    Yep. That's exactly how I have it. So strange.
    Flag · Off Topic Like
  • wheels
    wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 666 eLearning ROCKSTAR Admin Team
    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
    Flag · Off Topic Like
  • dfulgoni6403
    dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
    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
    Flag · Off Topic Like
  • wheels
    wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 666 eLearning ROCKSTAR Admin Team
    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
    Flag · Off Topic 1Like
  • dfulgoni6403
    dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
    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.
    Flag · Off Topic Like
  • wheels
    wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 666 eLearning ROCKSTAR Admin Team
    Now the css is different. 
    .mejs__overlay-play {
    visibility:hidden;
}
    Flag · Off Topic 1Like
  • dfulgoni6403
    dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
    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.
    Flag · Off Topic 1Like

Categories