...
This
...
document
...
describes
...
the
...
steps
...
needed
...
to
...
refactor
...
the
...
back-office
...
components
...
to
...
use
...
the
...
new
...
menu
...
widget.
...
Steps
...
are
...
to
...
be
...
applied
...
to
...
the
...
menu
...
widget
...
xml
...
files.
...
----------------------------------------------------
...
-
...
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.
...
Delete
...
default-widget-style,
...
default-tooltip-style.
...
Example
...
-
...
before
...
refactor:
...
<menu
...
name="ProfileTabBar"
...
default-menu-item-name="viewprofile"
...
default-selected-style="tabButtonSelected"
...
default-title-style="tabButton"
...
default-tooltip-style="tooltip"
...
default-widget-style="tabButton"
...
orientation="horizontal"
...
type="simple">
...
...
...
</menu>
...
Example
...
-
...
after
...
refactor:
...
<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">
...