Developer manual

Example layout.xml

The following is an example template

layout.xml

<?xml version="1.0" encoding="ASCII"?>
<layout>
<div id="canvas">
<div id="header" class="container">
<div class="content">
<copy table="assets" page="header" id="html"/>
<navigation id="navigation" depth="0"/>
</div>
</div>
<div id="banner" class="container">
<div class="content">
<copy table="assets" page="banner" id="html"/>
</div>
</div>
<div id="content" class="container">
<div class="content">
<row>
<column>
<gallery width="200" height="80" crop="1"/>
<copy id="html"/>
<if id="pageid" value="sitemap">
<sitemap/>
</if>
<searchresults/>
<forms/>
</column>
<column>
<copy id="html1"/>
</column>
</row>
</div>
</div>
<div id="footer" class="container">
<div class="content">
<copy table="assets" page="footer" id="html"/>
</div>
</div>
</div>
</layout>

custom.css

body {
font-size: 62.5%;
}

.container {
position: relative;
z-index: 1;
padding: 0 30px;
}

.content {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 1100px;
}

#header .content {
height: 100px;
}

#banner .content {
height: 480px;
}

#content .content {
min-height: 300px;
}

#footer .content {
min-height: 100px;
}