Layouts


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, PowerBlocks, Published Layouts or some other Components.


There are 3 Core Layouts:

Canvas    Position Blocks at a specific position. Learn More.




Stack    Automatically stack blocks vertically or horizontally. Learn More





Reveal Create a Burger type experience where a menu slides across.





When you create a new View EachScape will ask you to select one of the 3 core layouts:

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