Adam's public fiddles
-
Highlighting Autocomplete Text
Visually highlighting matched text in jQuery UI autocomplete menu items.
-
46QdB
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery UI Checkbox Widget
Creating a checkbox widget using button widgets.
-
Using Progressbars In Tables
Using the jQuery UI progressbar widget in a table column, and using other column values to configure it.
-
Sortable Rearrange Effects
Overriding internal sortable methods to animate the item rearrangement.
-
Mockjax and jQuery UI Progressbars
Using a mock API to poll for progress updates.
-
Dialogs and URLs
Using URL hashes to identify and display jQuery UI dialogs.
-
6D5Lt
jQuery 2.0.2, HTML, CSS, JavaScript
-
Position Dialog Based On Click Event
Positions the dialog widget based on the coordinates of the click event.
-
Menu Dividers
Changing the content of the menu item let's the jQuery Ui menu widget know to render a divider, instead of a link.
-
Fixing The Z Index For Draggables
By default, jQuery UI draggables do nothing with the z-index for draggables. We can fix this with one line.
-
Custom Tab Colors
Changing the color of the jQuery UI tab links, both the font and the background.
-
jQuery UI Dialogbar
This widget serves as a sort of task bar for closed dialog widgets. This is useful if you have several dialogs, with no obvious place to put them when closed.
-
Sortable Accordion Sections
Using the sortable interaction widget to allow the user to sort accordion sections.
-
HnHVG
jQuery 1.8.3, HTML, CSS, JavaScript
-
jQuery UI Menu Icon Fix
Simple CSS overrides to fix the positioning of icons in the jQuery UI menu widget.
-
Icons in jQuery UI Autocomplete Items
Extending the jQuery UI autocomplete widget to render icons for each item.
-
Parameters in Dialog Callbacks
The "this" context inside a jQuery UI dialog button callback references the dialog widget, not the button widget. This is useful if you want to pass additional data to the callback functions.
-
Dragging Data Around
This is an example of how to bind application data to draggables, and decouple data access in the drop event callback functions.
-
Widgets as Backbone views
jQuery UI widgets can behave as though they're Backbone views.