Forum Discussion
Multiple PDF into a course
Here is how I do it.
Create a folder within the folder where you have your .story file. Name the folder Resources. Put all of your PDF documents and an index.html file in that folder. You only need ONE index file.
In your StoryLine file add a WebObect to a screen. In the dialogue box choose the “Resources” folder you created.
Publish your course to your hardrive and go to the publish folder and step through the folders “Storyline output\story_content\WebObjects”. The next folder down will have a collection of numbers and letters, for example “6Ww90gwx0xa”. You will see that all the files from your folder “Resources” reside in that WebFolder.
Now, go back to your course and select one of your objects you want to link to a PDF. The Action will be OPEN URL/file. In the File or URL input field you will put the following: story_content/WebObjects/the weird number letter folder that was created/YourPDFfilename.pdf
You need to do this to every link that goes to a PDF and make sure you change the PDF name at the end to match a particular PDF in the folder.
Once done, you republish your course and the linking will work. One important thing to remember: If you need to change or replace a PDF in the “Resources” folder, you will need to redo all of your links. The reason is that you will need to delete the WebObject in StoryLine and redo the process explained above. When you reinsert a new WebObject, the weird number/letter folder name will change.
- MasiaGoodman3 years agoCommunity Member
Hi Michael,
Brilliant method! One question: what goes in the one index file? Using the single PDF method, the index file code names a specific file. What is different about the index file in your method?
For reference, here's the code I've used for embedding a single PDF:
<!DOCTYPE html>
<html>
<head>
<title>MyFileName.pdf</title>
<style>
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
</style>
</head>
<body>
<iframe src="MyFileName.pdf"></iframe>
</body>
</html>
Related Content
- 3 months ago
- 7 months ago
- 9 months ago