Wicket-ShieldUI

An Apache Wicket component leveraging the use of the Shield UI JavaScript library.

Introduction

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 https://www.shieldui.com

Supported Widgets

Data Visualization

• Charts
• Barcode
• Pager
• QR Code
• TagCloud
• TreeMap

Layout

• Grid
• Accordion
• ContextMenu
• LoadingPanel
• Menu
• Pager
• ProgressBar
• Rating
• Splitter
• Tabs
• Timeline
• Tooltip
• TreeView
• Window

Editors

• AutoComplete
• Button
• Calendar
• CheckBox
• ColorPicker
• ComboBox
• DatePicker
• DateTimePicker
• DropDown
• Editor
• ListBox
• MaskedTextBox
• MonthYearPicker
• NumericTextBox
• RadioButton
• Slider
• SplitButton
• Switch
• TextBox
• TimePicker
• Upload

Framework

• DataSource

Setup

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.

Usage

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.

License

The Wicket-ShieldUI library is licensed under the MIT license, details of which can be found in the LICENSE.txt file located in this folder. The license applies ONLY to the source code of this repository and does not extend to any other Shield UI distribution or variant, or a third-party library used.

For more details about Shield UI licensing, see the Shield UI License Agreement page at www.shieldui.com. Shield UI Commercial support information can be found on this page.