jQWidgets Forums

jQuery UI Widgets Forums Navigation Tabs How can i resize iframe inside tab?

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  mliga 12 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • mliga
    Member

    Hi everybody, a newbie here.

    you can see a demo here: http://94.23.252.114/newlib/lib/demo.html
    I want to resize iframes in tabs in a complex layout i’m making.
    What i want is to force the iframe to occupy the full height/width of the tab, e.g. to resize it (i know i must use jquery to do this) setting width and height everytime the container (the tab div) is resized. I want it to do this on browser window resize, but also other events (e.g. splitter collapse).
    Which is the best way to do it? Has tabs a ‘onResize’ event i can hook to? I tried to look into documentation but didn’t find it!

    Thank you.


    Dimitar
    Participant

    Hello mliga,

    To achieve this, set the width and height properties of the iframe to 100%, i.e.:

    <iframe src="1http://www.mow.it" style="width:100%;height:100%;"></iframe>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/


    mliga
    Member

    Solved. Thank you very much Dimitar.
    I don’t know why it’s working, but it does! I tought i had to do this in js.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.