Forum Discussion
Display Storyline on Sharepoint Site
I was wondering if anyone new a way to display a storline project on a sharepoint site.
Hey, Ryan.
You can easily display your Storyline content if you're using SharePoint Online. Perform these steps in order to display the content:
If you haven't already done so, publish your Storyline content to Web.
1. Go to your document storage.
2. Create a folder for your course. Essentially, you're recreating the folder hierarchy exported from your story content, and the hierarchy should match exactly.
3. Open the folder you created.
4. Upload those few files into that folder.
5. Create a new folder entitled story_content. You can only upload 100 files at a time, so it's good to jot down the last file you uploaded to reference in the next batch.
6. Open story_content and upload all those files.
7. Create a slides folder and upload those files into it.
8. Go back to your main folder.
Next Steps
SharePoint Online automatically downloads .html files; therefore, you need to change the story.html file to story.aspx in order to play your content.
1. Open the story.html file in a simple content editor, such as Notepad or Adobe Dreamweaver.
2. Save the files as story.aspx.
Final Steps
1. Upload story.aspx to your SharePoint course folder.
2. Test your work by clicking on the story.aspx file. It should launch the course seamlessly.
Check out this simple screencast I created (attached) that demonstrates the process.
Hi Cody,
I just got a job as a LMS administrator, I was hoping to get some training but the last guy that had the job left before I came onboard and the cook nooks I have can't really get me by some tasks I need to perform.
Is there a way I can modify the content of a storyline for a training using the files as shown in the picture below from sharepoint?
You will be saving 4 lives if you can put me through this.
this worked! thank you!
Worked for me in SharePoint Office 365 woohoo!! Cheers for the awesome guide mate!!
This is (mostly) working for me, too. Thank you Cody!
The one issue I have is that the story.aspx link works in IE, but not Chrome. When I use Chrome, it downloads the story_html5.html file and then doesn't display properly once it's opened.
Does anyone know how to resolve this?
Thanks
Hi All, I've been able to load SL outputs onto our SharePoint 2010 environment just fine using the techniques described earlier in this thread, however, my company is moving to SharePoint 2013 Online and does not wish to allow the browser to render HTML files from SharePoint for security reasons. A workaround from our IT department was to "convert the story.html file to .aspx." Has anyone had any experience with this? I thought I would post here since it is SharePoint-related.
Kenji - we just upgraded to SP 2013 & I'm running into this problem as well (not being able to open an html file from SharePoint). Did converting to a .aspx work for you?
Ryan, I use SL all the time on SharePoint. Like Peter said, all I've done is create a folder in SP and view it in Explorer View. Then drag the published content from SL into the folder. Set up permissions in SP as desired. You launch the training from the story.html file. Once you launch the training you can copy the URL of the player and email that to learners.
I was able to get Storyline files to play by using the "convert the story.html file to story.aspx." Works like a charm and I hate that it was so easy.
How did you convert the story.html file back to story.aspx? Are there instructions I can follow?
Right-click on the file and rename it as story.aspx.
We've also used the HTML IFRAME tag for embedding Articulate content, hosted on another web site, into a SharePoint site by editing the HTML for a SharePoint page.
Hi!
I no longer have access to our SharePoint sites as I moved on.However, here's a thread that gives plenty of examples: http://community.articulate.com/forums/p/13227/80646.aspx#80646
Also, be sure that you are referencing story.html and not story.swf.
Hi Amy! Yes, the conversion to .ASPX did work for me. I simply renamed the .html files to .aspx and changed the HTML code in the main story.aspx file to point to the newly named files. This way, the browser detection still works and redirects appropriately. We have run into issues with the mobile view for SP2013 not quite rendering properly on mobile browsers. Our next step is to disable the mobile view so that it does not interfere with the SL output launching.
This may seem like a silly question but I am really new to this but do you change the file extensions before you upload into SP 2013?
Hi Diane, you simply change the file extension from .html to .aspx on all .html files. Make sure to edit the story.html code to ensure that the references to those other .html files are accurately reflecting the new .aspx extensions.
Do a search on the SharePoint site for *.story and do the same on the Linux server.
If you find the files locate the newest ones use sort by date.
Then you need to select the correct .story file that will require you to first watch the story.html then compare the content you file from your search.
If your lucky you might find what you need.
Kevin
Thanks a lot Kevin, Happy holidays!!!
Hi Kevin,
Thanks so much for your intervention, I do not have access into
Linux server yet(still waiting for that), guess I am just on panic mode as
its my first time working on code edition.Hi Kevin,
The .story file is neither in the server or sharepoint, when I viewed
the source code, it directed me to the sharepoint folder, and all I have
are the rendered files: .jpg & PNG, .xml, .swf, .html files, flash movies.Do you have any ideas as to how I can use the rendered files to start over
again? The challenge is that I must try as hard as I can to make the output
on sharepoint be exactly the same.Thanks.
Hi Amy,
Sometimes an external page is pulled into a Web part. This can make it challenging to find the content displayed on a page. You may want to try the following see below:
Select the checkbox located to the upper right of the web part:
Then look for the path of the content that is contained within that web part (below, I have removed the url):
...and with luck you maybe able to find the true source file that is being displayed within the *.apx file.
If you know where the source files are you just need to update them and place them back in the same location for everything to work as it should.
All the best and good luck,
Kevin
Thanks Kevin. That's exactly what I did. The URL in the web part was linking to an older file, so I changed it to point to the story.html. I had to manually set a width to get it large enough. It works, so I'm happy! :-)
Excellent, Amy.
Glad to help.
Kevin
