JAVA Apache Wicket Splitter Setup

Home >Shield UI Documentation >Splitter >JAVA Apache Wicket >JAVA Apache Wicket Splitter Setup

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

Since it is a wrapper of our JavaScript Splitter component, 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 Splitter</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="splitter">
       <div>Pane 1</div>
       <div>Pane 2</div>
       <div>Pane 3</div>
    </div>
</body>
</html>

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

Splitter splitter = new Splitter("splitter");
SplitterOptions options = splitter.getOptions();

options.setOrientation(SplitterOptions.Orientation.VERTICAL);
options.setPanes(
          new SplitterOptions.PaneOptions().setSize(100),
          new SplitterOptions.PaneOptions().setSize(50).setScrollable(true),
          new SplitterOptions.PaneOptions().setScrollable(true)
);

add(splitter);

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