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层横向菜单，你也可以研究以下。