Welcome, Guest Login

Support Center

Introduction to Layouts

Last Updated: Mar 18, 2017 11:01AM EDT

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, Custom Blocks, 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


 

Help us improve! Rate this article:

Yes I found this article helpful

Ask a Question   

support@eachscape.com
http://assets3.desk.com/
false
eachscape
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete