Difference between revisions of "Replicating ADFS Login Page"
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...") |
|||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 6: | Line 6: | ||
===Login Theme General Settings=== | ===Login Theme General Settings=== | ||
| − | #In | + | #In the Cloudwork dashboard, click the menu bar>settings>Login Theme </br>[[File:Menu.png|300px]] |
#Navigate to '''General Settings''' and click '''Edit''' | #Navigate to '''General Settings''' and click '''Edit''' | ||
#Make '''Organisation name''' empty | #Make '''Organisation name''' empty | ||
| 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; } | ||
===Login Page Settings=== | ===Login Page Settings=== | ||
#Click submit after completing General Settings changes | #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 | #Copy and paste the text below changing the bold text to your school's appropriate needs | ||
| − | <a href="'''School's Password | + | <a href="'''School's Password Reset URL'''" |
style="color: '''color code''';">'''Forgot password text'''</a> | 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 | ||
| + | |||
| + | [[Category:Cloudwork Dashboard]] | ||
Latest revision as of 05:38, 8 April 2021
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 the Cloudwork dashboard, click the menu bar>settings>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
