O'Reilly logo

jQuery UI Themes Beginner's Guide by Adam Boduch

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

Time for action - creating a style

Now that we have a general idea of what a widget is and how they relate to themes, let's create one. We're going to create a todo list widget. This widget isn't going to be built for any particular application. We want to reuse it somewhere else, should the need arise. The requirements of this todo list widget are pretty straightforward. It will display the title of the list along with the list items.

  1. Create a new index.html file with the following content and save it:
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Todo List</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <h3 id="todo-title">TODO</h3> <ul id="todo-list"> <li>Design user interface</li> ...

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