List of Figures

 

Chapter 1. Introducing jQuery UI

Figure 1.1. The pieces of the jQuery UI library, categorized into widgets, interactions, utilities, and effects

Figure 1.2. An example of all 12 jQuery UI widgets. Because of the jQuery UI CSS framework, each widget has a consistent look.

Figure 1.3. Using jQuery UI ThemeRoller, you can configure a custom theme by playing with CSS properties and seeing their effect on the jQuery UI widgets live.

Figure 1.4. The download prompt on http://jqueryui.com. You can download the latest stable or legacy releases of jQuery UI, or visit Download Builder to create a custom build.

Figure 1.5. The first example. A jQuery UI datepicker opens when the <input> receives focus.

Figure 1.6. jsFiddle is an online testing tool that you can use to run jQuery UI code. You place HTML, CSS, and JavaScript in their appropriate panes, and click the Run button to see the results.

Figure 1.7. The datepicker example running in jsFiddle. The jsFiddle interface takes the HTML in the HTML pane and the JavaScript in the JavaScript pane, runs them, and displays the results in the Result pane.

Chapter 2. Enhancing UIs with widgets

Figure 2.1. A jQuery UI dialog widget created using the dialog() plugin.

Figure 2.2. A jQuery UI dialog used to display a success message. The title option determines the text in the title bar, and the buttons option creates an OK button.