Replicating ADFS Login Page - Revision history

Dlim: /* Login Theme General Settings */

2021-04-08T05:38:20Z

Jls at 02:42, 9 April 2020

2020-04-09T02:42:36Z

Dlim at 22:52, 30 January 2020

2020-01-30T22:52:53Z

Dlim at 22:44, 30 January 2020

2020-01-30T22:44:43Z

Dlim: /* Login Page Settings */

2020-01-30T00:22:07Z

Dlim: 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..."

2020-01-17T02:13:53Z

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..."

New page

==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 adfs.JPG|1150px|ADFS replicated page]]

===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 { 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===
#Click submit after completing General Settings changes
#Unchecked '''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 Rest URL'''"
style="color: '''color code''';">'''Forgot password text'''</a>

@@ Line 27: / Line 27: @@
 #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 Rest URL'''"
+  <a href="'''School's Password Reset URL'''"
   style="color: '''color code''';">'''Forgot password text'''</a>
 [[Category:Cloudwork Dashboard]]

← Older revision		Revision as of 22:44, 30 January 2020
Line 29:		Line 29:
	<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>
		+
		+	[[Category:Cloudwork Dashboard]]

@@ Line 6: / Line 6: @@
 ===Login Theme General Settings===
-#In your school's Cloudwork dashboard click '''Login Theme'''
+#In the Cloudwork dashboard, click the menu bar>settings>Login Theme </br>[[File:Menu.png|300px]]
 #Navigate to '''General Settings''' and click '''Edit'''
 #Make '''Organisation name''' empty
@@ Line 25: / Line 25: @@
    .login a { text-decoration: none; }
    div.footer { position:absolute; bottom:5px; right: 95px; width: 350px; }
 ===Login Page Settings===

@@ Line 13: / Line 13: @@
 #Upload the appropriate '''Logo''' and '''Background Image'''
 #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; }
+  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: 98vh; height: auto !important; position: absolute; right: 0px; border-radius: 0px; padding: 40px 95px 0px 50px; margin: 0 auto; text-align: left; }
+  .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: 4px 20px 6px 20px; -webkit-flex: none; font-size: inherit; font-size: 0.9em; border-radius: 0; line-height: 0.9em; }
+  .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.submit { margin: 30px 0; }
+  div.content-header { padding-top: 90px; margin-bottom: 60px; }
- div.login { width: 350px; }
+  div.submit { margin: 38px 0; 30px; }
- 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.login { width: 350px; }
- div.content-header { padding-top: 40px; margin-bottom: 60px; }
+  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; }
- .login h3 { font-weight: normal; font-size: 0.9em; }
+  .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;