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; 
}