Support » Plugin: iframe » Custom Width Setting Not Working

  • I am trying to get the Iframe code to display an outside URL the full width of my screen. The outside URL is a database platform. I have used the % and px designations, as well as just the number (“1000”) and the width of the frame stays the same. It’s centered and takes up about 2/3 of the width of my screen. The height setting works, but the width setting does not. I would like to get it wide enough so the horizontal scroll bar is not necessary. Ideally, it would be nice to get it to display as closely as possible to the way it displays at its URL. Thanks.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author webvitalii

    (@webvitaly)

    Hi,
    I cant find the iframe on the URL you posted.
    Can you post the URL of the page with iframe?
    And also what is the shortcode you are trying to use?

    Sorry about that. I had it on a web page protected by login restrictions. I have taken those off, so here is the web page URL: https://www.mesillaenergy.com/examiner-habanero-login/

    The short code on the page is: [iframe width=”5000″ iframe height=”1000″ iframe src=”https://mesillaenergy.knack.com/producing-leasehold-due-diligence#property-lists/”]

    I used 5000 as an extreme to see if it would widen it. But it stays the same for anything greater than 1000. It will shorten if I use something like a value of 100.

    Thanks.

    Plugin Author webvitalii

    (@webvitaly)

    You may try this shortcode:

    [iframe width="100%" height="1000" src="https://mesillaenergy.knack.com/producing-leasehold-due-diligence#property-lists/"]

    It should set 100% for width of your iframe.

    Well, this was the very first setting I used…it does not work. The width is still the same. Once you log into the database app, here is what the top part of the app page looks like:

    https://rodarby3.tinytake.com/sf/Mjc5MDU5MV84MzczMzA0

    Then scrolling down, where you have wider tables, this is what the lower part of the page looks like:

    https://rodarby3.tinytake.com/sf/Mjc5MDU5OF84MzczMzIz

    Its cutting tables off on the right because its not wide enough. Yes, I know the horizontal scroll bar takes care of that, but I really do need to have the full width of the page, which cuts down on the hassle of navigation. Thanks for anything you can come up with.

    Plugin Author webvitalii

    (@webvitaly)

    If the embedded page is not responsive and does not adjust content to the window size then width=100% will not be very helpful here.

    I guess you are saying there is no solution to this problem? Is it an issue with the website I am trying to display? Would contacting them about this issue be a possible avenue for a solution?

    Plugin Author webvitalii

    (@webvitaly)

    There is nothing can be done from iframe plugin perspective.
    You may try to suggest them to make their website responsive.
    That should solve the “cutoff wide content” issue.

    Yes, I have tried other plugins: same problem. I have already submitted a support request on this issue to the website and suggested the problem is on their side. This problem may need to be highlighted a little on your website so people know this can be an issue and not bother you with it? Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.