CSS coding in a Lectora 18 project not working in Online

dfulgoni6403
dfulgoni6403 Community Member Posts: 22 ☆ Roadie ☆
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

Comments

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