Professional Documents
Culture Documents
You
would like to see your own brand whilst signing into to Microsoft Office 365. ADFS
provides opportunity for businesses to customize sign in page and promote own brand.
Here are the simple steps and procedure to brand ADFS sign in page.
Remote into ADFS Server and implement below steps to customize ADFS Portal.
Import-Module ADFS
Create a logo with 260×35 pixels @ 96 dpi with a file size of no greater than 10 KB and
save the file into a path e.g. C:\Domain\logo.png. Then execute the PowerShell.
Change Illustration
Create an illustration photo to be displayed on the left hand side of the sign in page.
Photoshop illustration.png file to be 1420×1080 pixels @ 96 DPI with a file size of no
greater than 200 KB.
Add this line at the bottom of the script to change the placeholder text in the username
input box
document.forms[‘loginForm’].UserName.placeholder = ‘username@domain.com’;
Add these blue lines at the bottom of the script to add a text above the login form, this is
an example from Microsoft that you can find further down
document.getElementById(‘submitButton’).onclick = new
Function(“AppendUPN();return Login.submitLoginRequest();”);
document.getElementById(‘loginForm’).onkeypress = function(event){ if(event &&
event.keyCode == 13) {AppendUPN();Login.submitLoginRequest()}};
When you are done and save changes. Upload the changes to the newly created theme
Get-AdfsWebConfig
Get-AdfsGlobalWebContent