Printing slide information from Storyline such as Learning Journal

Hello all,

After watching David's screenr https://player.vimeo.com/video/204927126

I was just wondering, is there a way then of allowing the learner to print off their personalised certificate OR indeed to print off any type of Learning Log that they would fill in during the module - such as the one that is created on-the-fly in this excellent example: similar to the http://articulate.demos.s3.amazonaws.com/avoiding_meeting_missteps/story.html

If this can be done it would be excellent!

Many thanks in advance.

Barry

17 Replies
Lisa Ogan

We were able to do something like this recently. We wanted to have users enter free form text on five different slides and then to export those answers to a browser page that they would then print. 

First we displayed all five answers on a single slide and mapped a print button using java script. That part was easy, however, this didn't work for us because the more text the learner entered, the smaller the text would be on the results slide.  

Ultimately, we decided it would be better to export the text fields to a pre-formatted browser page that they could then print. This required some java script programming. 

Is this what you were looking for? If so, let me know and I'll see if I can put together a sample for you and include the code.

Rebecca Lee

Hi Lisa

That would really help, sounds like just what I need. You will have to bear with me as I am a complete novice at this (gone from being a teacher to doing an elearning development secondment!!). I have attached the file with my learning log on the player, I want the learners to be able to print it off at the end of the course. I was thinking putting an email link but it won't work as the students would have to enter their own email address and I haven't worked that out yet. Please ignore the content so far, it needs a lot of work, but I figured if I could work out the printing, get a master template, it would make life easier.

Let me know if you need anything else.

Many many thanks

Becki

J D

Steve Flowers said:

Hi, Barry - 

This can be accomplished pretty easily if you have some JavaScript and HTML under your belt. Will reply with an example you can tear apart later today.


hi Steve,

Would you be able to provide an example or a code as to how the print journal functionality can be established.

Thanks

Rebecca Lee

J D said:

Steve Flowers said:

Hi, Barry - 

This can be accomplished pretty easily if you have some JavaScript and HTML under your belt. Will reply with an example you can tear apart later today.


hi Steve,

Would you be able to provide an example or a code as to how the print journal functionality can be established.

Thanks


If there is a solution to this-or code that can be used, please could you share as I never did manage to work this out. In the end the learners had to email then print but I really want to use a 'print' function and have had many other things that would have been useful to print off directly from the course rather than email...really have no experience or idea about coding so if someone has created a code and would be willing to share (and explain how to use) that would be fantastic.

Many thanks in advance

Bec

Steve Flowers

Here's one method that you might be able to use without adding custom HTML after publish. I've been planning to do a Screenr on this and a method for attaching a heap of files you can reference within a custom HTML page created dynamically through JavaScript added to a JS Trigger:

var myWindow = window.open("","Test","width=810,height=610,scrollbars=1,resizable=1");

var currentDate=new Date();

var player=GetPlayer();

var username=player.GetVar("user");

var contents = "<html><head></head><body>"

contents+="<div style='position:absolute;top:300px;left:140px;'>"+username+"</div>";

contents+="<div style='position:absolute;top:375px;left:140px;'>"+currentDate+"</div>";

contents+= "</body></html>"

myWindow.document.write(contents);

Constructing a printable journal is similar. Something like this could work:

var myWindow = window.open("","Test","width=810,height=610,scrollbars=1,resizable=1");

var player=GetPlayer();

var journal1=player.GetVar("journal1");

var journal2=player.GetVar("journal2");

var contents = "<html><head></head><body>"

contents+="<div>"+journal1+"</div>";

contents+="<div>"+journal2+"</div>";

contents+= "</body></html>"

myWindow.document.write(contents);

This assumes your journal entry fields are tied to variables journal1 and journal2 in Storyline.

El Burgaluva

Hi, Steve

Thank you very much for sharing the code. I EAGERLY await the Screenr (when you can manage to squeeze the time from your schedule) so that I/we can learn how to implement it.

Earlier today, I posted a similar question here re: being able to print out a block of text.Your code, above, certainly looks like it might do the trick -- if only I knew enough about js.

I'm about to contact Sam (see thread linked to) and see if his solution fits the bill. Between your solution and his, we might be able to mash them together into a versatile little "add on"! 

All the best,

Leslie

bennei foster

I think it should be possible, however, when you are referring to some important documents I guess there should be a restrictions. For workbook and other test sample it must be provided freely even to reprint from online, anyway, any reprinting can be best to be done at this site http://www.digiteksf.com/design-service/ cheap and reliable.