You can control the size and position of elements in your Flexitive canvas in two ways;
- You can manually adjust the element by grabbing the edges of the bounding box and dragging.
- You can use the Element Size option in the Size and Position panel to make fine adjustments to the size of your element.
Adjust using Bounding Box
To adjust the size of an element using its bounding box, grab the edge of the element’s bounding box and drag it to adjust the size.
Element Size Option
The Element Size option makes changes to your design to the precision of a single pixel on your canvas.
To access the Element Size options in Flexitive, select the element you wish to make changes to. Then, open the Size and Position panel on the left-hand side and scroll down to the Element Size options.
You can set the pixel Width (W) and Height (H) of any element in your design. Changes to the Element Size are done from the top left corner of the element, with increasing width as you move to the right, and increasing height moving down.
When changing the Element Size, you will be able to expand the object outside of the canvas.
The Height or Width has a minimum size of 1% of the total size of the canvas in either direction.
Position & Size of Elements in Responsive Designs
Adjusting the size of elements in a responsive design is done in the same way as with a fixed design. However, responsive designs do not have fixed pixel heights or widths, so the size of elements is measured by the percentage of the height or width of the canvas they take up, rather than by a pixel dimension.
As with fixed size designs, the size of elements in a responsive design must be at least 1% of the total size of the canvas in either direction.