jQuery UI 1.8rc1 Changelog

Released on January 27, 2010 link Widgetslink Button Added: Add ui-state-focus on focus, making keyboard navigation possible, and button like 200% more accessible. Added: Add ui-state-active on keydown, further improving keyboard navigation. Fixed: handle space "click". Fixed: Don't log a click on disabled buttons. link Datepicker Fixed: Set focus error in IE8 for disabled and … Continue reading

Selectmenu

Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control. ExamplesDefault functionalityCustom RenderingProduct Selection The Selectmenu widgets provides a styleable select element replacement. It will act as a proxy back to the original select element, controlling its state for form submission or serialization The datasource is … Continue reading

Easing

Apply an easing equation to an animation. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo All easings provided by jQuery UI are drawn above, using an HTML canvas element. Click a diagram to see the easing in action. view source 1 2 3 4 5 6 7 8 9 10 11 12 … Continue reading

jQuery UI 1.8.19 Changelog

Released on April 16, 2012 link Core & Utilities Fixed: Several components are leaking variables into the global scope. (#6979, 6fb584e) link Mouse Fixed: _mouseDestroy keeps mousemove and mouseup events bound. (#8199, a76366f) link Position Fixed: Demo breaks when dragging an element. (#5380, f01db5d) Fixed: Documentation for flip collision says it falls back to center … Continue reading

Checkboxradio

Enhances standard checkbox and radio input element to themeable buttons with appropriate hover and active styles. ExamplesDefault functionalityNo IconsProduct SelectorRadio Group Examples of the markup that can be used with checkboxes and radio buttons. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 … Continue reading

jQuery UI 1.12.0-rc.2 Changelog

Released on April 21, 2016, listing changes since 1.12.0-rc.1. link Interactions Resizable: Fix top jump with rotated element (89fe04a) Resizable: Implement setOption for handles (#3423, 623b64e) Selectable: Proper handling of inner scrolling (#13359, a240251) Sortable: Update _contactContainers to use page clientX/Y values (#10727, #5039, 9aca706) Sortable: Fix incorrect top containment for document (#14927, c19fc10) link … Continue reading

Draggable

Allow elements to be moved using the mouse. ExamplesDefault functionalityAuto-scrollConstrain movementCursor styleEventsHandlesjQuery UI Draggable + SortableRevert positionSnap to element or gridVisual feedback Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport. view source 1 2 3 4 5 6 … Continue reading

Autocomplete

Enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. ExamplesDefault functionalityAccent foldingCategoriesComboboxCustom data and displayMultiple valuesMultiple, remoteRemote datasourceRemote JSONP datasourceRemote with cachingScrollable resultsXML data parsed once The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming … Continue reading

Switch Class

Add and remove class(es) to elements while animating all style changes. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to preview the effect. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 … Continue reading

Add Class

Adds class(es) to elements while animating all style changes. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 … Continue reading

Effect

Apply an animation effect to an element. ExamplesEffect demoaddClass demoAnimate demoEasing demoHide DemoremoveClass DemoShow DemoswitchClass DemoToggle DemotoggleClass Demo Click the button above to show the effect. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 … Continue reading

Button

Enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles. ExamplesDefault functionalityIcons Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor. Buttons can be styled via the button widget or by adding the classes yourself. … Continue reading

Position

Position an element relative to the window, document, another element, or the cursor/mouse. ExamplesDefault functionalityImage Cycler Use the form controls to configure the positioning, or drag the positioned element to modify its offset. Drag around the parent element to see collision detection in action. view source 1 2 3 4 5 6 7 8 9 … Continue reading

Slider

Drag a handle to select a numeric value. ExamplesDefault functionalityColorpickerCustom handleMultiple slidersRange sliderRange with fixed maximumRange with fixed minimumSlider bound to selectSnap to incrementsVertical range sliderVertical slider The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys. view source 1 2 3 … Continue reading

Selectable

Use the mouse to select elements, individually or in a group. ExamplesDefault functionalityDisplay as gridSerialize Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. view source 1 2 3 4 5 6 7 8 … Continue reading

jQuery UI 1.12.1 Changelog

Released on September 14, 2016 link Core & Utilitieslink Widget Factory Fixed: Memory leak and bad performance for managed classes on transient elements (#15043, 89af4c2) Fixed: instance() should return undefined for empty sets (#15019, 3dd8a09) link Interactionslink Draggable Fixed: Incorrect focus handling on mousedown (#15046, 8c66934) link Sortable Fixed: Calling cancel() throws an error (#15042, … Continue reading

jQuery UI 1.8.12 Changelog

Released on April 13, 2011 link Interactionslink Resizable Fixed: Resizable handles fail to work in IE if transparent and content overlaps (#7233, 371f1a4) link Widgetslink Autocomplete Fixed: Documentation for autoFocus option (#7188) link Datepicker Fixed: Can't minify with YUI Compressor. (#7129, 2b4a902) Fixed: Datepicker shows only single year in year dropdown if numberOfMonths > 1. … Continue reading

Widget Factory

Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets. ExamplesDefault functionality This demo shows a simple custom widget built using the widget factory (jquery.ui.widget.js). The three boxes are initialized in different ways. Clicking them changes their background color. View source to see how it works, its heavily commented To learn more … Continue reading

jQuery UI 1.8.11 Changelog

Released on March 5, 2011 link Core & Utilitieslink Mouse Fixed: click event suppressed after drag in Gecko. (#6946, 15aec63) link Interactionslink Draggable Fixed: connectToSortable misbehaves if the position of the sortable changes after the sortable and draggable have been initialised as _refreshItems no longer updating container cache. (#5563, 6fcdff1) Fixed: Draggable li with connectToSortable … Continue reading

Tooltip

Customizable, themeable tooltips, replacing native tooltips. ExamplesDefault functionalityCustom animation demoCustom contentCustom StylingFormsTrack the mouseVideo Player demo Hover the links above or use the tab key to cycle the focus on each element. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 … Continue reading