SharePoint 2010 的多列全局导航下拉菜单

Question

我想知道是否有可能（最好只使用 CSS 和/或 jQuery）在 SharePoint 2010 中创建一个多列下拉导航菜单。我正在为我的 SharePoint 环境中的全局导航引用一个站点地图并且有一个菜单可以延伸超过 20 个链接。这会导致分辨率较低的屏幕出现问题。我们希望能够将这个长列表包装成两列（理想情况下，在其他菜单项上放置一个容器，如果它们的子链接达到一定数量，第二列会扩展容器并同时创建）。

这是可以用 CSS 和/或 jQuery 完成的吗？我发现的一些资源提到了使用自定义导航控件，但我想这可以更容易地完成。我找到了 SP2007 的链接（http://tothepoint.inproc.com/creating-mega-drop-down-navigation-in-sharepoint-2007-with-jquery/），但我正在寻找更简单的东西.任何想法如何做到这一点？

谢谢。

Answer 1

您可以尝试将以下类添加到您的自定义 css 文件或母版页。这个解决方案对我们有用。这将为您提供 2 列布局。

.menu UL.dynamic
{
    width:500px !important;
}
.dynamic
{
    display:inline-block;float:left;min-width:250px;
}

对于下面给出的 3 列布局使用类，您可以根据需要调整宽度和最小宽度

.menu UL.dynamic
{
    width:600px !important;
}
.dynamic
{
    display:inline-block;float:left;min-width:200px;
}