Изменить CSS, чтобы скрыть - PullRequest
Новая
       2

Изменить CSS, чтобы скрыть

1 голос
/ 30 ноября 2010

Мне нужно скрыть меню «Действия» из панели инструментов библиотеки документов.Я знаю, что в CSS я могу использовать этот синтаксис "{display: none}", чтобы скрыть.

Может кто-нибудь помочь мне найти то место, где мне нужно это поставить?Я нашел этот .ms-actionbar, но не знаю, принадлежит ли этот парень к панели инструментов списка или панели инструментов сайта.

Например: http://www.xsolive.com/Shared%20Documents/Forms/AllItems.aspx

Ответы [ 3 ]

3 голосов
/ 30 ноября 2010

Я всегда иду на эксперименты.Просто начни прятать вещи.

Также, если вы используете Chrome, откройте нужную страницу, щелкните правой кнопкой мыши на элементе и выберите «Проверить элемент», это покажет вам его идентификатор / классы и т. Д.

Есть похожиеинструменты в FF, но я на самом деле не использую FF, за исключением тестирования.

2 голосов
/ 30 ноября 2010

использовать огневую ошибку в FF, чтобы получить имя класса CSS, выполнив элемент inspect

1 голос
/ 30 ноября 2010

Это правило CSS будет скрывать элементы с вашей панели инструментов: 

.ms-menutoolbar td 
{
    display:none;
}

Обратите внимание, что это скроет все меню с вашей панели инструментов.Если есть другие кнопки, которые вы хотите показать на панели инструментов, вам придется изменить их.Использование идентификатора этой конкретной кнопки будет работать.

Для указанного вами URL-адреса правило будет следующим: 

#zz8_ListActionsMenu_t 
{
    display:none;
}

Для вашего вопроса:

Не с css youне может.Меню «Действия» динамически генерируется SharePoint, и его идентификатор не всегда будет одинаковым.Вы можете сделать это с помощью javascript, хотя.

Вот как вы это сделаете с jQuery: 

$(document).ready(function() {
    var link = $('a[id$="ListActionsMenu"]').filter(':contains("Actions")');
    link.parent().hide();
});

Очень упрощенная версия HTML-кода выглядит следующим образом для меню: 

<div id="zz8_ListActionsMenu_t">
    <a id="zz8_ListActionsMenu">Actions</a>
</div>

Что делает код jQuery, так это то, что он сначала находит все <a> с идентификатором, который заканчивается ListActionsMenu (который должен ограничивать выбор содержимым панели инструментов), а затем находит тот с текстом«Действие».Затем он удаляет весь div.

...