Skip to content
Lane edited this page Nov 13, 2012 · 2 revisions

Purpose

Display a list of links. Used for University Calendar or any other module that needs to display a list of links. The sidebar link bucket will also have a heading and optional icon if desired (like all sidebars).

Markup Example

  • The markup will include a styled header and an unordered list. (Links may vary on different pages) data-target on the h5 tag must specify the class of the content holder. In this case it is ".links". Use a different class name for every module

       <div class="extrude links-module">
        <h5 class="sidebar-title collapsed" data-toggle="collapse" data-target=".links">
          <i class="icon-calendar"></i> University Calendar
        </h5>
        <div class="sidebar-content links">
          <ul>
            <li><a href="#">View the Calendar</a></li>
            <li><a href="#">Costs, Tuition and Fees</a></li>
            <li><a href="#">Major Deadlines</a></li>
            <li><a href="#">Academic Schedule</a></li>
          </ul>
        </div>
      </div>
    

Styling

  • Header will be on top with an icon
  • Links will be displayed below