Responsive design with storyline?,there is an option like media queries?

There are no specific media queries built-in to Storyline. Content is scaled based on th player size and browser size setting described here: https://community.articulate.com/series/4/articles/changing-the-browser-settings-and-player-size-in-articulate-storyline-2

Hi Chr,

Storyline does not have a true "responsive design" set up, and so you'll want to look into the player size/browser size as Michael mentioned. Also, other users have shared their thoughts on responsive design and what they'd like to see in the form of a feature request - so I'd encourage you to do the same. 

Nice, that's responsive too,

Thanks for the answer!!!

Hi Chr,

I've managed to create a responsive design by changing some of the html code in the story.html file that gets produced. It allowed me to have two different looking storyline courses. One would display on regular sized browsers and the other would display on smaller displays like phones.

How much do you know about CSS and HTML?

Hi

sorry for the late answer,

if it’s not extremely advanced…

I would give it a try.

If i understood well.and page opens in users browser window size, it’s better than media queries isnt it?. Copying all published files( published for andoid, html and all available options) to server, the needed version will open correct?.

From the other hand, It could may be useful defining manually media queries in html (in a “simple” way) without breaking published code. I have not tried it yet in detail , but I will soon. For non experienced people in programming, a built in option for media queries could be useful, also a tutorial adding manually media queries using html and css could be useful too.

Storyline seems to cover most of my needs in e-learning , but as I already mentioned, I am new to storyline and I would like to experiment more with it.

thanks for your interest and your answers.

Αποστολή από: Αλληλογραφία των Windows