sharepoint中的顶级菜单导航

时间:2013-01-04 10:02:43

标签: html css windows sharepoint drop-down-menu

我根本没有sharepoint的经验,但客户已要求他们对其sharepoint网站进行品牌设计。

我有一个关于顶部导航的问题,看起来像这样:

Home | Staff | IT | Organization 

在f.x上有子项目。像这样

Manuals
Protocols

在像suckerfish这样的下拉菜单中

有一个主要的入口页面有三个办公室页面

在树状视图中,它将如下所示:

Main
  - Office 1
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization
  - Office 2
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization
  - Office 3
    - Staff
    - IT
      - Manuals
      - Protocols
    - Organization

如何实现此特定要求?我是否需要在子页面上创建子页面和子页面以用于下拉列表,还是有其他方式。

2 个答案:

答案 0 :(得分:1)

首先转到网站设置>>导航(外观和感觉)  根据需要添加/删除“全局导航”下的链接

其次编辑您的母版页并添加以下内容

    <PublishingNavigation:PortalSiteMapDataSource ID="topSiteMap" runat="server" EnableViewState="false" SiteMapProvider="GlobalNavigation" StartFromCurrentNode="true" StartingNodeOffset="0" ShowStartingNode="false" TrimNonCurrentTypes="Heading"/>



    <SharePoint:AspMenu ID="TopNavigationMenuV1" EncodeTitle="false" Runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Horizontal" StaticDisplayLevels="2" MaximumDynamicDisplayLevels="4" SkipLinkText="">

您可以根据需要使用这些属性         

答案 1 :(得分:1)

SharePoint会为您处理导航呈现,假设您希望SharePoint管理导航栏。如果您打算对其进行品牌化,那么允许SharePoint管理您的导航有很多注意事项,主要是您如何设置网站结构。在品牌推广方面,您将遇到的主要问题是,默认情况下,示例中的大多数主要静态链接(Staff,It和Organization)实际上都位于导航列表的第二级。

<ul>
    <li><a href=”#”>Home</a>
    <ul>
        <li><a href=”#”>Staff</a></li>
        <li><a href=”#”>IT</a></li>
        <li><a href=”#”> Organization </a></li>
    </ul>
    </li>
</ul>

SharePoint还添加了一些可能导致类似SuckerFish问题的div和类。我使用过的大多数导航插件都会尝试隐藏任何非顶级列表项,因此您的导航栏只会显示“Home”而不显示其余部分,并不完全正常。

最简单的方法是使用静态导航。使用您自己的导航列表更新您的自定义母版页,为suckerfish应用适当的类,以获得好处。问题是,每次要更改导航时,您都必须更新母版页。

下一个选项是使用jquery来解析SharePoint的导航渲染,以suckerfish友好的方式重建它,最后让suckerfish标记这个。我们已经将它用于了不少客户,因为它快速而简单。你正在向客户端扔掉所有繁重的工作,并且根据你如何构建你的html,css和js,导航更新时可能会出现闪烁。

第三,大锤方法,攻击css并使用jquery为你的OOTB SP导航添加类似于sukefish的效果。虽然我找不到这种优雅,但这并不难。

第四,创建自己的导航Web部件,以您喜欢的方式呈现站点地图。这需要了解SharePoint以及如何构建可靠的应用程序。我只向那些有SharePoint经验的开发人员推荐这个。

我理解学习如何使用SharePoint的愿望,我们都是从第一次向某人打造SP品牌的请求开始的。问题在于,品牌推广SharePoint与构建通用网站,修改Joomla,WordPress等技能完全不同。您可能会发现与拥有SharePoint品牌经验和知识的公司合作更快,以便正确完成。然后,您可以将此知识用于下一个SP请求。

我希望这会有所帮助。