2012-07-30 2 views
1

나는 내 셰어 포인트 사이트에서 다른 모양과 느낌을 만들기 위해 노력하고 있습니다. sharepoitn 디자이너의 내 양식 태그 아래에서 960px까지 주 콘텐츠의 너비를 줄이려고합니다. 처음에 페이지를 새로 고침하면 주 콘텐츠가 960px로 렌더링되지만 페이지가 로딩되면 메인 콘텐츠가 전체 화면의 너비에 맞게 늘어납니다.셰어 포인트 브랜딩 : _spBodyOnLoadWrapper() 함수로 인한 페이지 너비 크기

body 태그에서 실행되는 onload 스크립트 때문에 그 원인이 발견되었습니다. 하지만이 작업은 페이지 기능에 부작용이 있기 때문에이 스크립트를 제거 할 수 없습니다.

이 함수는 _spBodyOnLoadWrapper()입니다.

누구든지이 기능을 알고 있습니까? 아니면이 문제를 해결하는 방법을 아는 사람이 있습니까?

업데이트 # 1 :

.mainContent 
{ 
width: 960px; 
height:100% !important; 
min-height:100% !important; 
padding-top: 10px; 
margin-left: auto; 
margin-right: auto; 
direction:rtl; 
} 

업데이트 # 2 : 다음과 같이

내 CSS 코드는 내가 마스터 페이지에서 기본 폼에이 클래스를 추가 ..입니다

을 내가 사용 V4 .master 템플릿. 양식 태그에서 리본을 꺼 냈습니다. 그것은 body 태그 바로 뒤에 있습니다. 나는 리본을 맨 위에 얹어 놓기를 원했기 때문입니다. 하지만이 코드 줄을 추가 할 때

<body onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();"> 

주 내용이 폭발합니다. 전체 너비의 헤더 스트리트에있는 것이고 하단에는 960 픽셀의 패널이 남아 있습니다.

+0

당신이 폭을 설정하는 방법에 대해 설명합니다. 당신은 CSS 코드를 제공 할 수 있습니까? – Roman

+0

I 내 게시물을 업데이 트하고 CSS 코드를 제공했습니다 .THX – Pouyan

+0

수 있습니다 요 어떤 유형의 템플릿을 사용하고 있습니까? 이렇게하면 마스터 페이지를 템플릿으로 사용하고 표준 게시 마스터 페이지 (nightandday.master)로 해당 클래스를 사용하지 않고 .mainContent 클래스를 적용하는 방법을 알 수 있습니다. 표준은 # s4-bodyContainer를 사용하여 래퍼 패널 너비를 적용하는 것입니다. – Roman

답변

1

당신이 나에게 관심을 가져서 문제를 재현했습니다. 기본적으로 자바 스크립트는 계산에 따라 너비를 인라인하려고합니다. 그러나 필요한 것은 포장 컨테이너에 s4-notsetwidth 클래스를 설정하는 것입니다.
여기 내가

<style type="text/css"> 
#s4-bodyContainer { 
    width: 960px; 
    height:100% !important; 
    min-height:100% !important; 
    padding-top: 10px; 
    margin-left: auto; 
    margin-right: auto; 
} 
/* Aligns the Top Bars */ 
.ms-cui-ribbonTopBars { 
width: 960px!important; 
margin-left:auto; 
margin-right:auto; 
} 

/* Turns off the border on the bottom of the tabs */ 
.ms-cui-ribbonTopBars > div { 
border-bottom:1px solid transparent !important; 
} 
</style> 

그런 다음 그 #의 S4-bodyContainer의 바로 위 부모의합니다 (S4-작업 공간을 찾아 클래스 S4-nosetwidth를 추가
머리에이 추가 문제를 해결하기 위해 한 것입니다. 즉,해야 당신을 위해 일한다. 가 (당신이 리본 정렬 여부를 원하는 경우 확실하지)를 정확하게 당신이 원하는 Randy Drisgill postTom Wilson's post을 달성하기 위해 두 참조를 사용합니다.

+0

귀하의 공헌에 감사드립니다 나는 귀하의 솔루션에 대해 연구하고 효과가 있는지 알려드립니다. – Pouyan

+0

그것이 어떻게되는지 알게되고 그것이 작동하면 대답을 적절하게 표시하십시오. – Roman