This gadget creates a login button that directs users to the Authorization required system page, where members can log in to your website.
Logging in is necessary to:
- perform administration functions
- access members-only pages
- perform member self-service functions
After a member is logged in, the Login button is replaced with links to log out, change password, and view their member profile.
To display a login form rather than a login button, you can insert a login form gadget.
Since logging in is such an important function, you should include a Login button gadget or Login form gadget on most of your WildApricot Site pages. To avoid adding a login gadget to every page individually, you might consider adding a login gadget to one or more page templates, so that pages using those templates will automatically display the login.
For instructions on inserting, moving, and deleting gadgets, see Gadgets.
For instructions on customizing the Authorization required system page, see System pages.
Login button gadget settings
Using the gadget's settings, you can control its appearance and content. For instructions on displaying gadget settings, see Gadgets.
The following settings are available for the Login button gadget:
Preview state
Choose whether you want the page preview to display the log in form as if the user is logged in or not logged in.
Margins
The amount of space – in pixels – that appears outside the gadget. You can set top, bottom, left, and right margins separately.
Padding
(Casefile and Kaleidoscope themes only) The amount of space – in pixels – that appears between the content of the gadget and the outer limits of the gadget. You can set top, bottom, left, and right padding separately. If you have set a fixed height for the gadget, the bottom padding will be ignored.
Align
(Building Blocks, Casefile, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Terra, Tinted Tiles, Treehouse, and White Space themes)
Controls the horizontal alignment of the gadget. You can choose from left, centered, and right alignment.
Advanced
Within the Advanced section, you can enter customized CSS code to further control the appearance and behavior of the gadget. For more information, see Gadget settings.
