traitTBNavbar extends FlexMenuBuilder with DispatchSnippet
TBNavbar Snippet Bootstrap v2.x
This snippet object transforms lift SiteMap menu items associated with specified loc
group name's into Twitter Bootsrap Nav menu items including dropdown menu items from SiteMap submenu's.
See also the TBLocInfo object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions (menu dividers, labels...).
<u l class="nav">...lift SiteMap items associated with the locGroup name...</u l>
<u l class="nav pull-right">...lift SiteMap items associated with the locGroup name...</u l>
This will be expand into twitter bootstrap nav list's built from the named
Lift menu locGroup content where the second list will be pull to the right.
Example - Fluid Navbar fixed to top Invoke with something like this
<d i v class="navbar navbar-fixed-top">
<d i v class="navbar-inner">
<d i v class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a> <a class="brand" href="...">Project</a>
<d i v class="nav-collapse">
<span data-lift="FoBo.TBNavbar.builder?group=top"></span>
<span data-lift="FoBo.TBNavbar.builderPullRight?group=top2"></span>
</d i v>
</d i v>
</d i v>
</d i v>
Result: This will create a fluid bootstrap navbar fixed to top with menu entries associated with the
two LocGroup's 'top' and 'top2' where the second one is pulled to the right.
TBNavbar Snippet Bootstrap v2.x
This snippet object transforms lift SiteMap menu items associated with specified loc group name's into Twitter Bootsrap Nav menu items including dropdown menu items from SiteMap submenu's.
See also the TBLocInfo object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions (menu dividers, labels...).
Snippet Usage:
<span data-lift="FoBo.TBNavbar.builder?group=[LocGroup name]"></span>
and/or
<span data-lift="FoBo.TBNavbar.builderPullRight?group=[LocGroup name]"></span>
Snippet Params:
Result: The above will result in
This will be expand into twitter bootstrap nav list's built from the named Lift menu locGroup content where the second list will be pull to the right.
Example - Fluid Navbar fixed to top Invoke with something like this
Result: This will create a fluid bootstrap navbar fixed to top with menu entries associated with the two LocGroup's 'top' and 'top2' where the second one is pulled to the right.