THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
...
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">
...