jQuery UI 1.8 adds position, button, autocomplete, new widget factory, lighter core

Posted on by

The jQuery UI team is thrilled to announce the final release of jQuery UI 1.8 with 5 new plugins, 1 new effect, and hundreds of bug fixes and improvements.

We’ve worked extremely hard to make jQuery UI lighter and more modular with an even more flexible and extensible core. Now it’s even easier to build your own widgets or extend ours, whether you use the jQuery UI Widget Factory, the jQuery UI CSS Framework, or both. This release is a collective effort spanning more than 9 months with contributions from hundreds of developers, designers, testers and users. We thank you for all your help and support. And we even get personal (we’ll name names!) at the end of this post.

The code, themes, demos, and documentation are now live on jqueryui.com, the jQuery UI Download Builder, ThemeRoller, and Google’s AJAX Libraries API.

Note: There are significant (and in some cases breaking) changes in this release. If you currently use or develop jQuery UI plugins be sure to consult both the Changelog and Upgrade Guide for full details on these changes and their impact.

Download jQuery UI 1.8

I want it all:

I know just what I want:

  • The jQuery UI 1.8 Download Builder creates a custom zip with only those components you select. It also takes care of plugin dependencies, so you can chill more.

I want it always:

What’s new in jQuery UI 1.8?

This release adds two new utilities, two new widgets, an upgraded widget factory and a more modular core. For a full list of all the changes between jQuery UI 1.7.2 and jQuery UI 1.8, see the 1.8 Changelog. See below for a summary of some of the larger and more visible changes.

Position utility

Position any element relative to any other, or even relative to the window or the mouse. In true “Write Less. Do More” fashion, it’s a simple as selecting the element you want and saying which part of it should be positioned relative to which part of another element. Bam.

Button widget

The button widget creates a themable button from any imaginable element you might be using as a native button. Progressive enhancement all the way. Now your <button> will look like your <input type=”submit”> will look like your <a class=”button”>. We updated jQuery UI widgets that have buttons, such as Dialog, to use the button plugin when you’ve opted to include it. Otherwise, they’ll remain native button elements. Again thanks to PE this is as unobtrusive as possible. Thanks to Filament Group for figuring out how to do this and Jörn Zaefferer for making it happen. And of course the community as a whole for providing feedback during early design/dev and later dev/testing. We’re stoked about having pretty form elements, and button is the first step.

Autocomplete widget

Now you can make any text input pop up a menu to aid the user in completing a text entry or search box, providing suggestions or allowed values. The autocomplete is designed and built based on the popular Jörn Zaefferer’s Autocomplete. As with the button widget we’ve kept the API as minimal as possible while providing the hooks necessary to customize it based on your needs. For example, you can provide static local data using the source option, or provide a callback function as the data source which can handle getting data from a server via Ajax. Single option, overloaded. This is the new way we’ll be writing and refactoring all of our widgets going forward, and we’re excited to hear what people think. It’s quite a change, but should keep the library lean while still as flexible and powerful as possible. See the Autocomplete demos for more.

This is another new plugin that owes much of the implementation work to Jörn Zaefferer, with the API design by Jörn Zaefferer, Scott González, and Richard D. Worth. Filament Group, as always comes through with interaction design and static markup and css references.

New widget factory

Scott González and Jörn Zaefferer, with help from the community, have completed a large update to the jQuery UI Widget Factory in this release. These changes make it easier to create and extend your own widget, extend our widgets, or extend widgets others create.

Note: Some of these are breaking changes, requiring an upgrade for plugins that built on the 1.7 widget factory. A summary of these changes and their impact can be found in the widget factory section of the Upgrade Guide.

For another summary of these changes and why we’re so excited by them, see this post by David Petersen. Thanks David.

jQuery UI Core 71% smaller

The latest version of the jQuery UI Core is 71% smaller. This optimization has been achieved largely by pulling the already modular but bundled components mouse and widget.

New mouse plugin file makes jQuery UI 14% smaller on average

The mouse plugin isn’t new, but this release moves it to its own file, jquery.ui.mouse.js, where before it was inside the jQuery UI Core. This means that jQuery UI plugins that don’t depend on the mouse plugin but previously included the jQuery UI Core have less unused code to include, with an average overall file size improvement of 14%. That’s just an average. Some improvements will be as high as 36%.

File renames

All the .js and .css files have been renamed to start with a jquery.ui. prefix instead of a ui. prefix. This is to be consistent with jQuery plugin naming guidelines and is in preparation for some tools in development that will allow for easily creating custom builds that include jQuery plugins as well as jQuery UI plugins.

