Chapter 7. Theming and styling applications with jQuery UI

This chapter covers

  • Using the jQuery UI themes
  • Building custom themes with ThemeRoller
  • Styling with the jQuery UI CSS framework

We’ve discussed the widgets in jQuery UI and how they work, but we’ve yet to discuss an important part of any set of UI widgets: how they look.

jQuery UI includes a theming system that makes it easy to apply a consistent look to all widgets. The library includes 24 prebuilt themes, as well as an online tool for customizing them.

The library’s theming system is implemented as a series of CSS class names, collectively known as the jQuery UI CSS framework. The class names in the CSS framework let you create themeable components, as well as perform a number ...

Get jQuery UI in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.