Sha256: 2580c717bb747da8ffe856898b1654b53d9bffdaadbb3ab6610ce05001ffdd02
Contents?: true
Size: 1.97 KB
Versions: 17
Compression:
Stored size: 1.97 KB
Contents
<section>
<p>All templates consist of a <code><header></header></code> and <code><footer></footer></code>.</p>
<%= highlight_code_block do %>
<%= "<header></header>" %>
<%= "<div class=\"{template class}\">" %>
<%= "<div class=\"ae-container\">" %>
<%= "<div class=\"ae-content\">" %>
<%= " {Content}" %>
<%= "</div>" %>
<%= "</div>" %>
<%= "</div>" %>
<%= "<footer></footer>" %>
<% end %>
<div class="ae-table-responsive">
<table>
<thead>
<th>Template Name</th>
<th>Variations</th>
<th>Usage</th>
<th>Demo</th>
</thead>
<tbody>
<tr>
<td>Full-width</th>
<td>-</td>
<td><code>.ae-template-full-width</code></td>
<td><a href=<%= ui_components_templates_full_width_path%>>View Sample</a></td>
</tr>
<tr>
<td>Half-width</th>
<td>-</td>
<td><code>.ae-template-half-width</code></td>
<td><a href=<%=ui_components_templates_half_width_path%>>View Sample</a></td>
</tr>
<tr>
<td>Content and sidebar</td>
<td>Scroll<br />Fixed </td>
<td>
<code>.ae-template-content-sidebar</code><br/>
<code>.ae-template-content-sidebar-fixed</code></td>
<td>
<a href=<%= ui_components_templates_content_and_sidebar_path %>>View Sample</a>
<br /><a href=<%= ui_components_templates_content_and_sidebar_fixed_path%>>View Sample</a></td>
</tr>
<tr>
<td>Master-detail</td>
<td>Scroll<br />Fixed</td>
<td><code>.ae-template-master-detail</code><br/><code>.ae-template-master-detail-fixed</code></td>
<td><a href=<%= ui_components_templates_master_detail_path %>>View Sample</a><br /><a href=<%= ui_components_templates_master_detail_fixed_path %>>View Sample</a></td>
</tr>
</tbody>
</table>
</div>
<p>The master-detail template implementation on mobile is slightly different. The sidebar degrades into a pop-up whenever it's triggered.</p>
</section>
Version data entries
17 entries across 17 versions & 1 rubygems