Note: If you write your own jQuery plugin, even if it’s based on the jQuery UI Widget Factory, please follow the jQuery plugin naming guidelines “jquery.{plugin-name}.js” not “jquery.ui.{plugin-name}.js” This will make it easier to distinguish between jQuery plugins that are and are not part of the official jQuery UI library. The same goes for widget namespacing and css class namespacing, except of course when using general jQuery UI CSS Framework classes. For example, if you write a widget called foo, the file should be named jquery.foo.js, not jquery.ui.foo.js. The widget can use classes such as ui-widget, ui-widget-content, ui-state-active (see Theming Docs for a full list) but should not use css classes such as ui-foo and other ui-foo-* classnames, as these would be reserved for the foo widget in the jQuery UI library, or jQuery UI Foo widget, which would have a filename jquery.ui.foo.js.

Latest jQuery 1.4.2

jQuery UI 1.8 includes the latest release of jQuery, 1.4.2. It’s fast.

How do I upgrade?

  1. Download jQuery UI 1.8 (see links above)
  2. If you’re going from 1.7 to 1.8, be sure to follow the latest Upgrade Guide. If you’re coming from an even older version, you’ll want to follow the legacy 1.7 Upgrade Guide first.
  3. Finally, to know just how much better every piece of jQuery UI got in 1.8, you can review the Changelog in all sorts of detail. If your favorite bug isn’t fixed yet, be sure to let us know in our bug tracker or the new Developing jQuery UI Forum.

What about jQuery UI 1.7?

The release of jQuery UI 1.8 final makes it the latest stable release of jQuery UI. This makes the previous release, 1.7.2, legacy. The jQuery UI project supports the latest stable and a single legacy release concurrently. So as of now, the jQuery UI Download Builder and ThemeRoller only contain these releases. Any release older than 1.7.2 is no longer supported and all users are encouraged to upgrade to 1.8 as soon as possible.

A few issues have been identified in attempting to use legacy jQuery UI 1.7.2 with the latest jQuery 1.4.2. These versions are not compatible. The legacy jQuery UI 1.7.2 is only compatible with jQuery 1.3.2. The coming jQuery UI 1.7.3 release will bring it up to compatibility with the latest jQuery 1.4.2. This will be the final 1.7.x release, freezing this branch.

Thanks

Thanks to all who helped with this release, specifically: 3li, 4pcbr, abaumhau, aesnn, aflynt, ajpiano, akaihola, akshell, alab1001101, albertvo, alexch, allanm051, andreas, Andrew Powell, andrew.sharpe.7.9, Aneon, antonello.pasella, aron.duby, arunpjohny, ashish879, ask, attaboy, audreyt, AzaToth, babaker, BenBlank, bhornseth, bkrausz, bman654, BMCouto, bmherold, bobbykjack, bobmajdakjr, bohdan.ganicky, bornemix, Brant Burnett, brostbeef, burhan, Ca-Phun Ung, caesar2k, carltongibson, cfrerebeau, chaos, Chealer, Chi Cheng, chrisbarr, cjwilks, coeamyd, colinclark, conkey2, crankharder, crexland, cupdike, cyberdaz360, d.wachss, d3r1v3d, dantman, danw, darkprisma, david.brooks, davidascher, davidb, defenestrator, Demphest, dhlavaty, diogobaeder, DiRN, divide, dluk, dmethvin, dmfontz, dmuir, dohsun, doublerebel, dougneiner, doutu, dpeterman, dprunier, DRHansen, dtetto, duelli, dunghopper, ecaron, eib, epascarello, epiraux, erikharrison, ethan, FDisk, FelipeMorais, fgTodd, Flany, FreakCERS, geki007, george.adamson, glipman, gotmikhail, grabanski, graemeworthy, GreyCells, guile, haayman, hatapitk, idlesign, igor.morozov, Infarinato, itfische, ivanko, jabbott7, JBeckton, jdillmann, jeffgran, jollytoad, julian.jelfs, Jörn Zaefferer, kae, ke4roh, Keith Wood, kevin.wells, klarkin, Klaus Hartl, kswedberg, lisaj, lnostdal, lunchtimemama, L_K_W, m4olivei, macarthy, Maggie Costello Wachs, marcoos, margustiru, martinkeimel, Matty, mawcs, mconway, mdiaz, menteb, mesoconcepts, mg, MikaJ, mikecapp, mikehostetler, Miroku_87, mkemmerling, mkornblum, moveax, MugeSo, mulhoon, mvermilion, neilski, nikolae, NJBR, nodster, ntoniazzi, obrie, patrick, Paul Bakaus, quasipickle, qwerty, ramaboo, raszi, rbrackett, remi, rgluga, ricardolopezrey, Richard Worth, riegens, rnbguru, RobARichardson, rsyring, Rwhitbeck, sam, Sancus, sc0rchin, SCCY, Scott González, Scott Jehl, sdavis, sebbacon, Sebmaster, seph429, sgorski, shartley, sherington, shuckster, slobo, smadep, snobo, sonu27, sosensible, spiralni, stakach, StevenBlack, TaeVjQuery, tan, Tgr, th3br41n, theojapa, thetoolman, tibi7000, timolastfm, togis, tomas, triblondon, trixta, uggedal, urkle, veronica, viraj.kanwade, vmx, vrn_shan, wakamolee, wewals, whydream, wichert, wimvl, Wolfjourn, xorax, xover, yourcelf, ZaDarkSide, ZeroMD, zeta, Zidane

