클래식 UI 리본 그룹 및 버튼 숨기기

2391 단어 SharePoint맞춤형
※이 기사 쓰고 나서 깨달았습니다만, 좀 더 참고가 되는 본가의 기사가 있었습니다 w
htps : // bgs. t ch t. 미 c 로소 ft. 코 m / 샤레 포인 t_ 삿포 rt / 2014/08/14 / 샤레 포인 tc s /

SharePoint 화면에 있는 리본의 모든 그룹 단추를 숨기는 방법입니다.
스타일 시트만으로 대응할 수 있으므로 간편합니다.
이 방법은 아래 그림과 같은 클래식 UI 리본에만 적용됩니다.


버튼 숨기기



예를 들어 라이브러리 > 연결 및 내보내기 > 탐색기에서 열기를 숨기면 아래 그림과 같이 표시됩니다.


그룹 숨기기



그룹 자체를 지울 수도 있습니다.
라이브러리 > 연결 및 내보내기 그룹을 숨겼습니다.
이해하기 어렵기 때문에, 맨 위의 화상과 비교해 주세요.


대응 방법



그럼, 대응 방법입니다.
리본의 그룹이나 버튼은 하나씩 HTML의 ID 속성이 지정되어 있습니다.
예를 들어 문서 라이브러리 리본에 있는 라이브러리 > 연결 및 내보내기 > 탐색기에서 열기를 지우려면 다음 스타일을 정의하여 숨길 수 있습니다.

hide.css
#Ribbon\.Library\.Actions\.OpenWithExplorer-Medium {
  display: none;
}

위의 CSS 파일을 모든 문서 라이브러리에 저장하고 리본을 숨기려는 페이지에서 CSS를로드합니다.
또한 모든 CSS를 사이트 전체에 로드할 경우 대체 CSS를 사용하는 것이 쉽습니다.
대체 CSS는 사이트 설정 > 마스터 페이지에서 지정할 수 있습니다.



리본 그룹, 버튼 ID를 확인하는 방법



리본 그룹이나 버튼을 숨기려면 앞에서 설명한 숨겨진 ID를 지정해야 합니다.
ID는 HTML에 작성되었으므로 브라우저 개발자 도구(F12 도구)를 사용하여 확인합니다.
F12 도구에서 숨기려는 리본 그룹, 버튼을 클릭하여 소스를 표시하면 아래 그림과 같은 소스가 표시됩니다.
아래 그림은 연결 및 내보내기를 클릭했을 때의 소스입니다.
노란색 마커로 선을 그린 부분이 리본 그룹, 버튼의 ID 속성이 되므로, 이것을 복사해, CSS 의 셀렉터로 해, 「.」의 전에에 「\」를 붙여, display:none 하기만 하면 됩니다.
포인트는 ID 에 「.」가 포함되어 있으므로, 이것을 이스케이프 하기 위해서 「.」의 전에에 「\」를 붙이는 곳입니다.

좋은 웹페이지 즐겨찾기