Getting Started with the Menu for Apache Wicket

Home >Shield UI Documentation >Menu >JAVA Apache Wicket >Getting Started with the Menu for Apache Wicket

The ShieldUI Menu component for Apache Wicket offers streamlined setup and deployment of our libraries.

Since it is a wrapper of our JavaScript Menu widget, you need to include the references to the CSS and JavaScript resources in the HEAD section of your webpage:

<!DOCTYPE html>
<html>
<head>
<title>Shield MaskedTextBox</title>
<meta charset="utf-8" />

<link rel="stylesheet" type="text/css" href="css/light/all.min.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/shieldui-all.min.js"></script>

</head>
<body>
    <div wicket:id="menu" />
</body>
</html>

Then init the menu and add it to your wicket page like in the following example:

Menu menu = new Menu("menu");
MenuOptions options = menu.getOptions();

options.setCls("topmenu");
options.setDataSource(new DataSourceOptions()
    .setData(
        new HashMap() {{
            put("content", "Data Visualization");
            put("items", new Object[] {
                new HashMap() {{
                    put("content", "Chart");
                    put("href", urlFor(ChartDemos.class, null));
                }},
                new HashMap() {{
                    put("content", "Barcode");
                    put("href", urlFor(BarcodeDemos.class, null));
                }}
            });
    )
);

add(menu);

To see more information on this wrapper, please refer to the following startup guide.