Difference between revisions of "Replicating ADFS Login Page"

From Studentnet Wiki
Jump to navigation Jump to search
(Created page with "==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. File:Cloudwork...")
 
Line 25: Line 25:
 
===Login Page Settings===
 
===Login Page Settings===
 
#Click submit after completing General Settings changes
 
#Click submit after completing General Settings changes
#Unchecked '''Show Password Reset Link''' and Show Forgot Username Link'''
+
#Uncheck '''Show Password Reset Link''' and Show Forgot Username Link'''
 
#Copy and paste the text below changing the bold text to your school's appropriate needs
 
#Copy and paste the text below changing the bold text to your school's appropriate needs
 
  <a href="'''School's Password Rest URL'''"  
 
  <a href="'''School's Password Rest URL'''"  
 
  style="color: '''color code''';">'''Forgot password text'''</a>
 
  style="color: '''color code''';">'''Forgot password text'''</a>

Revision as of 00:22, 30 January 2020

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>