Difference between revisions of "Page templates"
From WikiName
(→Full width hybrid template) |
(→Full width hybrid template) |
||
| Line 2: | Line 2: | ||
=== Full width hybrid template === | === Full width hybrid template === | ||
There will be times when you want to span the background of a row across the full width of the page. In such cases use the hybrid template and wrap your rows between | There will be times when you want to span the background of a row across the full width of the page. In such cases use the hybrid template and wrap your rows between | ||
| − | <pre | + | <pre> |
<div class="" id="row1" style="background:red"> | <div class="" id="row1" style="background:red"> | ||
<div class="hybrid"> | <div class="hybrid"> | ||
<div class="div-content"> | <div class="div-content"> | ||
| − | + | Row content here | |
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
</pre> | </pre> | ||
Ideally you should give an ID or class for the outer most div and style it using the "'''Custom CSS for the page'''" | Ideally you should give an ID or class for the outer most div and style it using the "'''Custom CSS for the page'''" | ||
Latest revision as of 12:16, 21 March 2015
Swift comes with 10+ handy page templates, here we will describe how and when to use them.
Full width hybrid template
There will be times when you want to span the background of a row across the full width of the page. In such cases use the hybrid template and wrap your rows between
<div class="" id="row1" style="background:red"> <div class="hybrid"> <div class="div-content"> Row content here </div> </div> </div>
Ideally you should give an ID or class for the outer most div and style it using the "Custom CSS for the page"
