Login Screen Content

From SmartWiki
Revision as of 13:32, 6 October 2017 by Ciaran Donnelly (talk | contribs)

Jump to: navigation, search



Login Screen Content

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

1. Under the Configuration menu, click on Global Settings
2. Click on the Branding & Terminology tab
3. Click on Login Screen Content
4. You will be presented with 2 tabs:

  • Primary: a list of all configured login pages, including the Language name and ID for that login page
  • Alternate: a list of all configured Content Management login pages, including the alias and ID for that login page

5. Stay on the Primary tab and click on the New Login Page button to access the new Login page.
6. You can use the Sample Template button to populate the content of the Rich Editor field, and then modify as necessary
7. Click Save

Login-editor.png

By default the language used when creating the login page is English, but you can create language specific login pages.

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. Under the Configuration menu, click on Global Settings
  2. Click on the Branding tab
  3. In the Title Text field, enter your desired text
  4. Make sure the text radio button is selected
  5. Click Save


Title 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. Under the Configuration menu, click on Global Settings
  2. Click on the Branding tab
  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


Display your company logo.png

CAPTCHA Validation

For improved security CAPTCHA validation can be added to your login page. All that's required to configure this is placing the @captcha@ variable within your login screen template, where you wish it to appear. After two failed login attempts, users will be presented with a CAPTCHA they must complete before they are able to attempt a third login.

The CAPTCHA can be made language specific if included in the language specific login pages.


Routing Page Configuration

The configuration options include . . .

  • Button Label - The label that will appear on the button on the Login page that, when clicked, will take the user to the Routing Page.
  • Header Title - The header that will appear on the Routing page.
  • Introduction Text - The Introduction Text that will appear on the Routing page.
  • Trailing Text - The text that will appear on the bottom of the Routing page.
  • Routing Links - Dynamic section that allows creation of multiple links on the Routing page. Click the + to access the following settings:
  • Title - The title that appears for the configured link.
  • Description - The description that appears against the configured link.
  • URL - The URL that the user will be taken to after clicking on the link.


RoutingPage Config.png

The Routing page configuration section is intended for those instances that have . . .

  • multiple signup pages to register different types of organizations and users
  • multiple signup pages for different languages
  • multiple eligibility questionnaires for different locations

It allows for simplified creation and access to multiple pages, guiding the end-user to the correct page from a single Login page.

RoutingPage.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@

Popup Blocker Check

The login page can be configured to check if users have a pop-up blocker enabled, and suggest that they disable it for that SmartSimple system.

The Source code of the login page will include code for a Pop up blocker warning message, although by default this will be disabled.

PBWarning1.png

To enable the warning message then you simply have to remove the text disabled="disabled" from the Source code and then click Save.

PBWarning2.png

Any users that are using a browser with pop-up blocker enabled will then see the alert message appear when accessing the login page.

PBWarning3.png


See Also