Forum Discussion
Adding a text box for user input in Rise360
Hi Team,
I am experiencing difficulty in Articulate Rise 360, so I need your assistance and guidance throughout the development process.
How can I add a text box for user input in Rise360? ...
Hi Saikat
I can't help with the first part of your question - i.e. the quiz - But we have been working on collecting data using a Storyline block in Rise and then outputting the data to a downloadable pdf.
This demo I posted a couple of weeks ago demonstrates where we have got to:
https://rise.articulate.com/share/CxNcomo7LqqWkBOahhImYPgO8E7PEeYG
Inside the Storyline we use text input boxes to collect the input from the learner. We then use a JavaScript library 'pdf-lib' in our JavaScript code to take this input and fill out a pdf 'form'. In the demo the pdf 'form' template is included inside an attachment block.
Using this technique, you could create the form to include part of the course itself with form fields where you want the learner input to appear.
This works fine BUT... and it's a big BUT... we cannot carry variables over from one Storyline Block to another i.e. we cannot accumulate variables and store them until the end of the course. RISE doesn't have variables. so as soon as the learner exits from the Storyline block the variables are lost.
You would have to store the data somewhere to get what I suspect you are trying to achieve. We have a client who has requested we work on this - we are going to try using local storage in the browser (not ideal - but viable). If we have success I will update this post.
John Cooper
Hi Saikat
I can't help with the first part of your question - i.e. the quiz - But we have been working on collecting data using a Storyline block in Rise and then outputting the data to a downloadable pdf.
This demo I posted a couple of weeks ago demonstrates where we have got to:
https://rise.articulate.com/share/CxNcomo7LqqWkBOahhImYPgO8E7PEeYG
Inside the Storyline we use text input boxes to collect the input from the learner. We then use a JavaScript library 'pdf-lib' in our JavaScript code to take this input and fill out a pdf 'form'. In the demo the pdf 'form' template is included inside an attachment block.
Using this technique, you could create the form to include part of the course itself with form fields where you want the learner input to appear.
This works fine BUT... and it's a big BUT... we cannot carry variables over from one Storyline Block to another i.e. we cannot accumulate variables and store them until the end of the course. RISE doesn't have variables. so as soon as the learner exits from the Storyline block the variables are lost.
You would have to store the data somewhere to get what I suspect you are trying to achieve. We have a client who has requested we work on this - we are going to try using local storage in the browser (not ideal - but viable). If we have success I will update this post.
I said I would update this post when we had created a downloadable pdf with data collected across a RISE course from several Storyline Blocks with text entry fields using local storage in the browser (similar to Cookies).
Just to say we did this and it works fine.
This is fantastic. Just went through it and it works. I wasn't able to attend your course. Did you happen to record it?
Thank you so much for this, John! How did you place the Storyline project form into the Rise project? Did you embed or link to it?
Hi @Vanessa Miller
I hope the workshop has been useful. In answer to your question, can I assume we are talking about the pdf template form you are using to create the learner notes download? If so...
In the Storyline version of this workshop, the pdf template is copied to the 'root' directory after the Storyline has been published.
In the RISE version - which is the one you ask about - the pdf template is included as a file attachment right at the end of the course:
BUT - you then have to open this attachment and copy the URL of the file in the RISE server and then insert that link in the JavaScript code triggered by the download button.
There are other ways of doing this and hiding the attachment or putting it somewhere else completely - but that is how it is done in the example.
Hope that answers the right question?
