User Login Register

Description

Allows website users to login, register, request username and passwords. If "Web User Authentication" is selected within the CMS in the Site Settings area, then any new registered users will go through an authorisation process, managed within the CMS in the 'Web Users' area.
 

Properties

• UserTypeId
  • Allows a User Type to be defined, 'User Types' can be managed within the CMS in the Site Settings area. A website may contain multiple User Types and may have different login areas for each.
  • Default: 2 (web users)
• EnableRegister
  • Allows web users to register.
  • Default: true
• EnableForgotOptions
  • Allows web users to request either there username or password, password retrieval uses 2 factor authentication.
  • Default: true
• ShowPageTitle
  • Displays the content title of the page.
  • Default: true
• ShowPageContent
  • Displays the HTML content of the page.
  • Default: true
• LoginSuccessUrl
  • The user will be sent to this URL on successful login.
  • Default: '/account-info/'
• RegisterMobileRegex
  • Regular expression to validate the 'Mobile Phone' field
  • Default: will use the users current location.
• RegisterPhoneRegex
  • Regular expression to validate the 'Phone' field
  • Default: will use the users current location.

Code Example

<ngage:UserLoginRegister ID="UserLoginRegister" runat="server" />

Basic CSS

/*User Login Register*/
.user-login-register { margin-bottom:20px; }
.user-login-register .col-sm-12 { padding:0;  }
.user-login-register .control-wrapper { border:solid 1px #ccc; padding:20px; }
.user-login-register input[type=submit] { float:right; }
.user-login-register input[type=submit] + span.action-spinner { right:0; width: 16px; height: 16px; background-image: url(/Images/ajax-loader.gif); position: absolute; margin:9px 7px 0 -24px; }
.user-login-register .login-wrapper h2{ width: 100%; background-color: #536283; font-size: 1.2em; width:calc(100% + 40px); margin:-20px 0 10px -20px; color: #fff; padding: 10px; }
.user-login-register .error ul { margin:0 0 0 20px; padding:0;  }
.user-login-register .error ul li { color:rgb(149, 21, 21); font-size:0.9em; }
@media screen and (max-width:759px) {
    .user-login-register .login-wrapper { text-align: left; }
}