Wednesday, March 24th, 2010
jQuery UI 1.8 comes with new plugins, effect, and fixes
jQuery UI 1.8 has been released and it contains new plugins, a new effect, bug fixes, and is forkable on GitHub
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.
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.
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.
+10 points for checking your posts before (or even after) you make ‘em live, boys!
sorry. it’s late and I was holding a baby in one hand while doing this….
@dion – then you have my respect! :)
I have yet to see a solution that will render button, input[type=submit] and anchor-tags the exact same side by side across browsers. In FF 3.6.2 on WinXP the button widget displays the input[type=submit] 2px taller than its neighbours… I wish FF would let you set a line-height on input and button elements *sigh*
@rasmusfl0e it’s the same in Safari and Chrome (Webkit) so yea, the buttons aren’t actually the same style for any element.
@dion – Oh God, do you really think that jQuery UI 1.8 is more important than beeing 100% with your baby?