(Formerly known as the Login Logout Modal widget)
Widget Use
Renders login functionality in a modal window, rather than navigating the user to a login page.Example of Widget Use
Where can the Widget be placed?
The widget can be used in the following templates:
- Theme Layout Template
Widget Options
| Option | Use | Comments | Available from Version |
|---|---|---|---|
| Description | A short description of the widget's use. | We recommend this field be updated so the widget's purpose is clear at a glance from the template page. | All |
| Layer | The layer the widget is valid for. | The layering technology allows for the content to be shown to specific audiences. This is handy if the content is only valid for a certain type of user, or if the same widget is required for more than one audience, but different configuration is needed. The widget can be added to the zone more than once and the layer feature can determine which audience can see each widget. | All |
| Show Forgot Password? | Determines whether the password reset link is displayed in the modal window. | Default is: ticked Untick to disable | 3.86 |
| Show Remember Me? | Determines whether the remember me tickbox is displayed. | Default is: ticked Untick to disable | 3.86 |
| Render Login Logout Modal Page Template | Determines whether content from the Login Logout Modal Page template is rendered in the modal window. | Default is: ticked Untick to disable Note - if your Login Logout Modal Page template is empty, you should disable this option. Otherwise, a shaded area will display without any content. | 3.88 |
| Stay on Current Page after Login? | Keeps the user on the page they were viewing pre-login (instead of redirecting to the home page or other default behaviour). | Default is: unticked Tick to enable | 3.91 |
| Titles | |||
| Modal Header | The heading text for the top of the modal window. | Default is: Login | 3.86 |
| Third Party Login Buttons Heading | The heading text displayed above the third party login buttons (e.g. Google Sign-In). | Default is: Login with a social network | 3.95 |
| Email Login Heading | The heading text displayed above the user ID/email login fields. | Default is: Login with email | 3.95 |
| Notifications | |||
| Password Requires Change Message | The notification displayed when the user must change their password. | Default is: You are required to change your password | 3.86 |
| Password Changed Message | The notification displayed when the user has successfully changed their password. | Default is: Password changed | 3.86 |
| Enter Password Message | The notification displayed when the user clicks the 'Change Password' button without actually entering a new password. | Default is: Please enter a password | 3.86 |
| Buttons | |||
| Modal Login Button Text | The text displayed on the login button in the modal window. | Default is: Login | 3.86 |
| Login Button Icon | The icon displayed on the login button in the modal window. | Default is: cv-ico-general-user | 3.86 |
| General Login Button Text | The text displayed for the login link in the site header. | Default is: Login | 3.86 |
| Logout Button Text | The text displayed for the logout link in the site header. | Default is: Logout | 3.86 |
| Logout Button Icon | The icon displayed next to the logout link. | Default is: cv-ico-general-user | 3.86 |
| Forgot Password Button Text | The text displayed for the password reset link. | Default is: Forgot Your Password? | 3.86 |
| Forgot Password Icon | The icon displayed next to the password reset link. | Default is: cv-ico-general-lock | 3.86 |
| Change Password Button Text | The text displayed on the change password button. | Default is: Change Password | 3.86 |
| Change Password Button Icon | The icon displayed on the change password button. | Default is: cv-ico-general-cycle | 3.86 |
| Prompts | |||
| User Name Prompt | The label displayed above the username / email address input field. | Default is: Username / Email | 3.86 |
| User Name Placeholder | The placeholder text displayed in the username / email address input field. | 3.86 | |
| Password Prompt | The label displayed above the password input field. | Default is: Password | 3.86 |
| Password Placeholder | The placeholder text displayed in the password input field. | Default is: Your Password | 3.86 |
| Keep Me Logged In Prompt | The label displayed next to the 'Keep Me Logged In' tickbox. | Default is: Keep Me Logged In | 3.86 |
| Remember Me Prompt | The label displayed next to the 'Remember Me' tickbox. | Default is: Remember email | 3.86 |
| New Password Prompt | The label displayed above the new password input field. | Default is: New Password | 3.86 |
| Confirm Password Prompt | The label displayed above the repeat password input field. | Default is: Confirm Password | 3.86 |
| Notification Email Prompt | The label displayed above the notification email address input field. | Default is: Notification Email Address | 3.86 |
Implementation Guide
Related Resources
