How to ajust the canvas area height, for website embedding?

When I embed the page on my web site, it has some gray canvas space at the bottom.

How can I get rid of that space? Ideally, I would remove all the canvas space from all ths sides, not only in the bottom.

@artildo tweak the iframe attributes like below and it should work

<iframe src="" frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:100vh;"></iframe>

That doesn’t work, unfortunately. It still leaves this empty canvas space.
I really tried to find this height value inside Appsmith, is there any settings for that?

Hey @artildo, you can remove the grey space by adding a container around the Appsmith canvas, or by restricting the height of your iframe.

Here is how my snippet looks:

<iframe src="https://app.appsmith.com/app/untitled-application-3/page1-624fd924457aa64da9e02b2c?embed=true" width="100%" style="height: 500px" frameborder="0" scrolling="yes" seamless="seamless" />

Unfortunately, you can’t remove the small grey padding that you see on corners.

Adding a video for reference:

CleanShot 2022-04-18 at 14.15.08

1 Like

Ah sorry for the confusion, you already mentioned that this is empty space inside Appsmith canvas . Unfortunately, there is no way to fix the height of the canvas as of today

Thank you, @viharkurama, @dancia. I see that it’s only possible to stretch the container, which anyay leave the empty space below the content. Hope the height adjustment will be available sooner or later