Replicating ADFS Login Page

From Studentnet Wiki
Revision as of 22:44, 30 January 2020 by Dlim (talk | contribs)
Jump to navigation Jump to search

Replicating ADFS Login Page

The instructions give a basic format on how to replicate ADFS Login Page for your Cloudwork Login Page so it looks like this. ADFS replicated page


Login Theme General Settings

  1. In your school's Cloudwork dashboard click Login Theme
  2. Navigate to General Settings and click Edit
  3. Make Organisation name empty
  4. Check Show Logo and Show background image
  5. Select Inside Login Box for Logo Location
  6. Upload the appropriate Logo and Background Image
  7. Copy and paste this text in to Custom Styles
body { background-repeat: no-repeat; background-size: auto; font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif; }
.main .content { min-height: 98vh; height: auto !important; position: absolute; right: 0px; border-radius: 0px; padding: 40px 95px 0px 50px; margin: 0 auto; text-align: left; }
.main .content input[type=submit] { color: #FFF; min-width:80px; width: auto; height: 30px; padding: 4px 20px 6px 20px; -webkit-flex: none; font-size: inherit; font-size: 0.9em; border-radius: 0; line-height: 0.9em; }
div.submit { margin: 30px 0; }
div.login { width: 350px; }
input[type=text], input[type=password] { height: 28px; padding: 0px 3px 0px 3px; border: solid 1px #BABABA; background: #ffffff; color: #000; border-radius: 0px; font-weight:normal; margin: 0 0 8px 0; }
div.content-header { padding-top: 40px; margin-bottom: 60px; }
.login h3 { font-weight: normal; font-size: 0.9em; }


Login Page Settings

  1. Click submit after completing General Settings changes
  2. Uncheck Show Password Reset Link and Show Forgot Username Link
  3. Copy and paste the text below changing the bold text to your school's appropriate needs
<a href="School's Password Rest URL" 
style="color: color code;">Forgot password text</a>