Page History

...

-----------------------------------------------------

Delete references to the tabButton style.

Change all

default-selected-style="tabButtonSelected"

to

default-selected-style="selected".

Delete orientation="horizontal" and orientation="vertical". The menu widget renders a simple unordered list, so the menus are vertical by default. Horizontal menus must be styled with a horizontal menu CSS style (see the maincss.css file). You can specify a horizontal menu style by using the menu-container-style property.

...

<menu name="ProfileTabBar" default-menu-item-name="viewprofile" default-selected-style="selected"
    type="simple" menu-container-style="button-bar button-style-1">
    ...
</menu>

Using framework-defined menu templates

Two menus have been defined in the common framework component and are intended to be "extended" in all applications in order to reduce the code and improve UI consistency all over OFBiz.

CommonAppBarMenu
This should be used for every Application menu bar with a definition like this:

<menu name="ExampleAppBar" extends="CommonAppBarMenu" extends-resource="component://common/widget/CommonMenus.xml">

This menu already defines the "main", "login" and "logout" menu items to their standard URI.

CommonTabBarMenu
This should be used for every Application tab bar menu with a definition like this:

<menu name="exampleTabBar" extends="CommonTabBarMenu" extends-resource="component://common/widget/CommonMenus.xml">