Раскрывающееся меню глобальной колонки с несколькими столбцами для 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;
}

Для классов с тремя колонками используйте приведенные ниже классы, вы можете настроить ширину и минимальную ширину в соответствии с вашими потребностями

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