I'm not sure what you mean? You don't need to include the height or width attributes in your embed code, Rise will figure that all out and then based on the device you're using resize and reflow the content to be responsive based on that.
Hi Ashley-- to respond to your question to Michael, my team would love to add to Rise the custom interactions and functionality that relies on use of timing/layers, etc... we do some really complex work with SL, and would love to be able to integrate the two products. For instance, we'll often make our videos interactive (and use branching) and create games...would love to be able to integrate these via blocks or even as a lesson type in Rise. We love the structure and UI Rise provides, but do find ourselves limited in terms of how creative we can be. Integrating the two products would be ideal.
Do you have another site you could use that is https? There isn't an option to change that in Rise, and as Zsolt shared here earlier the two would need to match.
Zsolt - Is the interaction on Crossing the Thresholds - How did you embed that? I am new to rise, not to Storyline. I would like to add this interaction to a Rise course, but can't figure out a solution.
So I have been playing with this, this afternoon. :) I am sure I am missing something somewhere. So please tell me if you see gaps it in my thinking process. I am using Rise, because it helps me to develop content faster and looks good, but I don't like that don't have the freedom of as many interactions as I do in Storyline. So I have created the bulk of my "information" in Rise, and since I don't really need to keep track of who finished that section except that they finished it, I am keeping it in Rise, and then adding a link from that Rise to my Storyline course as a web object. I am thinking I'll create three Rise courses and have three sections in my Storyline file. This will allow me to keep track of the interactions that I want reported created in Storyline that will be created after each "Rise" slide. I am hoping this will speed up my development time. Does anyone see this being an issue?
Figured out how to get the embed code to work and where/how to store the .story files.
Ran into a small hiccup though. The embedded quiz (from quiz maker) is not fully visible and requires the learner to scroll left/right/up/down. Is this an issue you had to overcome. Which dimensions did you use to prevent that?
I saw your second post below that you switched Storyline - Rise embedding by adding a webobject of Rise within Storyline. I guess you don't need this answer now but what how I embedded a Storyline course within Rise is that in the actual course, I just used a shortcut in the text: _zomagix:loadinfo. It could be anything but it should be a unique name. Then I published the Rise course. Added jQuery, my supporting JavaScript file (zsolt.js) and simply replaced the shortcut above with the code that embeds the storyline file (you'll see two instances because it happens either when the page loads initially OR when you click on the menu and change the page, they are two different events)
$( document ).ready(function() {
// When site loads, it searches for the following shortut: _zomagix:loadinfo and replaces it with an embedded site. // The site is a subdirectory called hero. // Arguments passed: shortcut, site URL, height size (in pixel), width size (in pixel or %), yes/no whether you want scrolling
Hey Alyssa, thank you for the reply. Unfortunately the test file my team was using has been replaced and I'm struggling to get a new one up, so my question will have to go without answer. It was a .story built using 360 Quiz Maker. Standard size, published for web. : (
My tech team found a solution to my .story file loading with scroll bars, which was to "scaling player to fill browser window" using the player options. That seems to do the trick, but now if a user shrinks their browser window, the content gets really small.
I guess the root question is, when using an iframe within the "embed" feature of Rise, does the iframe window have any set pixel dimensions that content should stay within?
That's a great question. We've got a possible issue on our radar where Rise doesn't display the full height of an embedded iframe object, meaning you'll see a scrollbar even if you've specified a large height. We're working through this, and I'll definitely let the team know about your experience with it. As soon as we have more information, I'll be sure to send you an update!
I've previously reported the same in a different thread and they acknowledged it's probably an issue. No matter the size parameters you pass in an iFrame code, Rise doesn't seem to honor them. If it wasn't for that, I'd already be hosting storyline scenes somewhere else and embedding them in Rise modules.
Proper integration between the two will be a great feature. (so will fixing the iFrame issue ;-) )
I'm so excited to embed storyline content, I'll work around the issue to make it function. Rise is cool, Rise with customized storyline content is cooler! ; )
Simple Java script variables built into Rise would be sweet!
The user could be asked to enter a name or (in our case) a name of a customer interaction they'd had. We could then ask them to reflect on this interaction using the entered name in proceeding questions.
78 Replies
How do you set the size of the iframe?
Hi Paris,
I'm not sure what you mean? You don't need to include the height or width attributes in your embed code, Rise will figure that all out and then based on the device you're using resize and reflow the content to be responsive based on that.
Hi Ashley-- to respond to your question to Michael, my team would love to add to Rise the custom interactions and functionality that relies on use of timing/layers, etc... we do some really complex work with SL, and would love to be able to integrate the two products. For instance, we'll often make our videos interactive (and use branching) and create games...would love to be able to integrate these via blocks or even as a lesson type in Rise. We love the structure and UI Rise provides, but do find ourselves limited in terms of how creative we can be. Integrating the two products would be ideal.
Hi Sean,
Thanks for that insight. We're still working on a Storyline block for use in Rise and that's currently targeted for Q3 '17.
I also wanted to share this article, which is a great comparison of when to use Storyline vs. Rise.
Thanks for the insight and please let me know if I can help with anything else!
Any progress on this yet?
I believe they said in a recent reply they were hoping to have this first iteration of the feature in Q3 of this year.
Sent from my T-Mobile 4G LTE device
Integration of the two would be awesome!
Nice work Zsolt, great example as always!
Still cant get the iframe to work. Like Danit, Rise keeps changing http to https. Any workarounds for this? The storyline course is hosted on my site.
Hi Mark,
Do you have another site you could use that is https? There isn't an option to change that in Rise, and as Zsolt shared here earlier the two would need to match.
Zsolt - Is the interaction on Crossing the Thresholds - How did you embed that? I am new to rise, not to Storyline. I would like to add this interaction to a Rise course, but can't figure out a solution.
i also imagine there would be responsive issues as in my experience rise is closer to responsive than storyline
So I have been playing with this, this afternoon. :) I am sure I am missing something somewhere. So please tell me if you see gaps it in my thinking process. I am using Rise, because it helps me to develop content faster and looks good, but I don't like that don't have the freedom of as many interactions as I do in Storyline. So I have created the bulk of my "information" in Rise, and since I don't really need to keep track of who finished that section except that they finished it, I am keeping it in Rise, and then adding a link from that Rise to my Storyline course as a web object. I am thinking I'll create three Rise courses and have three sections in my Storyline file. This will allow me to keep track of the interactions that I want reported created in Storyline that will be created after each "Rise" slide. I am hoping this will speed up my development time. Does anyone see this being an issue?
I'm new to Rise and I really appreciate the simplicity of it, but would love to drop a storyline scenario in from time to time.
Hello Ashley and welcome to E-Learning Heroes!
That's certainly something we are hearing. Our own Ashley shared some insight above, which you can find here as well.
We're listening :)
Awesome. I've been tracking the conversation for a while, I just wanted to make sure you knew there were more people anxiously waiting!
This post was removed by the author
Figured out how to get the embed code to work and where/how to store the .story files.
Ran into a small hiccup though. The embedded quiz (from quiz maker) is not fully visible and requires the learner to scroll left/right/up/down. Is this an issue you had to overcome. Which dimensions did you use to prevent that?
<iframe src = "https://s3-us-west-2.amazonaws.com/mfrm-learning-development/Course+Files/Gen+Learning+Styles/quiz_html5.html" width="980" height="658"></iframe>
Hi there Cory!
I'd like to give your embed code a test, but I noticed that this link is no longer working.
https://s3-us-west-2.amazonaws.com/mfrm-learning-development/Course+Files/Gen+Learning+Styles/quiz_html5.html
If you're still having trouble with the sizing of the embedded quiz, could you send me an updated embed code? Thanks!
Catherine,
I saw your second post below that you switched Storyline - Rise embedding by adding a webobject of Rise within Storyline. I guess you don't need this answer now but what how I embedded a Storyline course within Rise is that in the actual course, I just used a shortcut in the text: _zomagix:loadinfo. It could be anything but it should be a unique name. Then I published the Rise course. Added jQuery, my supporting JavaScript file (zsolt.js) and simply replaced the shortcut above with the code that embeds the storyline file (you'll see two instances because it happens either when the page loads initially OR when you click on the menu and change the page, they are two different events)
$( document ).ready(function() {
// When site loads, it searches for the following shortut: _zomagix:loadinfo and replaces it with an embedded site.
// The site is a subdirectory called hero.
// Arguments passed: shortcut, site URL, height size (in pixel), width size (in pixel or %), yes/no whether you want scrolling
embedSite("_zomagix:loadinfo","hero/password/story.html","800","100%","no");
}
});
$(window).on('hashchange', function(e){
var hash = location.hash.replace( /^#/, '' );
if (hash.indexOf("/list/")>-1)
{
var lnum= location.hash.split("/list/");
var lesson = lnum[1].split("?")[0];
// We are in lesson. In case you need that info.
embedSite("_zomagix:loadinfo","hero/password/story.html","800","100%","no");
}
});
And here's the actual embedSite function:
function embedSite(shortcut,site,height,width,scrolling)
{
if (!scrolling)
{
scrolling = "no";
}
if (!width)
{
width = "100%";
}
if (!height)
{
height = "800";
}
zomagix(""+shortcut+"","<div><iframe src=\""+site+"\" height=\""+height+"\" width=\""+width+"\" allowfullscreen=\"\" frameborder=\"0\" scrolling=\""+scrolling+"\"></iframe></div>");
}
Hey Alyssa, thank you for the reply. Unfortunately the test file my team was using has been replaced and I'm struggling to get a new one up, so my question will have to go without answer. It was a .story built using 360 Quiz Maker. Standard size, published for web. : (
My tech team found a solution to my .story file loading with scroll bars, which was to "scaling player to fill browser window" using the player options. That seems to do the trick, but now if a user shrinks their browser window, the content gets really small.
I guess the root question is, when using an iframe within the "embed" feature of Rise, does the iframe window have any set pixel dimensions that content should stay within?
Hey Cory,
That's a great question. We've got a possible issue on our radar where Rise doesn't display the full height of an embedded iframe object, meaning you'll see a scrollbar even if you've specified a large height. We're working through this, and I'll definitely let the team know about your experience with it. As soon as we have more information, I'll be sure to send you an update!
I've previously reported the same in a different thread and they acknowledged it's probably an issue. No matter the size parameters you pass in an iFrame code, Rise doesn't seem to honor them. If it wasn't for that, I'd already be hosting storyline scenes somewhere else and embedding them in Rise modules.
Proper integration between the two will be a great feature. (so will fixing the iFrame issue ;-) )
I'm so excited to embed storyline content, I'll work around the issue to make it function. Rise is cool, Rise with customized storyline content is cooler! ; )
Wow! That's awesome!
I appreciate your share, Zsolt. Very helpful.
Simple Java script variables built into Rise would be sweet!
The user could be asked to enter a name or (in our case) a name of a customer interaction they'd had. We could then ask them to reflect on this interaction using the entered name in proceeding questions.
This discussion is closed. You can start a new discussion or contact Articulate Support.