Forum Discussion

LaurieNoffs's avatar
LaurieNoffs
Community Member
8 years ago

Custom JS in Rise?

Can I add custom javascript into a Rise lesson like I do in Storyline?

15 Replies

  • Hi Laurie,

    Rise doesn't have the same trigger option as Storyline does, which is where you can add the Javascript. 

    I know a few folks have looked at editing the published output of Rise to add in some custom elements, so I'll leave you in the hands of the ELH community! 

      • MelissaMiller-0's avatar
        MelissaMiller-0
        Community Member

        Hi Laurie. Did you end up finding helpful information from within the community? I'm looking to add custom js to fix the accessibility issues with Rise. 

  • LaurieNoffs's avatar
    LaurieNoffs
    Community Member

    Hi Mike, we found that after you publish your Rise lesson, you can manually add js into the index.html file.  That worked for us!

  • KumarPallav's avatar
    KumarPallav
    Community Member

    Hi Laurie,

    Ashley has helped us a lot in answering most of the questions related to javascript. We have a couple of questions remaining 

    Rise is unusable for us without JavaScript too. Do you have any color on how smooth the interaction between a web application and rise will be? Also, what is the cost (in terms of effort) of integrating rise and a web application 

    Thank you!

  • LaurieNoffs's avatar
    LaurieNoffs
    Community Member

    I am not a programmer, but at the bottom of the index.html there is a short js function. Our programmer added a custom js function to this and called it up in their  root.Runtime function. For us, it directs our web app to give a user credit for taking the lesson. You need someone who understands your web app and writes js!

  • Laurie, did they just have to launch it to get credit? Or was it upon completion of the module?

  • LaurieNoffs's avatar
    LaurieNoffs
    Community Member

    Hi Alex, We have a custom "eLearning Center" built into our client websites that gives credit (shows completion) of each lesson as some are required for incentive programs. The added js in the Rise html creates a function that communicates with this elearning center.

    function finish(e) {
    if(e >= 100) {
    return window.parent.elearning_complete();
    }
    }

  • I have a leader board that I built in Storyline. It uses JavaScript to query the xAPI statements in a Learning Records Store and find the learner names and scores associated with the specific course, sort them and assign the values to Storyline variables. I'd like to use it in a Rise course. I exported the Rise course and added the xapiwrapper and my .js file that defines my function to the index.html file in the Rise course, The function gets defined, but it is never executed by the Storyline slide. Is this because the Storyline slide is inserted from Review 360, which doesn't really like to execute JavaScript? Has anyone else gotten something like this to work in Rise using JavaScript and Storyline variables?

    • RebeccaEvens-af's avatar
      RebeccaEvens-af
      Community Member

      Hi James, how did you solve this? I have a similar slide in Review that I want to embed in a Rise course, but the Javascript doesn't work...

      • LeaSAgato's avatar
        LeaSAgato
        Staff

        Hi there, Rebecca!  Just in case James isn't following this discussion any longer, you can try the Contact Me option on his E-Learning Heroes profile to reach out to him directly.

  • There should be clearer documentation and examples on how to achieve some of the more common xApi functionality within rise.