這篇亞當斯要示範的不是客製化一個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 以符合企業的需求