User Login Info

Description

This control has two views, depending on the web users logged in status.

• Logged out - can show a login button if required.
• Logged in - displays the logged in users display name.
• Logged in - displays a logout button.
• Logged in - displays a link to the account area.

Properties

• LoginUrl
  • The URL to redirect on a successful login.
  • Default: '/login/'
• ShowLoginButton
  • Displays the login button, to allow the user to login.
  • Default: true
• LoginButtonText
  • Button text displayed on the login button.
  • Default: 'Account Login'
• AccountUrl
  • The URL to redirect on a successful login.
  • Default: '/my-account/'
• AccountLoginButton
  • Displays the account link, to allow the user to navigate to a custom area.
  • Default: true
• AccountButtonText
  • Button text displayed on the account link.
  • Default: 'My Account'

Code Example

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

Basic CSS

/*User Login Info*/
.user-login-info { width: 100%; }
.user-login-info > a { margin: 0 0 0 20px; padding: 0; }
.user-login-info > p { display:inline-block; float:left; font-size:1em; margin-top:1px; }