horizontalMenu

horizontalMenu displays a horizontal menu with hierarchical drop-down submenus.

XML Element

horizontalMenu

Java Class

HorizontalMenu

Basics

To add the component on a view, place it in the view descriptor:

<horizontalMenu id="horizontalMenu" width="100%"/>

You can also create and add the component to a view in a Java controller:

@Autowired
private UiComponents uiComponents;
@Autowired
private ApplicationContext applicationContext;
@ViewComponent
private VerticalLayout navigation;

@Subscribe
public void onInit(final InitEvent event) {
    HorizontalMenu horizontalMenu = uiComponents.create(HorizontalMenu.class);

    MenuConfigHorizontalMenuItemProvider itemProvider =
            applicationContext.getBean(MenuConfigHorizontalMenuItemProvider.class);
    horizontalMenu.setMenuItemProvider(itemProvider);
    navigation.add(horizontalMenu);

    itemProvider.load();
}

Attributes

The following attributes are specific to horizontalMenu:

Name Description Default

loadMenuConfig

The loadMenuConfig attribute is used to control the loading of menu structure from Menu Configuration.

—

The following shared attributes are supported by horizontalMenu:

id - alignSelf - classNames - colspan - css - height - maxHeight - maxWidth - minHeight - minWidth - visible - width

Handlers

The following shared handlers are supported by horizontalMenu:

AttachEvent - DetachEvent