Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Include Page
Infusion13:Styles for FSS examplesInfusion13:
Styles for FSS examples
Divsection
classfl-col-mixed-100
{div2:class=fl-col-fixed fl-force-left} {include:FSS advanced layout examples navigation} {div2} {div2:class=fl-col-flex} h2. Menus The "menus" classes will convert an unordered list into a vertical menu. The implementor must programmatically respond to user input, including programmatically moving the {{fl-activement}} class on the currently active tab. The examples on this page are not functional in that sense. {html} <div class="menu-demos"> <div class="fl-container-200 fl-centered"> <ul class="fl-listmenu"> <li><a href="#_bottom">Menu item #1</a></li> <li class="fl-activemenu"><a href="#_bottom">Active Menu item</a></li> <li><a href="#_bottom">Menu item #3</a></li> <li><a href="#_bottom">Menu item #4</a></li> <li><a href="#_bottom">Menu item #5</a></li> </ul> </div> </div> {html} The mark-up and classes used to produce this layout: {code:html}
Wiki Markup
Column
Include Page
FSS advanced layout examples navigation
FSS advanced layout examples navigation
Include Page
FSS Links Panel
FSS Links Panel
Column

Menus

The "menus" classes will convert an unordered list into a vertical menu. The implementor must programmatically respond to user input, including programmatically moving the fl-activemenu class on the currently active tab. The examples on this page are not functional in that sense.

The mark-up and classes used to produce this layout:

Code Block
html
html

<div class="fl-container-200 fl-centered">
    <ul class="fl-
listmenu
list-menu">
        <li><a href="#_bottom">Menu item #1</a></li>
        <li class="fl-activemenu"><a href="#_bottom">Active Menu item</a></li>
        <li><a href="#_bottom">Menu item #3</a></li>
        <li><a href="#_bottom">Menu item #4</a></li>
        <li><a href="#_bottom">Menu item #5</a></li>
    </ul>
</div>
{code} {div2}