2011年5月25日 星期三

How to Modify Login Page UI for SharePoint 2010 (如何修改SharePoint 2010上的登入畫面樣式)

這篇亞當斯要示範的不是客製化一個SharePoint 2010 Login Page,而是直接修改SharePoint 2010 上的登入網頁Login Page UI,並套上企業的LOGO或是加上一些簡單的文字,讓整個SharePoint 2010更有企業文化的整體感。

首先要說明的是SharePoint 2010之Login Page到底是哪一頁aspx,該修改哪一個檔案才能更新它的預設畫面?答案就是:simplev4.master (請注意不是simple.master唷,根據實際測試simplev4.master才是SharePoint2010 V4用的) 以及 default.aspx,這兩個檔案分別是位在:

  • simplev4.master的主要路徑為:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\
  • default.aspx的主要路徑為:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IDENTITYMODEL\FORMS

譬如亞當斯在一個已經設定好FBA的SharePoint2010網站中,要把他的登入頁面UI修改一下,那麼:

  1. 先導入到登入畫面
    image
  2. 請檢視一下Url : http://sharepoint:70/_forms/default.aspx?ReturnUrl=%2f_layouts%2fAuthenticate.aspx%3fSource%3d%252FSitePages%252FHome%252Easpx&Source=%2FSitePages%2FHome.aspx
  3. 這邊的_forms/default.aspx就是上面所指的 : C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IDENTITYMODEL\FORMS下的default.aspx
  4. 接著開啟:simplev4.master
  5. 加入背景的css style,先在背景加入顏色 : <body style="background-color:Silver;" …..
  6. 並且在<div id="s4-simple-card">下加入LOGO,使用div用來顯示企業LOGO圖片
  7. <div style="background-color:Black;">   <asp:Image ID="tsmcLogo" ImageUrl="~/_layouts/images/tsmcLogoH.gif" runat="server"  /> </div>

  8. 最後再把顯示Error的圖片拿掉:
    <%--<img src="/_layouts/images/errorIcon.png" alt="<%$Resources:wss,error_pagetitle%>" runat="server" />--%>

好啦,大功告成!這樣一來就可以直接修改SharePoint 2010 的Login Page UI 以符合企業的需求

4 則留言:

Amos 提到...

亞當斯您好:

看到你這篇文章,真是開心。我的問題終於有一點眉目了。我有依你指示的路徑找到相對應的檔案,但是無論我用VS2008開啟還是用Sharepoint Designer都無法正常開啟設計畫面來修改,我想要把UserName記錄在一個Session中,在某個頁面做權限的判斷,由於權限是設定在其他資料庫中。我想請問你是怎麼編輯登入畫面的檔案的呢?感謝您的回覆。

亞當斯(Adams) 提到...

那個檔案只能直接開啟HTML模式編輯,並不會有畫面,另外,請使用SPUser.LoginName取得UserName放到Session即可,不用去編輯登入畫面。

Amos 提到...

亞當斯您好:

感謝您這麼快的回覆。
再請教一下,關於Sharepoint 2010這部份,有沒有程式設計面的中文書可以推薦一下的呢?因為我是新手才剛接觸沒幾天,而且它跟一般的套裝網站有很大的出入,想說找個工具書來學習一下,謝謝版大囉。

亞當斯(Adams) 提到...

恩 老實說好像沒有SharePoint2010的開發中文書,英文書國外倒是有很多本,不過一定要中文的話,可以參考悅知出版社的 SharePoint 2007 開發