• Recent
    • Tags
    • Popular
    • Register
    • Login

    Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    Dynamically size your iframe

    How-To
    2
    3
    2.6k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • phildunlapP
      phildunlap
      last edited by

      If you embed an iframe and want it to dynamically resize when the window is resized, you can use the following example code:

      <body onresize="getResized()">
        <iframe name="I9" id="dgInclude" src="YOUR URL LINK" scrolling="no" frameborder="no" ALLOWTRANSPARENCY=TRUE>
          <p>Your browser does not support iframes.</p></iframe>
        <script>function getResized(){
           var scaleFactor=.98;
           document.getElementById("dgInclude").width=document.documentElement.clientWidth*scaleFactor; document.getElementById("dgInclude").height=document.documentElement.clientHeight*scaleFactor;}
          getResized();</script>
      </body>
      
      1 Reply Last reply Reply Quote 0
      • S
        Salu123
        last edited by

         document.getElementById("dgInclude").width=document.documentElement.clientWidth*scaleFactor; document.getElementById("dgInclude").height=document.documentElement.clientHeight*scaleFactor;}  
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post