這篇亞當斯要示範的不是客製化一個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修改一下，那麼：
- 先導入到登入畫面
- 請檢視一下Url : http://sharepoint:70/_forms/default.aspx?ReturnUrl=%2f_layouts%2fAuthenticate.aspx%3fSource%3d%252FSitePages%252FHome%252Easpx&Source=%2FSitePages%2FHome.aspx
- 這邊的_forms/default.aspx就是上面所指的 : C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IDENTITYMODEL\FORMS下的default.aspx
- 接著開啟：simplev4.master
- 加入背景的css style，先在背景加入顏色 : <body style="background-color:Silver;" …..
- 並且在<div id="s4-simple-card">下加入LOGO，使用div用來顯示企業LOGO圖片
- 最後再把顯示Error的圖片拿掉：
<%--<img src="/_layouts/images/errorIcon.png" alt="<%$Resources:wss,error_pagetitle%>" runat="server" />--%>
<div style="background-color:Black;"> <asp:Image ID="tsmcLogo" ImageUrl="~/_layouts/images/tsmcLogoH.gif" runat="server" /> </div>
好啦，大功告成!這樣一來就可以直接修改SharePoint 2010 的Login Page UI 以符合企業的需求
發表文章
4 則留言:
亞當斯您好：
看到你這篇文章，真是開心。我的問題終於有一點眉目了。我有依你指示的路徑找到相對應的檔案，但是無論我用VS2008開啟還是用Sharepoint Designer都無法正常開啟設計畫面來修改，我想要把UserName記錄在一個Session中，在某個頁面做權限的判斷，由於權限是設定在其他資料庫中。我想請問你是怎麼編輯登入畫面的檔案的呢?感謝您的回覆。
那個檔案只能直接開啟HTML模式編輯，並不會有畫面，另外，請使用SPUser.LoginName取得UserName放到Session即可，不用去編輯登入畫面。
亞當斯您好：
感謝您這麼快的回覆。
再請教一下，關於Sharepoint 2010這部份，有沒有程式設計面的中文書可以推薦一下的呢?因為我是新手才剛接觸沒幾天，而且它跟一般的套裝網站有很大的出入，想說找個工具書來學習一下，謝謝版大囉。
恩 老實說好像沒有SharePoint2010的開發中文書，英文書國外倒是有很多本，不過一定要中文的話，可以參考悅知出版社的 SharePoint 2007 開發
張貼留言