Change height of iframe on action

Log in to reply
Paul Kelly ICHYB

Paul Kelly ICHYB

Moderator
    • Jan 21, 2008
    9,927
    1
    2,252
    London
    icanhelpyourbusiness.co.uk
  • #2
    At 200 are only displaying part of the page the iframe wraps or it goes to a second page, which is longer?

    If the second, can you use 100% instead of a fixed height?
     
    Upvote 0
    UKSBD

    UKSBD

    Moderator
    • Dec 30, 2005
    13,026
    1
    2,828
  • #3
    Paul Kelly ICHYB said:
    At 200 are only displaying part of the page the iframe wraps or it goes to a second page, which is longer?
    Click to expand...
    The content of the iframe is about 1000px but onload only the top 200px of it is used, there is about 800 of white background

    Paul Kelly ICHYB said:
    If the second, can you use 100% instead of a fixed height?
    Click to expand...

    % wont work with the iframe
     
    Upvote 0
    Paul Kelly ICHYB

    Paul Kelly ICHYB

    Moderator
    • Jan 21, 2008
    9,927
    1
    2,252
    London
    icanhelpyourbusiness.co.uk
  • #5
    Try one of these:

    <body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
    </body>

    or

    <body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
    </body>
     
    Upvote 0
    UKSBD

    UKSBD

    Moderator
    • Dec 30, 2005
    13,026
    1
    2,828
  • #7
    neither load the frame at a height

    looking at the iframe source, it has different sections for different stages.

    the initial section only needs to be about 200, but the other sections need to be a 1000
     
    Upvote 0
    UKSBD

    UKSBD

    Moderator
    • Dec 30, 2005
    13,026
    1
    2,828
  • #8
    WebDesires said:
    unfortunately no it is not possible to auto-adjust the iframe height. Not unless you have control of the code on both ends - in that case you can add MutationObserver so the iframed page can send data over to the container page and use javascript to adjust the height.

    but its quite complex to pull off and get right.
    Click to expand...
    Yes, ideally the iframe heights would be determined by the source sections, not something i can do :(

    At least having a darker background behind it makes it more obvious that there is content lower down the page
     
    Upvote 0
    fisicx

    fisicx

    Moderator
    Sep 12, 2006
    46,672
    8
    15,363
    Aldershot
    www.aerin.co.uk
  • #11
    You can change the height using Js/jquery. I use it a lot on my forms.

    That being said, cliniko is a dreadful bit of software.
     
    Upvote 0
    WebDesires

    WebDesires

    Free Member
    • Feb 23, 2016
    400
    84
    Cannock, UK
    webdesires.co.uk
  • #12
    fisicx said:
    You can change the height using Js/jquery. I use it a lot on my forms.

    That being said, cliniko is a dreadful bit of software.
    Click to expand...
    Your missing the point. yes you can change the iframe height with javascript anytime you want! NO PROBLEM :)

    However the container cannot access any information about the internal iframe, ie. there is no way to know the content changed, how heigh the content is or anything else! So for the OP its useless.
     
    • Like
    Reactions: fisicx
    Upvote 0
    Log in to reply

    Latest Articles

    Top Bottom
    Community
    Articles
    Menu