O'Reilly logo

jQuery UI 1.10: The User Interface Library for jQuery by Dan Wellman, Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using the framework classes

Along with using the framework while we're implementing official jQuery UI widgets, we can also use it when we're deploying our own custom plugins.

Working with containers

Containers are recommended because it means that widgets or plugins that we write will be ThemeRoller-ready and easier for end-developers to theme and customize. Let's look at how easy it is to use the framework with our own elements.

In your text editor, create a new file and add the following code:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Framework - Containers</title> <link rel="stylesheet" href="development-bundle/themes/base/jquery.ui.all.css"> </head> <body> <div class="ui-widget"> <div class="ui-widget-header ui-corner-top"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required