This snippet class contains functions for common transform operations useful when working with the Bootstrap toolkit.
This snippet class contains functions for common transform operations useful when working with the any toolkit.
This snippet class contains functions for common transform operations useful when working with the any toolkit. Example Most of the functions in this class can be invoked using the following pattern.
data-lift="FoBo.ScriptHelper.functionName?paramName=paramValue&...."
For more examples see the individual transform functions.
v1.0
This snippet object transforms lift SiteMap menu items associated with a specified loc group name's into a collection of list items.
This snippet object transforms lift SiteMap menu items associated with a specified loc group name's into a collection of list items.
This is a simple but flexible list item snippet that can be used when constructing li list menus. In addition to normal menu loc items the TBNavLiList dose also support menu headers and dividers from SiteMap entries, see TBLocInfo the object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions.
Snippet Usage:
<span data-lift="FoBo.TBNavLiList.builder?group=[LocGroup name]"></span>
Snippet Params:
Result: The above will result in
< l i class="active"><a href="[current active loc link url]" class="">[Loc link text]</a></l i > < l i class=""><a href="[loc link url]" class="">[Loc link text]</a></l i > :
This will be expand into a list's built from the named Lift menu locGroup content.
Example - A affix nav-list menu with one (loc) group
< u l class="nav nav-list affix-top" data-spy="affix"> <span data-lift="FoBo.TBNavLiList.builder?group=affix1"></span> : </ u l>
Result: This will create a list of linked items associated with the specified LocGroup name 'affix1'.
v1.2
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.
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
<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.
v1.0
This snippet object transforms lift SiteMap menu items associated with specified loc group name's into Twitter Bootsrap Navlist items including nav-header label items and menu dividers from SiteMap entries.
This snippet object transforms lift SiteMap menu items associated with specified loc group name's into Twitter Bootsrap Navlist items including nav-header label items and menu dividers from SiteMap entries.
See also the TBLocInfo object in net.liftmodules.FoBo for various, simple to use, SiteMap manipulation functions.
Snippet Usage:
<span data-lift="FoBo.TBNavlist.builder?group=[LocGroup name]"></span>
Snippet Params:
Result: The above will result in
<u l class="nav nav-list">...lift SiteMap items associated with the locGroup name...</u l>
This will be expand into a twitter bootstrap navlist's built from the named Lift menu locGroup content.
Example - Navlist Invoke with something like this
<d i v class="well" style="max-width: 340px; padding: 8px 0;"> <span data-lift="FoBo.TBNavlist.builder?group=nl1"></span> </d i v>
Result: This will create a Navlist with menu entries associated with the LocGroup 'nl1'.
v1.0
This snippet class lets you inject FoBo Bootstrap 2.x resources into your templates.
This snippet class lets you inject FoBo Bootstrap 2.x resources into your templates. Instead of hand write the resource tags you can use this helper snippet to inject it for you.
Example Invoke with
data-lift="FoBo.TBResources.functionName?paramName=paramValue&...."
For more examples see the individual transform functions.
v1.3
This snippet object transforms lift sitemap menu with specified loc group name into Bootsrap nav menu items including dropdown menu items.
This snippet object transforms lift sitemap menu with specified loc group name into Bootsrap nav menu items including dropdown menu items. This work is originally contributed to the FoBo module by community member Damian Helme. http://tech.damianhelme.com/twitter-bootstrap-navbar-dropdowns-and-lifts. Example Invoke with
<span data-lift="FoBo.BootstrapNav.menuToTBNav?eager_eval=true"> <span data-lift="Menu.builder?top:class=nav pull-right;li_item:class=active;linkToSelf=true;expandAll=true;group=frontNav"></span> </span>
(Since version FoBo v0.7.3) For Lift >= v2.5 use the newer TB***Menu snippets
v0.7
Bootstrap v2.x Snippet
This snippet class contains functions for common transform operations useful when working with the Bootstrap toolkit. Example Invoke with
data-lift="FoBo.Bootstrap.functionName?paramName=paramValue&...."
For more examples see the individual transform functions.
v1.0