Web Page Responsiveness as a Web Object

Nov 17, 2022

Hi all! I have a responsive web page that I've embedded into a Storyline 360 course as a web object. Unfortunately, the web page loses it's responsiveness as a web object making it a particularly poor experience on mobile.

Has anyone found a solution or workaround to keep web page responsiveness when embedding as a web object?

6 Replies
Jürgen Schoenemeyer

add this small javascript on the slide with your web object


if( window.cssPatchWebObject !== "done") {
style = document.createElement('style');
style.textContent = `
.webobject {
width: 100% !important;
height: 100% !important;
transform: none !important;
};`

document.body.appendChild(style);
window.cssPatchWebObject = "done";
}

but you cannot change the fixed aspect ratio of the slides

result
https://360.articulate.com/review/content/0aed99ad-6845-4ced-8d78-c539db191b7b/review

 

 

Luciana Piazza

Glad that Jürgen was able to help you, Jack! Thanks so much, Jürgen! 👏

I just wanted to add a quick note: it looks like your signature came through when you replied via email. You can remove it by clicking ‘Edit’ below your response. Here’s a quick Peek 360 video if you need help.

Have a great day!