Layout

A layout is a vuejs component responsible for rendering a layout (e.g. two columns) which is common across a number of pages of a site.

A layout can be assigned to one or more labels where child nodes under all such labels are required to have same layout. All top level site nodes (Administration, Infrastructure, Chatbots and Site Builder) in the MechCloud portal application shared a layout which is two columns layout.

A layout uses <mc-render-node /> tag as a placeholder to render the content of a site node under a label similar to how a frame uses this tag to render the content of a page.