Version 3.0.6

Sidebar

Default Sidebars are opened using the hamburger menu on the header. It gives users an ability to see and search for pages on the site quickly and easily, as well as swithc between apps. The following is an example of a partial sidebar that should show up on the left of the page.

                      
<div class="in-well open" id="sidebarNavigation">
<div id="sidebarHeader">
<div class="input-control left">
<div class="input-containger">
<span class="glyphicons glyphicons-search left"> </span>
<input class="input-element" type="text" placeholder="Search for a page" id="sidebarSearchInput"> </input>
</div>
</div>
</div>
<div id="sidebarContent">
<div id="sidebarPageList" class="in-well">
<div class="page-group default">
<div class=page-group-accordion-container open">
<div class="page-group-accordion">
<a class="page" href="">
<span class="page-icon glyphicons glyhpicons-dashboard"> </span>
<span class="page-name"> Dashboard </span>
</a>
<a class="page" href="">
<span class="page-icon glyphicons glyhpicons-home"> </span>
<span class="page-name"> Main Menu </span>
</a>
</div>
</div>
</div>
<div id="page-group people">
<a class="page-group=toggle">
<span class="glyphicons page-group-chevron glyphicons-chevron-down> </span>
<span class="page-group-name"> PEOPLE </span>
<span class="page-group-status"> hide </span>
</a>
<div class=page-group-accordion-container open">
<div class="page-group-accordion">
<a class="page" href="">
<span class="page-icon glyphicons glyhpicons-search"> </span>
<span class="page-name"> Create a List </span>
</a>
<a class="page" href="">
<span class="page-icon glyphicons glyhpicons-folder-open"> </span>
<span class="page-name"> My folders </span>
</a>
<a class="page disabled" href="">
<span class="page-icon glyphicons glyhpicons-address-book"> </span>
<span class="page-name"> My List (0 People) </span>
</a>
<a class="page" href="">
<span class="page-icon glyphicons glyhpicons-nameplate-alt"> </span>
<span class="page-name"> Quick Look Up </span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

Search Results

Powered by