2012-07-30 20 views
1

我試圖在我的SharePoint站點上構成不同的外觀和感覺。我嘗試將我的主要內容的寬度降至960像素,並在sharepoitn設計師的表單標記下。當我第一次刷新頁面時,它將主要內容呈現爲960px,但是當頁面加載主要內容時,它會將整個屏幕寬度拉伸。sharepoint品牌:由於_spBodyOnLoadWrapper()函數的頁面寬度大小

我發現這是因爲onload腳本在body標籤中運行。但我可以刪除這個腳本,因爲這個工作對頁面功能有副作用。

函數是_spBodyOnLoadWrapper()。

有沒有人知道這個功能?還是有人知道如何解決這個問題?

更新#1:

我的CSS代碼如下。我加入這個類的主要形式母版頁上:

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

更新#2:

我用V4 .master模板。 我已將表格標籤取出。它直接位於body標籤之後。因爲我想把絲帶放在頂部。但是當我加入這行代碼

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

的搜索Maincontent炸燬。在標題的東西在整個寬度strels和一些面板在底部仍然是960px。

+0

你是如何設置的寬度。你能提供的CSS代碼? – Roman 2012-08-05 05:07:44

+0

我已更新我的帖子並提供了css代碼。thx – Pouyan 2012-08-08 07:09:08

+0

可以喲你指定你使用哪種類型的模板?這將告訴我你使用什麼母版頁作爲模板,以及如何將.mainContent類應用爲標準發佈母版頁(nightandday.master)不使用該類。標準是使用#s4-bodyContainer來應用包裝面板寬度 – Roman 2012-08-08 17:55:05

回答

1

你讓我感興趣,所以我重新創建你的問題。默認情況下,JavaScript將嘗試根據其計算內聯寬度。 但是,您需要的是在包裝容器上設置類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-工作區(這是#S4-bodyContainer直屬母公司及添加類S4-nosetwidth。這應該爲你工作。 使用這兩個引用來實現你想要什麼(不知道,如果你想帶狀排列與否),Randy Drisgill postTom Wilson's post

+0

感謝您的貢獻我將在您的解決方案上工作,並讓您知道它是否有效。 – Pouyan 2012-08-11 08:56:56

+0

讓我知道它是如何發揮作用的,並在適當的時候標記答案。 – Roman 2012-08-16 01:11:13