How to use the "Floating Block" layout?

The “Floating Block” layout type is an excellent choice if you want pixel-perfect precision in your compositions. Here is how to start using one:

1. Adding a layout:
   • Drag and drop the layout from the main toolbar.
   • Choose the “S1” layout composition.
2. Changing layout to floating:
   • Select the newly added “Layout” in the “Page Structure” section of the right toolbar.
   • Select “Floating Block” inside the “Layout” section of the right toolbar.
3. Customizing “Floating Block”:
   • Select “Background”, “Border”, and/or “Shadow” to adjust the visual look of the element.
   • Use “Size” to adjust layout size by changing “Height” and “Width”. Alternatively, use lines on the borders of the element to adjust the layout size.
   • Select an item inside the layout and use the arrow symbol to move it and the items below up or down.
   • Drag any elements from other layouts and drop them precisely where you need them.
   • To change element order, right-click on the element and select desired “Order” option.

NOTE: Keep in mind that while using the “Floating Block” layout type, you need to adjust the composition individually for each screen — “Wide”, “Desktop”, “Tablet”, and “Phone”.