Skin 10.x: Layout Variations
Version 1.14 by Ecaterina Moraru (Valica) on 2018/05/03 16:04
Ecaterina Moraru (Valica)Description
Current Layout
Our current layout is a full width one, with a central area (.main) and 2 panels areas (#leftPanels, #rightPanels).
<body id="body">
<div id="xwikimaincontainer">
<div id="xwikimaincontainerinner">
<div id="menuview"></div>
<div id="headerglobal"></div>
<div class="content" id="contentcontainer">
<div id="contentcontainerinner">
<div class="leftsidecolumns">
<div id="contentcolumn">
<div class="main">
<div id="mainContentArea">
<ol id="hierarchy"></ol>
<div class="xcontent"></div>
</div>
<div id="xdocFooter"></div>
<div id="xwikidata"></div>
</div>
</div>
<div id="leftPanels" class="panels left panel-width-Medium"></div>
</div>
<div id="rightPanels">
</div>
</div>
</div>
<div id="footerglobal"></div>
</div>
</div>
</body>
Possible Layouts
Centered vs. Full Width
One the major requests for public website is the ability to easily change (without the need of a custom skin) the layout from full width to centered. On xwiki.org for example we have some homepages centered, while the content pages are full width.
