모든 계정에서 최고 리본을 볼 수있는 방법 - 내 사이트
-
09-12-2019 - |
문제
기능 스테이플 링을 사용하여 내 사이트의 모양과 느낌을 사용자 정의하는 데 많은 시간을 보냈지 만 관리자 계정을 사용하여 변경 사항을 확인해 왔습니다 ... 이제는 최소한의 사용 권한을 가진 테스트 사용자로 로그인했습니다. 탑 리본 Disspepars !!!
권한이 상관없이 상위 리본을 모든 사용자에게 표시 할 수 있습니까? 사용 가능한 사이트 작업 메뉴가 없지만 사이트에 대한 전체 간격은 리본을 기반으로하므로 가능한 경우 항상 볼 수 있습니다.
기본적으로 리본이 있지 않으면 모든 콘텐츠가 움직이지 않고 폐허를 겁니다.
아래의 두 개의 스크린 샷, 관리 계정 중 하나이고 일반 사용자 계정 중 하나입니다. 일반 사용자 계정에서 리본을 활성화하려면 어떻게해야합니까?
어떤 아이디어를 주셔서 감사합니다 !!!
관리자 계정 :
정규 계정 :
사용자 계정은 상위 리본이 보이지 않으므로 CSS가 문제를 해결할 것이라고 생각하지 않습니다. 이것은 OOTB입니다. 나는 전체 CSS를 제거하고 일반 사용자와 관리자 계정 모두를 확인하고 리본이 아직 맨 위에 표시되지 않습니다. 어쨌든 이것은 다음과 같은 내 CSS입니다 :
./* --------------------------body--------------------------- */
body > form > div[id^="s4"] {
width: 1280px !important;
margin: 0 auto;
border-width: 0 1px;
}
body {
background-color: gray;
}
form {
width:1280px !important;
margin: auto !important;
}
body.v4master {
overflow: visible;
height: inherit;
width: inherit;
}
body #s4-workspace {
overflow: visible !important;
}
/* --------------------------ribbon--------------------------- */
body #s4-titlerow {
margin-left: auto !important;
margin-right: auto !important;
position: fixed;
top: 37px;
z-index: 22;
}
body #s4-ribbonrow
{
margin-left: auto !important;
margin-right: auto !important;
border-left: 1px solid black;
border-right: 1px solid black;
position: fixed;
overflow: visible;
z-index: 1000;
top: 0px;
width: 1280px !important;
}
.ribbonbackground, .s4-title {
background:url('/_layouts/images/header.png') no-repeat scroll 0 transparent !important;
width: 1280px;
border-left: 1px solid black;
border-right: 1px solid black;
padding: 0px;
height: 110px;
}
.s4-titlelogo {
background-image:url('/_layouts/images/logo.png');
background-position: left center;
background-repeat: no-repeat;
display: block;
height: 80px;
width: 334px;
}
.s4-titlelogo > a > img {
visibility: hidden;
width: 350px;
height: 60px;
}
/* hide the breadcrumb */
.s4-titletext {
visibility: hidden;
}
.s4-title h1 {
font-size: 10px;
}
.s4-title h2 {
font-size: 10px;
}
.s4-pagedescription {
visibility: hidden;
}
/* --------------------------nav bar--------------------------- */
.ms-globalnav {
background-color: black !important;
background: url('/_layouts/images/navigation.png');
border: 1px solid black;
margin-left: auto !important;
margin-right: auto !important;
position: fixed;
top: 135px;
width: 1280px !important;
height: 30px !important;
z-index: 999;
}
/* font colors */
.s4-sn li.static > a:hover, .s4-sn li.static > a, .ms-contactcardtext1, .ms-newsfeedheader, .ms-WPBody a, .ms-contactcardtext2, .ms-contactcardtext2 a {
color: black !important;
}
/* hide hover underline in top bar */
.s4-mysitetn a:hover {
text-decoration: none !important;
}
/* remove the overflow scroll */
.customBodyHolder .customPageWidth {
}
/* change padding and height */
.customBodyHolder {
min-height:200px;
/*padding-bottom: 50px;*/
width: 1280px;
}
/* light blue area at top of profile */
.s4-sn, .ms-profilepageheader {
background-color:#efefef;
}
/* make the site actions colors match the branding */
.ms-siteactionsmenuinner {
/*background:url("/_layouts/images/bgximg.png") repeat-x scroll 0 -467px #313031;
border-color:#313031;*/
}
/* main body area */
.s4-ca {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
width: 1280px !important;
position: relative;
top: 91px;
border-left: 1px solid black;
border-right: 1px solid black;
}
body #s4-leftpanel {
display:none;
}
body #s4-bodyContainer {
margin: auto !important;
width: 1280px !important;
}
/* welcome menu - username and login info */
.s4-trc-container-menu {
position: fixed;
top: 0px;
float: right;
z-index: 1500 !important;
/*overflow: visible;*/
}
.ms-globalnavtrc s4-trc-container s4-notdlg {
position: fixed;
top: 0px;
z-index: 1500 !important;
/*overflow: visible;*/
}
/* help menu */
.ms-globalnavhelp {
visibility: hidden;
}
해결책
이 코드를 알아 냈습니다 ...이 코드를 사용하여 보안 트리밍 컨트롤을 만들었습니다.
<Sharepoint:SPSecurityTrimmedControl runat="server" Permissions="ViewPages">
<div id="blank-ribbon" class="custom-blank-ribbon">
</div>
</SharePoint:SPSecurityTrimmedControl>
.
코드가 마스터 페이지로 이동
CSS 파일의 페이지의 색상과 위치 측면에서 상단 리본 바처럼 보이도록 제어하고 기본적으로 모든 사용자에 대해 표시되는 가짜 리본이 있습니다.관리자가 로그인 한 경우 일반 리본 이이 가짜 리본 위로 오른쪽으로 이동하여 기능이 손실되지 않습니다.다른 누군가가 이것을 만나는 경우를 대비하여 내 솔루션을 게시 할 것이라고 생각했습니다.