Back to the Shapespark home page

Size of extensions frames in movile devices doesn´t fit well


#1

Hi, I follow the steps in this video https://youtu.be/82AEaaBDxzs and I have an issue: when I open the scene in movile devices and pick on HTML label extension, the frame windows doesn´t fit on movile screen! how I can fix that?


#2

The width of the iframe in this tutorial is hardcoded to 600px

 <iframe src="https://www.appliancesconnection.com/wolf-mdd24testh.html" 
   style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" 
   frameborder="1" marginheight="0px" marginwidth="0px" height="400px" width="600px" 
   allowfullscreen>
</iframe>

On devices with smaller screens, the scrollbar will appear to allow to view the whole content.

To get rid of the scrollbar, you can specify the width as a relative value:

   <iframe src="https://www.appliancesconnection.com/wolf-mdd24testh.html" 
      style="border:0px #ffffff none; width:80vw; height:80vh;" name="myiFrame" scrolling="yes"
      frameborder="1" marginheight="0px" marginwidth="0px" allowfullscreen>
  </iframe>"

However, it depends also on the iframed site whether or not the scrollbar will appear. If the site sets a minimum width that it is able to handle, the scrollbas will still appear once the window becomes smaller than this minimum width.