Portal Menu Widget

The Portal Menu Widget provides a menu bar that helps users login back in and utilize their Real Estate Portal on your website.

Leads that return to your website to use Buying Buddy will want to sign back in to their account and access their home search portal to review saved searches, alerts and properties. Once the Lead is registered or logged-in, they will access and view their Portal using the links on widgets including this Portal Menu widget.

Portal access can also be provided with several Widget Functions and links too (show the portal, show the login, show the signup form etc).

Widget Purpose

The default widget presents a menu of options for portal access, searching and other features.
The widget layout will adjust and change to fir narrow spaces such as a sidebar.

"Register Links" Alternative Layout

An alternative version of the widget shows simple register / login text links that fit perfectly into a website header. The text links shown will reflect the users current status on your website:

  • When not logged in: "Register | Login"
  • When logged in: "My Account | Logout"

Special Note for WordPress: To add Register Login links to your WordPress website header, you may need to add a menu item. However, shortcodes cannot be added to menus. So, so to do this you will need to use the additional HTML only version of the Register Links widget. See Register Links HTML-Only Widget for WordPress.

Size

  • Minimum width: Designed for mobile
  • Maximum width: Unlimited

Colors and Background

  • Widget Themes can be used to apply predefined, or your own, color schemes.
  • Background is always transparent.

Limitations

This widget can be be displayed in a sidebar. Or, it can be displayed as a horizontal bar across the top of a page.

Variations

There are two basic layouts that can be used.

  • The full My Account menu bar (default)
  • Register / Login links

Parameters

  • id="MBBv3_LoginPanel"
  • layout:registerlinks (+ other options see below)

Use

Standard widget

<div id="MBBv3_LoginPanel"></div>
[mbb_widget id="MBBv3_LoginPanel"]

Register Login Links layout

<div id="MBBv3_LoginPanel" filter="layout:registerlinks"></div>
[mbb_widget id="MBBv3_LoginPanel" filter="layout:registerlinks"]

To help with styling of text links in your website, the following optional parameters to style the link text can be used with the alternative layout. Use the wizard to create your widget filters for the best outcome.

  • textcolor
    Set the link text color.
    Do not use the "#" character when specifying a hex code.
    E.g. "textcolor:5C5C5C"
    This will set the color for label and title text.
  • formFontSize
    Set the font size of the link text.
    E.g 14px.
  • formLineHeight [1, 1.3.1.5]
    Set the line height of the link text
  • linkHoverColor
    Set the hover color for links.
    Do not use the "#" character when specifying a hex code.
    E.g. "textcolor:5C5C5C"
    This will set the color for label and title text.
  • linkHoverUnderline [no]
    Apply underline when hovered (default = yes)
  • linkHoverOpacity
    Change text opacity when hovered (default = 0.85)
    E.g. 1, 0.8

Updated on February 6, 2025
Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Buying Buddy Support