Adam's public fiddles
-
Icon Radio Buttons
Using the jQuery UI buttonset widget to display icons as radio buttons.
-
Animating Slider Positions
Animating the position of the jQuery UI slider handle when first created.
-
Storing BackboneViews In Elements
How to store Backbone views in element data using the jQuery data() function.
-
Pre-loading Remote Tab Content
Pre-loading remote content using the jQuery UI tabs widget.
-
Recursive List Building With Handlebars
Recursively building lists with Handlebars using partials.
-
Custom Accordion Header Icons
Using custom jQuery UI accordion header icons.
-
Animating Position Changes
Applying animations to position changes, using the jQuery UI position utility.
-
A Clear Text Input Widget
A simple jQuery UI text input widget that's applied to input elements. It displays a button in the input that clears the text.
-
Lodash Where Inclusive Or
Joining together multiple _.where() filters with an "inclusive or" condition.
-
Linear Gradients With Progressbars
Using the CSS linear gradient property with the jQuery UI progressbar widget.
-
Programmatic Selection With The Selectable Widget
Adding a new option to the selectable jQuery UI widget to support selecting items programmatically.
-
Theming Tooltip Box Shadows
The jQuery UI tooltip uses the box-shadow CSS property, but the color isn't part of the theme. We can fix that by sampling the border color.
-
Autocomplete With Tooltips
Applying jQuery UI tooltips to autocomplete items.
-
Styling Selectable Items With Classes
Marking the selected jQuery UI selectable element by adding a class, and removing it when unselected.
-
Retaining Scroll Position With Dialogs
When a dialog widget loses focus, scrollable content loses it's scroll position. You have to explicitly store it.
-
Overriding Global Partials
With the Handlebars template system, you can register global partial templates. These are the defaults. They can be overridden in certain contexts.
-
Rendering Autocomplete Results In Another Div
Extending the jQuery UI autocomplete widget to add a new suggest option. This is a function that can render the autocomplete suggestions outside of the default autocomplete menu.
-
Adding Buttons To The Dialog Titlebar
Extending the jQuery UI dialog widget by adding an icon button option. This option accepts an array of buttons to add to the titlebar.
-
Displaying a Dialog Loading Message
Display a basic loading message while waiting for dialog content to load.
-
Using jQuery UI WIP Builds
How to use jQuery UI work in progress builds.