Difference between revisions of "Page templates"
From WikiName
(Created page with "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 bac...") |
(→Full width hybrid template) |
||
| (One intermediate revision by the same user not shown) | |||
| 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> | |
| + | <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> | |
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"
