An Apache Wicket component leveraging the use of the Shield UI JavaScript library.
The component uses the demo version of the Shield UI framework - a set of light-weight, powerful and fully customizable tools. If you would like to obtain a commercial license for the JavaScript code, or get more information about it, you can visit http://www.shieldui.com
- AutoComplete
- Button
- Calendar
- CheckBox
- ColorPicker
- ComboBox
- DatePicker
- DateTimePicker
- DropDown
- ListBox
- MaskedTextBox
- MonthYearPicker
- NumericTextBox
- RadioButton
- Slider
- Switch
- TextBox
- TimePicker
You should be able to run the examples project alone, as it includes the component library as dependencies in its POM.
If you cannot run it, you might need to rebuild the parent pom.xml configuration, which will rebuild both the wrappers and the example Wicket application.
In your Wicket's page HTML, include the resources in the HEAD and add a container DIV element somewhere in your BODY:
<link rel="stylesheet" type="text/css" href="//www.shieldui.com/shared/components/latest/css/light/all.min.css" />
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="//www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>
...
<div wicket:id="chart" style="width:600px; height:400px; margin:auto; margin-top:50px;"></div>
In the Java code of your page, initialize the component of your choice with something like:
final Chart chart = new Chart("chart");
// set the chart type
chart.getOptions().setSeriesType(ChartOptions.SeriesType.PIE);
// add some data
ChartOptions.DataSeriesItem dsi = new ChartOptions.DataSeriesItem();
dsi.setData(20, 15, 45, 10, 5, 5);
chart.getOptions().setDataSeries(dsi);
add(chart);
More examples of using this library can be found in the wicket-shieldui-examples module part of this repository.
Detailed widget functionality and settings can be found in the Shield UI Documentation section.
Copyright 2013-2015 Shield UI Ltd.