Layouts



VIDEO: The basics of laying out Blocks in a View or Layer with the EachScape Studio. Using Size and Position and also the basics of "Device Available Width" and "Device Available Height"



Block are positioned on a View using a Layout.

A Layout is a 'Container' that holds the Blocks together.

 


Layout differ by how they make Blocks behave on a screen.

Some Layout provide animation,
 Some help Block display across multiple device screen sizes.


 
 

Rename, Delete, Swap

Because Layouts contain Blocks (or other Layouts) they all feature a large set of operations you can apply to Blocks, Published Components, Published Layouts or some other Components.


There are 2 Core Layouts:

  Canvas    Position Blocks at a specific position. Learn More.




 Stack    Automatically stack blocks vertically or horizontally. Learn More





Layouts within Layouts:

Layout are the basis of any View: You can also have Layouts within Layouts.
A Layout can contain an infinite number of Layouts.
Layouts within Layouts allow the development of any sort of sophisticated UI.

To bring a new Layout within a View or within another Layout select Layouts in the Component Selector:

Select a Layout

Drag & drop that Layout within the selected Layout on the View Layout.

 When you drop a Layout on a 'empty' View you are always dropping that Layout within the Layout already on the View












Learn More

Using Canvas Layout

- Using Stack Layout