Course Details

Previous Page

Using and Creating Widgets

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

jQuery UI provides some powerful and very useful widgets for web site development. In this course, you will learn how to use some of the more advanced widgets and their features as well as learn how to create your own widgets.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS


Expected Duration (hours)

Lesson Objectives

Using and Creating Widgets

  • start the course
  • use the Accordion widget to create sectioned data that can be opened like an accordion
  • use the Button widget to add extra functionality and theming to inputs and anchors
  • work with the Menu widget to create themeable menus that respond to both mouse and keyboard interactions
  • use a Progressbar widget to show a visual representation of when a process will complete
  • use a Spinner widget to enter numbers, prices, and decimal values
  • apply the Tooltip widget to inputs to add bubble help
  • use a Controlgroup widget to group multiple widgets together
  • implement drag and drop functionality to move elements using the mouse
  • use the mouse to select a group of elements or resize an element
  • use the mouse to change the order of a set of elements
  • use the widget factory to create a simple widget
  • add options for configuring a widget
  • add and use properties and static members
  • add a custom event to a widget
  • bind event handlers to the widget
  • adding callbacks to allow the widget to provide status on state changes and use functions to control the widget
  • use inheritance to extend a widget
  • manipulate widgets and create a simple widget
  • Course Number:

    Expertise Level