Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

Unknown macro: {div2}

All Advanced Layout Examples

Tabs

Menus

Widgets

Icons

Layout Fix

Unknown macro: {div2}

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.

Unknown macro: {html}

<div class="menu-demos">
<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>
</ul>
</div>
</div>

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>
    </ul>
</div>
  • No labels