Tool Panel

Login Widget

Login Widget

The Login Widget provides a login form for site visitors. It supports redirect after login so visitors can be sent to a specific page after authenticating.

Common Tasks

Adding the Widget to a Page

  1. Navigate to the page in the Contensive page editor.
  2. Click the widget tool to open the widget panel.
  3. Find the Login Widget in the Design Blocks category.
  4. Drag the widget onto the page at the desired location.
  5. The widget will display a login form with username and password fields.

Editing Widget Content

  1. Click the edit icon on the Login Widget.
  2. Set the Redirect Login URL to specify where visitors should go after a successful login. Leave blank to keep them on the current page.
  3. Adjust the Button Style to change the appearance of the login button.

Styling the Widget

  • Open the advanced editor to access the Styles tab.
  • Set padding (top, right, bottom, left) to control spacing around the login form.
  • Choose a Theme Style to apply a predefined look.
  • Set a Background Image on the Background tab.
  • Enable As Full Bleed for edge-to-edge rendering.
  • Set a specific Height if needed.

Removing the Widget

  • Click the edit icon on the widget and open the advanced editor.
  • Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.

Edit Dialog Fields

Field Description
Active Enable or disable this widget
Redirect Login URL URL to redirect to after successful login
Button Style CSS class for the login button (default: "btn btn-primary")
Sort Order Controls the display order when multiple widgets are on the page

Advanced Edit Fields

Field Tab Description
Name Control Info Internal name for this widget
Pad Top Styles Add top padding to the widget
Pad Right Styles Add right padding to the widget
Pad Bottom Styles Add bottom padding to the widget
Pad Left Styles Add left padding to the widget
As Full Bleed Styles Include margins for content
Height Styles Set a specific height with units
Theme Style Styles Select a layout wrapper class from Design Block Themes
Background Image Background Set a background image for the widget