mojoportal学习——文章翻译之多行横排菜单

经常有2排横排菜单这样的情况,要得到这样的效果,修改layout.master文件。

把如下代码放到<form>标签下

<asp:SiteMapDataSource ID="level3datasource" runat="server" ShowStartingNode="true" />

修改layout.master中的pagemenu菜单,如下:

<portal:PageMenu id="PageMenu1" runat="server" TopLevelOnly="true"
      UseTreeView="false" HideMenuOnSiteMap="false" UseSpanInLinks="true"
      Direction="Horizontal" DynamicDisplayLevels="0" /> 然后放置在相应位置
这是第二层菜单

添加第二个PageMenu控件,这个控件显示第三层及更高层页面,代码如下:

<portal:PageMenu id="PageMenu2" runat="server"
         UseTreeView="true" TreeViewShowExpandCollapse="true"
         StartingNodeOffset="2"  SiteMapDataSource="level3datasource" />
  
菜单的风格,可以看一下andreasviklund-02或i7media-2horiztonalmenus模板中的style.css文件。


andreasvicklund-02-alt1中使用了3层横向菜单,你也可以研究以下。
  
  

posted on 2010-10-17 15:34  蓝蓝的天2016  阅读(211)  评论(0编辑  收藏  举报