Support > The Guide > Developing sites > Dividing appearance from content with Layout Elements Each 'page' on a neatComponents website consists of two parts: Body and Layout Elements
- Body contains the variable content - either unstructured data, or form-based structured content.
- Layout Elements contain the repeating content - navigation, banner headings, etc that show on all pages.
Layout Elements
Layout Elements 'surround' the components (pages, sections, etc) in the website.
Each webpage - in fact, each Component - has Layout Elements associated with it. They are positioned above, below, to the left and to the right of the page, and there is no limit to how many Layout Elements there may be for any particular page.
The Behavior Editor for each page controls whether or not a Layout Element is used on a section-by-section, or page-by-page basis.

There can be more than one Layout Element on a webpage. Each Layout Element extends the full width (Top and Bottom Layout Element) or full height (Left and Right Layout Element) of the space available.
The sequence of the Layout Elements is important in determining how they are displyed on the page. The illustration below shows the difference between applying a Top Layout Element before a Left (Example A), or a Left before a Top Layout Element (Example B).
Creating a Layout Element 'cuts into' the remaining space on a page, as seen in Example C.

It is possible to change the sequence of Levels in the Layout Manager, by using the up/down arrows in the Levels Control.
You use this same routine to create a new level of Layout Elements and designate its position on the webpage. |