Menubar Item Link

The Menubar Item Link element is similar to the Link element, but is used inside Menubar Item elements.

It's important to note that the Menubar Item Link element cannot be directly accessed in the Page Element Library for drag-and-drop functionality. Instead, you can utilize the following pre-built elements:

• Menu Item: This has a Menubar Item Link element, which can be edited and configured.

• Menubar Popup Menu: This adds a sub-menu to the menubar which can be customized.

• Menubar Login Info: This adds a widget that shows information about the current logged-in user to your app.

---

Options

The Options tab settings for this element are described below:

HRef

Sets the destination URL. The URL can be external to other websites or internal to other pages of your app.

Using Page Flow, you can define custom actions instead of navigating to the URL.

Target

Choose whether you want to open the URL in a new tab/page or in the same page.

Link Action

This is an advanced parameter that translates to the Bootstrap data-toggle attribute. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements use this by setting the value to dropdown. You can also use this to control a Collapsible Area element by setting the value to collapse.

Action Target

This is an advanced parameter that translates to the Bootstrap data-target attribute. The value is set to the Element ID of the element to be controlled. To find the Element ID see here.

The Element ID needs to be prefixed with a # character. This is also known as ID selector syntax. For more information click here.

Popup Menu Icon

Enable this if you want a 🔽arrow to appear next to the link to indicate that it will invoke a popup menu. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements turn this setting on.