Время от времени у меня возникает задача скрыть или показать кнопки на Ribbon в соответствии с требованием заказчика. Я покажу простой способ скрытия существующей кнопки при помощи JavaScript без использования Visual Studio J
Для примера предположим, что мы не хотим, чтобы пользователям отображалась кнопка «Создание нового проекта» в центре проектов. Скроем кнопку при помощи JavaScript и веб-части редактирования сценария.
Выполним следующие шаги:
- Откроем «Центр проектов»
- Выберем пункт меню «Изменение страницы»
- Добавим веб-часть «Редактор сценариев»
- После чего в веб-части редактор сценариев разместим наш скрипт, который будет скрывать кнопку на ленте инструментов.
<script language="javascript" type="text/javascript">
var pbuttonCss= document.createElement('style');
pbuttonCss.type = 'text/css';
pbuttonCss.innerHTML = '#RibbonContainer a[id$="Ribbon.ContextualTabs.ProjectCenter.Home.Editing.NewProject-Large"]{ display: none !important; }';
document.getElementsByTagName('head')[0].appendChild(pbuttonCss);
</script>
- Сохраните изменение нажав «Остановите изменение»
Результат нашей модификации.