Difference between revisions of "Login Screen Content"

From SmartWiki
Jump to: navigation, search
(See Also)
Line 1: Line 1:
 
__TOC__
 
__TOC__
  
You can “brand” the login page by creating your own login page.
+
You can “brand” the login page. By doing the following:
  
1. Click the '''Login Screen Content''' link.
+
1. From the Administrator Interface
  
The Login screen content is displayed.
+
2. Click on “Global Settings”
  
[[Image:SampleLoginScreenContent.png|link=|600px]]
+
3. Click on “Login Screen Content”
 
2. Modify the content as required.
 
  
3. Click the '''Save''' button.
+
4. Modify the content using the Rich Editor
  
You are returned to the [[Global Settings]] page.
+
5. Click “Save”
 +
 
 +
 
 +
[[Image:login-editor.png]]
  
[[SmartSimple]] recommends that [[User|users]] should login through their web site.
 
  
In order to add the [[Username|username]] and [[Password|password]] boxes to your web site, download the instructions from the [[SmartSimple]] Wiki – '''www.smartsimple.org'''
 
  
 
<u>'''Title Type'''</u>
 
<u>'''Title Type'''</u>
  
The Title Type defines whether text or a login should be displayed in the top left corner of the main window.  
+
By default the alias name of your instance will appear in the top left of your login page. You can change the text that appears here by doing the following:
 +
 
 +
 
 +
1. From the Administrator Interface
 +
 
 +
2. Click on “Global Settings”
 +
 
 +
3. Enter your desired text into the “Title Text” input
 +
 
 +
4. Make sure the text radio button is selected
 +
 
 +
5. Click “Save”
 +
 
 +
 
 +
[[Image:login-text.png]]
  
[[Image:Glob8.png]]
 
 
When the organisation first registers, the title text displayed on the top left of the [[SmartSimple]] page is set to the organisation name.
 
  
 
<u>'''Title Image'''</u>
 
<u>'''Title Image'''</u>
  
This setting is used to upload and display a logo, or other image files that you may wish to display on the login page, and in the top left corner of the [[SmartSimple]] main window.
+
You can display an image (example: your company logo) in the top left corner instead of text by doing the following:
 +
 
 +
1. From the Administrator Interface
 +
 
 +
2. Click on “Global Settings”
 +
 
 +
3. Under “Small Logo” click “browse” to find the logo you want to display then click “upload”. The small logo should be pre-sized to 133 pixels wide by 46 pixels high.
 +
 
 +
4. Under “Large Logo” click “Browse” to find the logo you want to display then click “upload”. The Large logo can be any size but we recommend 70 pixels high by any width.
 +
 
 +
5. Make sure the “Image” radio button for “Title Type” is selected.
  
For the best presentation, this image should be pre-sized to 133 by 46 pixels.
+
6. Click “Save”
  
If you need to resize the image you can use a program such as '''Adobe Photoshop''' that allows you to set an exact height and width in pixels.
 
  
<u>'''Title Text'''</u>
+
[[Image:login-image.png]]
 +
 
  
You can define alternative text to be displayed on the login page, and in the top left corner of the SmartSimple main window as an alternate to the image.
 
  
 
==JavaScript==
 
==JavaScript==
 +
 
The following [[JavaScript]] can be added to the page:
 
The following [[JavaScript]] can be added to the page:
 +
 
===Forgot Password===
 
===Forgot Password===
 +
 
'''HTML:'''
 
'''HTML:'''
Forget your password? Please click <a href="javascript:passwdwin()">here</a>.
+
 
 +
Forget your password? Please click <a href="javascript:passwdwin()">here</a>.
 +
 
 
'''JavaScript:'''
 
'''JavaScript:'''
 +
 
<pre>
 
<pre>
 +
 