jQuery UI 1.8rc3

Posted on by

The third release candidate for jQuery UI 1.8 is out and live on jqueryui.com. You can download it here:

Download

File Downloads

Svn

Changelog

See the 1.8rc3 Changelog for what’s been fixed since 1.8rc2. For a list of all issues fixed since 1.7.2, see previous 1.8 changelogs.

Upgrade Guide

A full Upgrade Guide for easing the transition between 1.7 and 1.8 is in the works. This will be ready in time for the final release. In the meantime, one of the more significant (and breaking) changes in 1.8 already documented there is a refactor of the widget factory. This means anyone that has built their own plugin that uses the widget factory will need to make a number of changes for compatibility with 1.8. For a view of these changes, see the widget factory section of the Upgrade Guide. Also, see this sample implementation of a simple widget with both the 1.7 and 1.8 widget factories, and the differences, by Scott González.

Plan for 1.8 final

We hope to release jQuery UI 1.8 final after a couple days, assuming there aren’t any blocking issues present in this release candidate.

Thanks

A big thanks to all that have worked on all the bug fixes and other improvements that have gone into this release. We’ll have a proper listing of all contributors in the final release announcement.

How to report issues

If you find any issues in this release, please do not put them in comments on this post, but instead head over to the Developing jQuery UI Forum. Thank you.

jQuery UI 1.8rc2

Posted on by

The second release candidate for jQuery UI 1.8 is out and ready for testing. You can download it here:

Download

File Downloads

Svn

Changelog

See the 1.8rc2 Changelog for what’s been fixed since 1.8rc1. For a list of all issues fixed since 1.7.2, see previous 1.8 changelogs.

Upgrade Guide

A full Upgrade Guide for easing the transition between 1.7 and 1.8 is in the works. This will be ready in time for the final release. In the meantime, one of the more significant (and breaking) changes in 1.8 already documented there is a refactor of the widget factory. This means anyone that has built their own plugin that uses the widget factory will need to make a number of changes for compatibility with 1.8. For a view of these changes, see the widget factory section of the Upgrade Guide. Also, see this sample implementation of a simple widget with both the 1.7 and 1.8 widget factories, and the differences, by Scott González.

Plan for 1.8 final

We hope to release jQuery UI 1.8 final after a couple days, assuming there aren’t any blocking issues present in this release candidate.

Thanks

A big thanks to all that have worked on all the bug fixes and other improvements that have gone into this release. We’ll have a proper listing of all contributors in the final release announcement.

How to report issues

If you find any issues in this release, please do not put them in comments on this post, but instead head over to the Developing jQuery UI Forum. Thank you.

jQuery UI Download Builder/ThemeRoller Status

Posted on by

NOTICE: The Download Builder and ThemeRoller have been restored to working order again.  Thank you all for your patience.

We are aware of the problems with the Download Builder and ThemeRoller and we apologize for any inconvenience this has caused.  We have disabled those components on our web site until the problems with these components can be resolved.  In the meantime, we would like to offer these static links for jQuery UI and jQuery UI Themes.  The Development bundle includes code for all jQuery UI plugins and the base theme.  The Themes Package includes all 21 pre-built themes from the ThemeRoller gallery.

jQuery UI 1.8rc1 (Preview)

jQuery UI 1.7.2 (Stable)

jQuery UI 1.6 (Legacy)

Google CDN

Multiple stable versions of jQuery UI are hosted on Google’s CDN as well as all the ThemeRoller themes for 1.7.2: base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, vader.

With Download Builder and ThemeRoller out of commission you will not be able to create custom downloads or themes. We understand that this is inconvenient and we are working as hard as we can to solve the problems as soon as possible. Thank you for your patience!

jQuery UI 1.8b1

Posted on by

The first beta release for jQuery UI 1.8 is out. You can download it here:

Download

File Downloads

Svn

Changelog

See the 1.8b1 Changelog for full details on what’s included in this release.
Please help us test this and beat it up. The plan is to have one more beta release, and then an rc1 before final.

Thanks

A big thanks to all that have worked on all the bug fixes and other improvements that have gone into this release.

jQuery UI 1.8a2

