SharePoint 2010顶级导航?

时间:2011-11-23 11:58:35

标签: javascript sharepoint-2010 css3

我在Shrepoint 2010中使用CSS样式ootb(开箱即用)顶部导航。但是我还想为ech navigation manu itme添加图标(.png图像)。因此,对于家庭的例子,我想在它旁边有一个图标,对于我们来说,它旁边还有另一个图标等等,用于实践,部门,我们的活动,我们的人员,出版物和为我们工作。

SharePoint 2010基本上使用asp控件构建顶部导航。我可以在firebug(Firefox)和开发人员工具(IE)中看到主页面上的顶部导航的HTML,这是不可见的。

最佳方式是什么?在顶部导航项中包含图标?

提前感谢

2 个答案:

答案 0 :(得分:0)

如果要自定义菜单的这部分,我需要构建自己的asp.net控件。 OOTB你只能改变CSS并且(有限地)控制显示的内容。如果希望SharePoint UI保持控制,则可以使用相同的DataSource。

答案 1 :(得分:0)

我对我正在处理的网站遇到了同样的问题。我想为每个主菜单项添加单独的图标,但无法定位它们。

为了解决这个问题而不创建自定义控件我使用jQuery添加一个类,该类根据菜单项的数量递增,然后使用此类在我的CSS中应用样式。

$("a.menu-item").each(function(i) {
    $(this).addClass("nav-" + (i+1));
});

希望这会帮助你!