DojoTutorials

See how Wicket meets Dojo

"Nothing says more about a development technology than a few simple examples. After all, how hard should it be to do something easy?"

This quote comes from the wicket-examples page, and we would like to continue with this philosophy. Therefore we have written some tutorials on how to use the various Components. Check them out and see for yourself how simple it is to add Dojo functionality to Wicket

Some of the followings tutorials are not yet written. Please be patient, we will add them as soon as possible. 

How to build a custom Dojo to use it in Wicketstuff-Dojo

 Wicketstuff-Dojo is release with an embedded dojo. This dojo is not optimized to be used in your own application. Dojo can be compiled/compressed in order to get a single js file.

Build a custom Dojo Distribution to fit to a specific application needs.

Widgets Tutorials 

Tooltip (Obsolete)

• DojoBasicTooltipTutorial - Create a basic wicket Tooltip.
• DojoDynamicTooltipTutorial - Create a dynamic student Tooltip.
• DojoFeedbackIndicator - Create a cool feedback indicator with a tooltip.
• DojoValidationAjaxHandler - Create a cool decorated component with Ajax validation.

 Modal Dialog & Bubble

• Modal Dialog : Displays a contextual dialog
• Bubble : Displays a bubble over a specified component  

Color, Date & Time Picker

• DojoDatePicker : Select a Date with DojoDatePicker
• DojoTimePicker : Select a Time with DojoTimePicker
• DojoColorPicker : Select a Color with DojoColorPicker

 Slider 

• DojoSlider : Choose an Integer with a slider 

Floating Pane

Toaster

DojoDropDownChoice & SuggestionLists

InlineEditBox

Advanced List 

• Selectable List : Allows multi-selection (Ctrl & shift) on RepteatingView and ListView
• Orderable List : Allows to order Items in a list 

Containers 

• SimpleContainer : A Dojo Container used in others containers
• TabContainer : Making tabs with Dojo
• SplitContainer : Rezise areas of your page
• AccordionContainer : Create an "Outlook like" accordion container
• LayoutContainer : Layout your page with DojoLayoutContainer

Contextual Menu

Add an indicator  on request

Drag'n'Drop

• Simple drag'n'drop tutorial : Create some DojoDragContainer and a DojoDropContainer where DojoDragContainer can be dropped.
• Drag'n'Drop with pattern : Selected which DojoDragContainer can be drop on which DojoDropContainer

Form Validation

• Simple coloring field validation : Colored field when error appears
• Bubble validation : Display a Bubble when field contains an error
• Div display validation : Display an Error div on the top of a field containing an error

DojoFX Tutorials

• A simple wiper tutorial - Create the most simple wiper effect.
• A wiper menu tutorial - Create a nice wipeable menu.
• A Higlighter tutorial - Create an animated highlighting menubar