Применить CSS к определенной кнопке панели ленты SharePoint?

Нашел решение этой проблемы исключительно через CSS благодаря http://online.appdev.com/edge/blogs/doug_ware/archive/2011/08/02/hiding-a-sharepoint-ribbon-button-with-css.aspx

Уловка заключается в том, что для любого '.' в идентификаторе SharePoint (который, к сожалению, включает. Как часть своих имен и не редактируется), вам нужно поставить перед каждым '\', чтобы стать '\.', поэтому в исходном примере вы обнаружите, что:

#Ribbon\.DocLibListForm\.Edit\.Commit\.CheckIn-Large {display:none;}

Работает как шарм! :-)

Что ж, я нашел решение. Он не использует CSS, а скорее javascript, чтобы скрыть определенную кнопку на панели ленты. Вот код, чтобы скрыть кнопку Check-In:

<script type="text/javascript">
var elem = document.getElementById("Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large");
elem.style.display = "none";
</script>

Чтобы реализовать это, я просто создал текстовый файл, содержащий приведенный выше код, затем поместил CEWP в мою форму редактирования списка, которая связана с этим файлом, и бум - готово!

Спасибо @Prozaker за ваши советы по CSS - сегодня я узнал кое-что новое (кроме того, я отстой в CSS :-)

Было бы очень полезно, если бы вы могли опубликовать ту часть html, с которой вам нужна помощь.

Однако ваш css не использует это важное правило должным образом, !important должен быть перед ; примерно так:

Вам также необходимо разделить пробелом все дочерние элементы, на которые вы ссылаетесь, первый пример должен быть написан следующим образом:

a#Ribbon .DocLibListForm .Edit .Commit .CheckIn-Large { 
     display: none !important; 
}

Это можно было бы переписать так:

a#Ribbon .DocLibListForm .CheckIn-Large { 
     display: none !important; 
}

Учитывая, что только 1 элемент назван .CheckIn-Large, это дочерний элемент .DocLibListForm

Для такого рода проблем вы можете использовать панель разработчика IE (или firebug, если вы используете firefox), она должна поставляться в комплекте с ie8 +, который может помочь вам с подобными вещами, позволяя редактировать CSS в режиме реального времени.

Я бы не советовал использовать правило !important, потому что оно изменяет способ нормальной работы CSS.

{edit}

поскольку точки являются частью вашего идентификатора, вы можете попробовать следующее:

#Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large { 
     display: none !important;
}

Однако без фактического HTML-кода все еще трудно сказать, возможно, вы сможете вставить ту часть, которая вызывает проблемы, в pastebin.