Forum Discussion

JessicaCelli450's avatar
JessicaCelli450
Community Member
3 months ago

Remove X when embedding Storyline into Rise

I would like to remove this X when embedding a storyline block into rise. Is this possible? The size of the content changes when it appears and when clicked, the storyline block will completely disappear and you have to refresh to get the animation back.

  • JamesonMattice's avatar
    JamesonMattice
    Community Member

    Assuming you want to keep the lightbox feature, you can do this using Javascript in your Storyline project. On the slide you are lightboxing, add a trigger to execute Javascript when the timeline starts. Just use this code:

    //Hide lightbox close button
    if (document.getElementsByClassName("lightbox-close-btn-floating").length > 0) {
      document.getElementsByClassName("lightbox-close-btn-floating")[0].style.display = "none";
    }

    If you want to show the close button, just use "inline" instead of "none".

  • Hi Jessica,

    Happy to help!

    The button highlighted in your screenshot appears to be the button to close a lightboxed slide. There isn't a way to remove this button aside from avoiding the use of lightboxed slides altogether. Feel free to share a copy of your Storyline 360 project file here if you need help locating the lightbox triggers and modifying the behavior.

    Once you've removed the lightboxes from your project file, you'll need to republish your Storyline 360 course to Review 360 as well as your Rise 360 course for the changes to take effect.