I find a bit shocking the fact that this feature simply doesn’t exist. Adjusting the width and height of an element is one of the most basic things in coding and there’s no function in Velo to implement this.
I recently had a problem because I have a chat in an iFrame that wether it’s open or closed has always the same size, which creates a situation: when the chat is closed, the height is still the same, which means I have this transparent space overlapping other content and makes clicking certain elements impossible. So basically I just wanted to reduce the iframe height when the chat is closed and increase it when the user opens it. Not possible.
Since I had this problem and made a little search, I found out people have been asking for this simple feature since before 2018 and nothing has been done about this. In order to show it to you, I collected a set of forum posts regarding this problem:
https://www.wix.com/velo/forum/site-page-design/how-do-i-resize-an-element-using-code-dev-mode
https://www.wix.com/velo/forum/coding-with-velo/allow-clicks-to-pass-through-html-iframe-to-content-behind-it
https://www.wix.com/velo/forum/coding-with-velo/how-to-dynamically-resize-iframe
https://www.wix.com/velo/forum/coding-with-velo/resize-a-html-component
https://www.wix.com/velo/forum/coding-with-velo/resizing-elements
https://www.wix.com/velo/forum/coding-with-velo/sdk-setheight
Frustrating. Velo simply does not have the right features yet.