How to change iframe width?

Hi, normally when embedding iframe codes into a website, you can adjust the width and height. However, that does not seem to work with smartsheets. Using the example below, no matter if I change the codes to WIDTH=1500 or WIDTH=100% nothing happens in the website view. Does smartsheet not allow you to adjust the size?

<IFRAME WIDTH=1000 HEIGHT=700 FRAMEBORDER=0 SRC="url here"></IFRAME>

Thank you

Answers

  • Garrett Henke
    Garrett Henke ✭✭✭✭✭✭

    @Kimbh If you don't have access to edit the CSS directly you can change CSS with inline styles

    <iframe style="border: 0; width: 1000px; height: 700px; overflow: auto;" src="URL HERE"><iframe>

    If you want to have it be a percentage instead of pixels change px to %

  • @Garrett Henke I was able to write my own iframe codes and do that, but it would not work on an ipad or tablet. There is no finger scroll allowed. It can be hard to get people to down an app.

    Thank you

    Kim

  • Garrett Henke
    Garrett Henke ✭✭✭✭✭✭

    @Kimbh Do you have the ability to create a CSS file that changes the style based on the screen size? Here is an example of this I found on stackoverflow https://stackoverflow.com/questions/49419074/how-can-i-change-the-height-of-an-iframe-for-different-screen-sizes

  • @Garrett Henke Yes, thank you for the link. I have to make the weight x height is a bit bigger than the sheet I embed. I have found that no matter the screen size set or even if you don't change the screensize and use the embed code provided by Smartsheet the finger scroll doesn't work in ipad and tablets. Only the page scroll works.

    Thanks