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>
<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>

    <div wicket:id="menu" />

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.setDataSource(new DataSourceOptions()
        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));


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