Лента SharePoint 2010 Скрыть / {Показать при выборе элемента библиотеки или другое событие} - PullRequest
Новая
       27

Лента SharePoint 2010 Скрыть / {Показать при выборе элемента библиотеки или другое событие}

3 голосов
/ 16 июня 2011

Я использую марку SharePoint 2010, по умолчанию скрываю ленту и показываю, когда пользователь нажимает стрелку вниз. Пользователь может снова скрыть его, щелкнув значок скрытия. JQuery toggle и toggleClass прекрасно работают 

    <div id="ribbonHide">
        <a class="toolTipHover" href="#">
            <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');">
                <span class="ribbonHideToolTipOpen">Display the Ribbon</span><span class="ribbonHideToolTipClose">Hide the Ribbon</span>
            </div>
        </a>
    </div>

Проблема в том, что когда пользователь нажимает на флажок селектора элемента библиотеки, вся строка заголовка исчезает, потому что она заменяется, когда лента выбирает вкладку «Инструменты библиотеки» / панель «Библиотека». Но Лента все еще скрыта. Так же как и заголовок сайта.

Вопрос: Как я могу прослушивать события страницы (любые), которые вызывают изменение на ленте, чтобы я мог отобразить его снова?

Спасибо!

1 Ответ

4 голосов
/ 17 июля 2011

ОК, я вернулся к этому.Ответ заключается в том, чтобы изменить идентификатор элемента s4-titlerow на главной странице и CSS.Это скрывает его от системы позиционирования ленты.

Затем, чтобы система позиционирования ленты не нарушала мою раскладку после того, как вы нажали несколько вкладок и лента снова скрыта, я добавил вызов к собственной ленте.Функция «фиксатора» в моем сценарии показа / скрытия ленты: 

<div id="ribbonHide">
    <a class="toolTipHover" href="#">
        <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');FixRibbonAndWorkspaceDimensions();">
            <span class="ribbonHideToolTipOpen">Display the Ribbon</span> <span class="ribbonHideToolTipClose">
                Hide the Ribbon</span>
        </div>
    </a>
</div>

Я не могу быть счастливее с этим простым решением и использованием ленты против самого себя!

...