Storyline's player properties allows you to determine how content is scaled to different browser sizes.
However, 'responsive design' involves a lot more than scaling content to a device's screen size. With true reposnive design, HTML content would be automatically rearranged and reflows, depending on screen size and orientation. For example, a webpage viewed on a mobile device may 'reflow' (rearrange) content to be displayed in one long column, while on a larger desktop screen the page would be displayed in its intended layout. That is not something that's currently supported in Storyline.
As far as I know, the actual Storyline web objects scale with the 'container' that holds them. But if the content that is displayed inside a webobject is not set up for scaling, you'll probably see horizonatl and/or vertical scroll bars on screens that scale down the content.
How do you and your viewers expect "responsive web design" to work?
What use cases do you envision?
Would filling full screen on a tablet or phone with a collapsable menu (aka hamburger) for the player menu work or are you envisioning something like this: http://www.youtube.com/watch?v=SjXZ5mxtggE
If the latter, what would the course author workflow look like on a fixed stage in a desktop tool?
4 Replies
Storyline's player properties allows you to determine how content is scaled to different browser sizes.
However, 'responsive design' involves a lot more than scaling content to a device's screen size. With true reposnive design, HTML content would be automatically rearranged and reflows, depending on screen size and orientation. For example, a webpage viewed on a mobile device may 'reflow' (rearrange) content to be displayed in one long column, while on a larger desktop screen the page would be displayed in its intended layout. That is not something that's currently supported in Storyline.
Thanks Michael,
This is what I was looking for. Any idea how to make inserted web objects adhere to this general scalability/resize?
Thanks,
k
As far as I know, the actual Storyline web objects scale with the 'container' that holds them. But if the content that is displayed inside a webobject is not set up for scaling, you'll probably see horizonatl and/or vertical scroll bars on screens that scale down the content.
We'd love to hear your thoughts on Responsive Web Design. Please discuss here:
http://community.articulate.com/forums/p/42367/229338.aspx
This discussion is closed. You can start a new discussion or contact Articulate Support.