Posted on by

The second preview release for jQuery UI 1.8 is out. You can download it here:

Download

File Downloads

Svn

Changelog

See the 1.8a2 Changelog for full details on what’s included in this release.
Please help us test this and beat it up. The plan is to have two beta releases. New plugins may be added still before the first beta. The plugins in the first 1.8 beta will be the plugins in 1.8 final.

Thanks

A big thanks to all that have worked on all the bug fixes and other improvements that have gone into this release.

jQuery UI 1.8a1

Posted on by

The first preview release for jQuery UI 1.8 is out. You can download it here:

Download

File Downloads

Svn

Changelog

See the 1.8a1 Changelog for full details on what’s included in this release.

New Plugins

In addition to a number of bug fixes, this release adds three new plugins:

  • Position
  • Stackfix (update: later removed, changed back to bgigframe)
  • zIndex

Please help us test these out and beat them up. The plan is to have one more alpha releases, and then two beta releases. New plugins may be added still before the first beta. The plugins in the first 1.8 beta will be the plugins in 1.8 final.

Thanks

A big thanks to all that have worked on creating these new plugins, incorporating them into this release, as well as all the bug fixes and other improvements that have gone into this release.

jQuery UI 1.7.2

Posted on by

The second maintenance release for jQuery UI 1.7 is out. You can download it here:

Download

File Downloads

Svn

Google Ajax Libraries API

Custom Download Builder

Changelog

See the 1.7.2 Changelog for full details on what’s included in this release.

New Themes

Filament Group has done it again. They’ve given us 7 more beautiful themes in the ThemeRoller Gallery:

Dark Hive
Dark Hive Theme Preview
Eggplant
Eggplant Theme Preview
Flick
Flick Theme Preview
Le Frog
Le Frog Theme Preview
Overcast
Overcast Theme Preview
Pepper Grinder
Pepper Grinder Theme Preview
Sunny
Sunny Theme Preview

Overhauled Download Builder

A huge thanks to Gavin Mulligan, one of our newest contributors, for doing a complete overhaul of our download builder, fixing issues people were having with invalid zip files and missing theme files on certain browsers and platforms.

Also, a big thanks to all that helped identify issues in the old and test the new download builder: Aaron Barker, agnawt, Attila, Bear, Beaver6813, boater21, Brian McManus, brucealdridge, cblaze22, cioa, Cloudream, compsagnathus, davidcoallier, dgm, dp, dpaviani, engemasa, evo, garrardkitchen, Glauco Morais, gmaddockgreene, gtrplayer5150, hanmari, Hans Petter, hdragomir, joern.zaefferer, joldag, Julián C. Pérez, kareem, Karl, Keith Barrows, Kelheinz, khinester, Kim Rowden, KingCode, Lakshmi, latrippi, linuxjuggler, Logictrap, Matthew, mawcs, MorningZ, nilicule, p8w, Paul Bakaus, Petre KOSTOV, Phoenix Sol, pnanduri76, rdworth, rsm08, rwalsh, Rwhitbeck, Scott González, Scott Jehl, SexyBeast, SiCo, smorgen, sosensible, sotonin, Spencer, ssr, steenbag, steve_goodman, Todd Parker, tonybibbs, utobia, WanderingZombie

jQuery UI 1.6

Posted on by

The legacy compatibility update release, jQuery UI 1.6 is out. You can download it here:

Download

File Downloads

Svn

Google Ajax Libraries API

Custom Download Builder

Changelog

See the 1.6 Changelog for full details on what’s included in this release.

Reminder

This is a legacy update release for 1.5. It is intended for anyone still using jQuery 1.2.6. If you’re able to upgrade to jQuery 1.3+, it is highly recommended that you use jQuery UI 1.7, which is the latest stable release.

jQuery UI 1.6rc2.6

Posted on by

The legacy preview release, jQuery UI 1.6rc2.6, is available for download and testing.

Download

You can download the development bundle here:

http://jquery-ui.googlecode.com/files/jquery.ui-1.6rc2.6.zip

or check out from svn or reference individual files here:

http://jquery-ui.googlecode.com/svn/tags/1.6rc2.6/

Testing

If you find any issues, please file in the bug tracker

http://dev.jqueryui.com/newticket (note: requires registration)

and be sure to set the ‘version’ to ‘1.6rc2.6’ and the ‘milestone’ to ‘1.6’.

About the 1.6 release

As announced previously, this release is in preparation for a final 1.6 release based on 1.6rc2 that will provide an updated version for those currently using jQuery 1.2.6 and jQuery UI 1.5.3, and not yet able to update to jQuery 1.3 and jQuery UI 1.7. Please note, as soon as the 1.6 release is finalized, it will be frozen as legacy and no longer actively developed. Thanks.