Difference between revisions of "Layout Box Model"

From unroole CMS wiki
Jump to: navigation, search
(Created page with "<noinclude> {{for|more information|Layouts}} </noinclude> {{Css Image Crop |Image = Layout Editor Box Model.png |bSize = 300px |cWidth = 300 |cHeight = 167 |Locatio...")
(No difference)

Revision as of 10:02, 9 July 2012


Layout Editor Box Model.png

The different sized boxes laid out on a standard 12 column grid. From top to bottom 2 half, 1 full and 4 quarter page sized boxes.

Every layout in unroole follows a simple box model that is used to organize the various content that is presented on the page. These layout elements are then positioned using css either from the system or the theme.


A layout hierarchy is broken down as such.

  • Layout Containing Object (Page, Channel Layout)
    • Section
      • Box
        • Widgets
      • Box
        • Widgets
      • ...
    • Section
    • ...