IT 4 BLONDES

Beautiful women doing geeky stuff

MojoPortal menu & Bootstrap

Related Posts

17/02/2013 Categories: Bootstrap mojoPortal

Mojoportal: styling SiteMenu
- make changes in the theme.skin file
- use treeview
- in order to have only parent site element in your menu change to MaxDataBindDepth="0"
- remember that default settings (MaxDataBindDepth="-1") shows one child page element

- TreeViewExpandDepth="-1" (portal tag in layoutmaster) allows to see dropdown menu in all menu elements which have children

- if you use bootstrap - no need for media queries, since now you can use classes instead:

  • .visible-phone .visible-tablet .visible-desktop
  • .hidden-phone 
  • .hidden-tablet 
  • .hidden-desktop

 

Bootstrap + mojoPortal =

<nav class="navbar">
<portal:sitemenu id="SiteMenu1" runat="server" menuskinid="SiteMenu" usetreeview="true"
hidemenuonsitemap="false" />
</nav>

 


<portal:mojoTreeView runat="server" SkinID="SiteMenu"
ContainerElement="div"
ContainerCssClass="navbar-inner"
RootUlCssClass="hohoho"
ChildUlCssClass="child"
RenderLiCssClasses="true"
LiSelectedCssClass="active"
LiChildSelectedCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
RenderAnchorCss="false"
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
SuppressCornerDivs="true"
MaxDataBindDepth="0"