Difference between revisions of "Replicating ADFS Login Page"
Jump to navigation
Jump to search
m |
|||
| Line 13: | Line 13: | ||
#Upload the appropriate '''Logo''' and '''Background Image''' | #Upload the appropriate '''Logo''' and '''Background Image''' | ||
#Copy and paste this text in to '''Custom Styles''' | #Copy and paste this text in to '''Custom Styles''' | ||
| − | + | body {height: 100vh; background-repeat: no-repeat; background-size: auto 100%; font-size: 0.9em; font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;} | |
| − | + | .main .content { min-height: 100vh; height: auto !important; position: absolute; right: 0px; border-radius: 0px; padding: 0px 95px 0px 50px; margin: 0 auto; text-align: left; } | |
| − | + | .main .content input[type=submit] { color: #FFF; min-width:80px; width: auto; height: 30px; padding: 0px 5px; -webkit-flex: none; font-size: inherit; font-size: 0.9em; border-radius: 0; line-height: 0.9em; } | |
| − | + | div.content-header { padding-top: 90px; margin-bottom: 60px; } | |
| − | + | div.submit { margin: 38px 0; 30px; } | |
| − | + | div.login { width: 350px; } | |
| − | + | input[type=text], input[type=password], select { 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; } | |
| − | + | .main .content input[type=text], .main .content input[type=password], .main .content h3, .main .content input[type=submit], .main .content a, .main .content select { font-weight: normal; font-size: 0.9em; | |
| + | font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;} | ||
| + | .login h3 {margin-bottom:35px;} | ||
| + | .login a { text-decoration: none; } | ||
| + | div.footer { position:absolute; bottom:5px; right: 95px; width: 350px; } | ||
Revision as of 02:42, 9 April 2020
Contents
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.
Login Theme General Settings
- In your school's Cloudwork dashboard click Login Theme
- Navigate to General Settings and click Edit
- Make Organisation name empty
- Check Show Logo and Show background image
- Select Inside Login Box for Logo Location
- Upload the appropriate Logo and Background Image
- Copy and paste this text in to Custom Styles
body {height: 100vh; background-repeat: no-repeat; background-size: auto 100%; font-size: 0.9em; font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;}
.main .content { min-height: 100vh; height: auto !important; position: absolute; right: 0px; border-radius: 0px; padding: 0px 95px 0px 50px; margin: 0 auto; text-align: left; }
.main .content input[type=submit] { color: #FFF; min-width:80px; width: auto; height: 30px; padding: 0px 5px; -webkit-flex: none; font-size: inherit; font-size: 0.9em; border-radius: 0; line-height: 0.9em; }
div.content-header { padding-top: 90px; margin-bottom: 60px; }
div.submit { margin: 38px 0; 30px; }
div.login { width: 350px; }
input[type=text], input[type=password], select { 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; }
.main .content input[type=text], .main .content input[type=password], .main .content h3, .main .content input[type=submit], .main .content a, .main .content select { font-weight: normal; font-size: 0.9em;
font-family: "Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif;}
.login h3 {margin-bottom:35px;}
.login a { text-decoration: none; }
div.footer { position:absolute; bottom:5px; right: 95px; width: 350px; }
Login Page Settings
- Click submit after completing General Settings changes
- 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
<a href="School's Password Reset URL" style="color: color code;">Forgot password text</a>
Notes
To find your school's Password Reset URL, log in to your school's dashboard go to Cloudwork.ID Settings>Useful Links>Recover Forgotten Password
