JAVA Apache Wicket SplitButton Setup

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

Since it is a wrapper of our JavaScript SplitButton 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 Chart</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>
    <button wicket:id="splitButton" type="button">Increment Value</button>
    <ul id="sbMenu">
        <li>One</li>
        <li>Two</li>
    </ul>
</body>
</html>

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

SplitButton splitButton = new SplitButton("splitButton");

// make the splitButton toggle-able
splitButton.getOptions()
    .setMenu("#sbMenu")
    .setToggle(true);

// add the button component to the page
add(splitButton);

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