Print results from a scrolling panel - Javascript help

Hi Russell!

Thank you so much! You're the man! 👍👍👍

Cheers,

Dean

Hey Russell, thanks again for you help! Appreciate it very much.

Thanks so much! :)

Hello Dean,

Both interactives would have to be built into one storyline file if you want both printed out together at once.

Hello Russell,

How's it going? I hope you are doing well.

I need your advice/help on how to display the full text of a learner in the data entry field (see screenshot. The full sentence doesn't display on screen upon preview (so I'm guessing that gonna be like when uploaded as SCORM). Is there a way to make it dynamic and display all the text? Also how can I get rid of the Download button upon clicking download to print?

Thanks a lot!

Dean

Hello Dean,

Try increasing the height of the text boxes to around 66px. The text should start to wrap then.

For the download button, Storyline 360 has a new Print Slide trigger.

When clicking the print button, you could have 3 triggers.

1. Set state of Download button to hidden.

2. Print slide

3. Set state of Download button to normal.

Thank you very much, Russell! It works :) Appreciate it.

Hi Russel,

How are you? It's me again and I need your little help with the Javascript of this SL file. I'm having a little trouble having the texts with line breaks appear in the download/print window. Whenever I have two to three paragraphs, it will just capture everything in one single paragraph. I feel like I'm missing something.

THanks a lot!

Try this one.

Thank you Russell! You're a lifesaver!

How can I change the javascript below to print RTL. Really appreciate your help!

Thanks a lot! :)

Take a look at this one.

Thank you so much, Russell! Have a great weekend ahead.

Hello,

I am having the same issue--using javascript to create an option to print a scrolling panel.

Is anyone willing to take a look and assist me?

Thank you!

Hello Russell,

How are you? Hope all is well.

Just wanted to check something with you if you have any idea why the screen behaves (see attached recording). I've also attached the sample SL file you've done for me previously.

Thanks a lot in advance! :)

Hi Russell,

Hope you're doing well.

You won't be able to use the print slide trigger because that only prints the current slide.

You will need to use javascript similar to the previous projects that I have helped you with.

Hi Russell!

Thanks again for this! I always forget but it works now thanks to you. however, my issue at the moment is the print trigger. The print dialogue box won't appear. I think there's something wrong with my code. Can you perhaps help me with this?

I've attached the SL file for reference.

Thanks so much in advance! :)

Best,

Dean

Dear Russell!

Hope all is well.

Can you help me with the Javascript to include an image as well as title header upon printing? Is it possible? If so, what javascript should I include in my current Javascript? See attached.

Thanks so much!

Hi Dean,

Including an image is little bit more tricky.

The code needs to reference an image. In this case, the company Logo.

After publishing your course, copy the Logo.png into the output folder.

Take a look at the javascript code in the story file.

Code executes quickly. So the logo didn't have enough time to load before the print was called.

So, I used the setTimeout function. It waits 1000 milliseconds before calling the print function.

Hopefully this is enough time for the logo to load before printing. You may need to change it to 1500.

I have attached a zip file that includes the story file and the logo.

Hi Russell, I wanted to express my sincere gratitude for your assistance. Thank you very much for taking the time to help me out. Your support is greatly appreciated.

Once again, thank you!

Hi Russell,

I hope you're doing well. I wanted to bring up another matter regarding the SL file with the logo. I attempted to upload the zipped file, but it seems that Review360 is not accepting or recognizing it. I would appreciate your assistance in identifying any missing steps or potential mistakes I may have made during the process. I have attached some screenshots for your reference.

Thank you so much for your help!

Hi Dean,

The screen shot that you sent me was for publishing for web. Instead publish for Review 360.

Extract the created Zip file. Copy over the logo and then re-zip. Then upload into your Review 360 account.

I have attached a short video.

Hey Russell, I can't thank you enough for your help. You truly saved the day, and I'm extremely grateful.

Hey Russell, I'm sorry for the inconvenience, but I'm facing difficulties in adding the same JavaScript code for the logo and header to this Storyline file, particularly to ensure they appear on each page while printing results over several pages. I've made several attempts, but unfortunately, I haven't been successful so far. I've attached the file for your reference. If you have any written instructions or guidance on how to achieve this, I would greatly appreciate your assistance. Thank you in advance for your help and apologies for the trouble :)

Hello Dean,

The trick here is to use an html table. The header section of the html table (<thead></thead>) will automatically be included on every page.