Forum Discussion

JessicaDobbs-36's avatar
JessicaDobbs-36
Community Member
3 years ago

Web Page Responsiveness as a Web Object

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 po...
storyline 360
Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member

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

 

 

TSUIT's avatar
TSUIT
Community Member
6 months ago
Jürgen Schoenemeyer

but you cannot change the fixed aspect ratio of the slides

 

is there anyway if we could change the ratio of the slides by javascript when the page is being rescale now?

Related Content