jQuery Controls: Server-Side Wrappers

QCubed offers a new set of experimental wrappers for all widgets that jQuery UI ships with. These are simple server-side classes that allow you to create PHP objects that will later on be presented as jQuery widgets.

Explore the variety of these controls on this page, and proceed to the next tutorial to learn how to attach events to these controls and use them in your QForms.

Draggable

Drag me

Droppable

Drop here

Resizable

Selectable

Drag a box (aka lasso) with the mouse over the items. Items can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.

Item 1
Item 2
Item 3
Item 4
Item 5

Sortable

Drag and drop to reorder

Item 1
Item 2
Item 3
Item 4
Item 5

Accordion

Section 1
Section 2
Section 3

Autocomplete

Type "c" to test

Ajax Autocomplete

Type "s" to test

Buttons

Lists

Datepicker

DatepickerBox

Dialog box - floating..

Progressbar

Slider

Tabs

First tab is active by default
Tab 2
Tab 3