Wicket - jQuery UI

jQuery UI integration in Wicket 1.5 & Wicket 6

Welcome!

Welcome to the demo site of the Wicket - jQuery UI API.

The goal of this API is to provide a bridge between Apache Wicket and jQuery UI.
The 'core' provides all jQuery UI built-in components.

Useful links:

About this demo site

This demo site aims to present all behaviors & widgets (components) the API provides, including all jQuery UI components you may find on the jQuery UI demo site.

For each main component class in the left's list, you may find several other related components (or other samples), including wicket-jquery-ui original ones (like message dialog-boxes or secured-button).

Getting started

In order to get started using this API, you may download appropriate jar(s) or set a maven dependency.

Download jar(s)

If you are not using maven, you need to download the core jar here:
http://central.maven.org/maven2/com/googlecode/wicket-jquery-ui/

You may also download other jars as required (ie: wicket-kendo-ui). Once done, just include the jar(s) in your project's build path.

Using Maven

<dependency>
    <groupId>com.googlecode.wicket-jquery-ui</groupId>
    <artifactId>wicket-jquery-ui</artifactId>
    <version>6.17.0</version> <!-- or 1.5.11 -->
</dependency>
If the version you specified is 'snapshot', you may define this repository:
<repositories>
	<repository>
		<id>sonatype-snapshots</id>
		<name>Sonatype Snapshots Repository</name>
		<url>https://oss.sonatype.org/content/repositories/snapshots/</url>
		<snapshots>
			<enabled>true</enabled>
		</snapshots>
	</repository>
</repositories> 

Setting up the jQuery UI theme

Using standard themes

To use wicket-jquery-ui with a standard theme, just add the corresponding theme dependency to your webapp pom
<dependency>
	<groupId>com.googlecode.wicket-jquery-ui</groupId>
	<artifactId>wicket-jquery-ui-theme-uilightness</artifactId>
	<version>6.17.0</version>
</dependency>

Using a custom theme

Please follow the instruction on How to change resource references

Setting up the Kendo UI theme

Using standard themes

To use wicket-kendo-ui with a standard theme, just add the corresponding theme dependency to your webapp pom
<dependency>
	<groupId>com.googlecode.wicket-jquery-ui</groupId>
	<artifactId>wicket-kendo-ui-theme-default</artifactId>
	<version>6.17.0</version>
</dependency>

Using a custom theme

Please follow the instruction on How to change resource references

You are now ready to use wicket-jquery-ui!

Look at the samples provided here to get started with the code...