function passwdwin(){
 
function passwdwin(){
  window.open('/s_requestpassword.jsp','pwdwin',
+
 
  'left=200,top=200,toolbar=0,width=300,height=214,directories=no,status=no,
+
window.open('/s_requestpassword.jsp','pwdwin',
  scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');
+
 
 +
'left=200,top=200,toolbar=0,width=300,height=214,directories=no,status=no,
 +
 
 +
scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');
 +
 
 
}</pre>
 
}</pre>
 +
 
The e-mail sent can be configured on the [[User Email Templates]] page.
 
The e-mail sent can be configured on the [[User Email Templates]] page.
  
 +
===Branch specific Forgot Password===
  
===Branch specific Forgot Password===
+
This functionality is used when a user can exist in the system multiple times with the same email address, but against different branches. The configuration means that only the password for the user account under a specific branch will be updated.
This functionality is used when a user can exist in the system multiple times with the same email address, but against different branches. The configuration means that only the password for the user account under a specific branch will be updated.
 
  
 
'''HTML:'''
 
'''HTML:'''
Forget your password? Please click <a class="Login" href="javascript:passwdwin(12345)">here</a>  
+
 
 +
Forget your password? Please click <a class="Login" href="javascript:passwdwin(12345)">here</a>
 +
 
 
Where ''12345 '' is the [[companyid]].
 
Where ''12345 '' is the [[companyid]].
  
 +
'''JavaScript:'''
  
'''JavaScript:'''
 
 
<pre>
 
<pre>
function passwdwin(branch) {  
+
 
 +
function passwdwin(branch) {
 +
 
 
window.open('/s_requestpassword.jsp?branchid='+branch,'pwdwin','left=200,top=200,toolbar=0,width=300,height=214,directories=no,
 
window.open('/s_requestpassword.jsp?branchid='+branch,'pwdwin','left=200,top=200,toolbar=0,width=300,height=214,directories=no,
 +
 
status=no,scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');
 
status=no,scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');
 +
 
}</pre>
 
}</pre>
  
A login page can be configured with multiple Forgot password links, each including a different companyid as the parameter, or the user can create multiple login pages with a single link/companyid included on each.  
+
A login page can be configured with multiple Forgot password links, each including a different companyid as the parameter, or the user can create multiple login pages with a single link/companyid included on each.
  
When the user clicks on the link, enters their password and submits it then the underlying code searches for the entered email address in the company and all its sub-organizations. It will then e-mail a new password for that branch specific user account.    
+
When the user clicks on the link, enters their password and submits it then the underlying code searches for the entered email address in the company and all its sub-organizations. It will then e-mail a new password for that branch specific user account.
  
 
The e-mail sent can then be configured with [[sslogic]] to tailor the content of the email to the specific branch.
 
The e-mail sent can then be configured with [[sslogic]] to tailor the content of the email to the specific branch.
Line 78: Line 115:
  
 
==Error Message==
 
==Error Message==
 +
 
In order to display an error message when an incorrect login username or password is provided include the following variable in the Login Screen HTML:
 
In order to display an error message when an incorrect login username or password is provided include the following variable in the Login Screen HTML:
 +
 
:<font size="2">'''@errmsg@'''</font>
 
:<font size="2">'''@errmsg@'''</font>
  
 +
==See Also==
  
==See Also==
 
 
*[[Adding the SmartSimple Login to your Website]]
 
*[[Adding the SmartSimple Login to your Website]]
 +
 
*[[AODA Compliance]]
 
*[[AODA Compliance]]
  
 
[[Category:Global Settings]][[Category:System Management]]
 
[[Category:Global Settings]][[Category:System Management]]

Revision as of 10:18, 3 April 2014

You can “brand” the login page. By doing the following:

1. From the Administrator Interface

2. Click on “Global Settings”

3. Click on “Login Screen Content”

4. Modify the content using the Rich Editor

5. Click “Save”


Login-editor.png


Title Type

By default the alias name of your instance will appear in the top left of your login page. You can change the text that appears here by doing the following:


1. From the Administrator Interface

2. Click on “Global Settings”

3. Enter your desired text into the “Title Text” input

4. Make sure the text radio button is selected

5. Click “Save”


Login-text.png


Title Image

You can display an image (example: your company logo) in the top left corner instead of text by doing the following:

1. From the Administrator Interface

2. Click on “Global Settings”

3. Under “Small Logo” click “browse” to find the logo you want to display then click “upload”. The small logo should be pre-sized to 133 pixels wide by 46 pixels high.

4. Under “Large Logo” click “Browse” to find the logo you want to display then click “upload”. The Large logo can be any size but we recommend 70 pixels high by any width.

5. Make sure the “Image” radio button for “Title Type” is selected.

6. Click “Save”


Login-image.png


JavaScript

The following JavaScript can be added to the page:

Forgot Password

HTML:

Forget your password? Please click <a href="javascript:passwdwin()">here</a>.

JavaScript:


function passwdwin(){

window.open('/s_requestpassword.jsp','pwdwin',

'left=200,top=200,toolbar=0,width=300,height=214,directories=no,status=no,

scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');

}

The e-mail sent can be configured on the User Email Templates page.

Branch specific Forgot Password

This functionality is used when a user can exist in the system multiple times with the same email address, but against different branches. The configuration means that only the password for the user account under a specific branch will be updated.

HTML:

Forget your password? Please click <a class="Login" href="javascript:passwdwin(12345)">here</a>

Where 12345 is the companyid.

JavaScript:


function passwdwin(branch) {

window.open('/s_requestpassword.jsp?branchid='+branch,'pwdwin','left=200,top=200,toolbar=0,width=300,height=214,directories=no,

status=no,scrollbars=no,resizable=no,menubar=no,alwaysRaised=yes');

}

A login page can be configured with multiple Forgot password links, each including a different companyid as the parameter, or the user can create multiple login pages with a single link/companyid included on each.

When the user clicks on the link, enters their password and submits it then the underlying code searches for the entered email address in the company and all its sub-organizations. It will then e-mail a new password for that branch specific user account.

The e-mail sent can then be configured with sslogic to tailor the content of the email to the specific branch.

The error message displayed on this page when an invalid email is entered can be altered using the Language Library.

Error Message

In order to display an error message when an incorrect login username or password is provided include the following variable in the Login Screen HTML:

@errmsg@

See Also