I am creating a web application for desktop.
I am experiencing the following problem:
When I extend a rectangle to the bottom of the screen on the editor, when I display the application, depending on the screen either it is way too big (you have to scroll to see the end), or it is too small and only reaches the bottom of the screen.
Is there a solution to extend this rectangle all the way to the bottom, adapting to the different screens?
It will also be useful to create a side menu later.
Thank you for this suggestion.
Unfortunately, this even makes the input fields disappear. I also tried grouping the items but that doesn’t work either.
Ok, over extend at the top and bottom, then tick the fix to top option. When you preview it will go crazy wide, then make it really narrow width, preview and then incrementally adjust back out until it’s the right width again. Worked for me, no scrolling and no gaps
The rectangle does indeed take up a large part of the screen. But even after reducing it to a single pixel, it is still as big as ever and the text fields still don’t appear. I definitely don’t understand what’s going on.
Guys, I did it! Here is how:
The secret is to create transparent rectangles.
Create your sidebar with a normal rectangle, extend it a lot below the screen (not on the top), and fix it on the top
Place your components on your rectangle (images, forms, …) and create a group with them without the rectangle use as a sidebar.
Fix this group on the top.
Create a new group including the previous group and your sidebar rectangle (don’t fix it).
Now create a transparent rectangle, without any color, between the right of the screen and your sidebar (the one with red borders on the screenshot below).
