This post will show you how to customise your ADFS proxy login screen.
This is great for providing end users more detail on how to login on and allows you to create a corporate feel to the Office 365 sign on.
Adding a Company Logo:
- Logo image file should be 600×100
- Save image file to c:\inetpub\adfs\ls\logo.jpg (or logo.png)
- Open c:\inetpub\adfs\ls\web.config in notepad
- Locate text <!– <add key=”logo” value=”logo.jpg” /> –>
- Remove the “<!–” and “–>” to uncomment the section. Change filename to match the logo you saved.
- Save file and close
Change the Page Title:
- Go to C:\inetpub\adfs\ls\App_GlobalResources
- Edit file CommonResources.en.resx in Notepad
- Locate text: <data name=”FormsSignInPageTitle” xml:space=”preserve”> <value>Sign In</value> </data>
- Edit this text to be what you want
-
Save File and close
Modifying the example instructions:
- Go to C:\inetpub\adfs\ls\App_GlobalResources
- Edit file CommonResources.en.resx in Notepad (replace the “en” with your localization code if not English)
- Locate text: <data name=”UsernameExample” xml:space=”preserve”> <value>Example: Domain\Username</value> </data>
- Edit this text to be what you want
- Save File and close
Modify the instructional text:
- Edit CommonResources.en.resx in Notepad as per item above
-
Locate text:
<data name=”FormsSignInHeader” xml:space=”preserve”>
<value>Type your user name and password.</value>
</data>
- Edit this text to be what you want
- Save file and close
- Go to C:\inetpub\adfs\ls\MasterPages
- Edit MasterPage.master.cs in Notepad
- Locate text: { PageTitleLabel.Text = Page.Title; STSLabel.Text = FriendlyName; }
- Change this text to what you want. Your text MUST BE IN QUOTES. Like this STSLabel.Text = “Systech Limited Single Sign On”;
-
Save File and close
Add a Disclaimer to the bottom of the page:
- Go to C:\inetpub\adfs\ls\MasterPages
- Open MasterPage.Master in Notepad (not MasterPage.Master.cs)
- Locate text at the end of the file: <div> <asp:ContentPlaceHolder ID=”ContentPlaceHolder1″ runat=”server”> </asp:ContentPlaceHolder> </div> </div> </form> </body> </html>
- Add a section here (added text hightlighted): <div> <asp:ContentPlaceHolder ID=”ContentPlaceHolder1″ runat=”server”> </asp:ContentPlaceHolder> </div> <div> <div> <asp:Label ID=”STSFooter” runat=”server”></asp:Label> </div> </div> </div> </form> </body> </html>
- Save file and close
- Edit file MasterPage.Master.cs in Notepad
- Locate text: protected void Page_Load( object sender, EventArgs e ) { PageTitleLabel.Text = Page.Title; STSLabel.Text = FriendlyName; }
- Add a line (added text highlighted) protected void Page_Load( object sender, EventArgs e ) { PageTitleLabel.Text = Page.Title; STSLabel.Text = FriendlyName; STSFooter.Text = “This is a secured, private computer system owned by Systech. All Information contained on this system is deemed to be PRIVATE, PROPRIETARY, CONFIDENTIAL and the property of Systech, Inc., its affiliates, divisions or subsidiaries. Unauthorized access or use is strictly prohibited. Any use of Systech resources must be in compliance with Systech policies including Electronic Mail/Communication; Information System Usage; Corporate Disclosure; Unauthorized Use of Software and the Code of Business Ethics. By using Systech resources, you agree to comply with Systech policies. Any unauthorized access to or use of Systech Resources may be punishable in a court of law and may include termination of employment or contract with Systech.<br>To protect your account from unauthorized access, Outlook Web Access automatically closes its connection to your mailbox after a period of inactivity. If your session ends, refresh your browser, and then log on again.”; }
- This text is all on one line. If you need or want a linefeed in the text use <br>, like here.
- Save file and close
Master Page
masterpage.cs
There you have it… a custom Office 365 login screen.
Hi, is there a way to resize the login screen? make it similar to a small dialog box for entering used/password? thank you.