This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

FSS Advanced Layout - Menus

NOTE: FSS is deprecated as of 1.5

All Advanced Layout Examples





Layout Fix


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:

<div class="fl-container-200 fl-centered">
    <ul class="fl-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>