Time for action styling the buttons

The work done by tasklist.js is mainly concerned with styling the<button> elements and adding tooltips and inline labels to<input> elements. The results so far are shown in the following screenshot:

Time for action styling the buttons

What just happened?

As can be seen in the first line of tasklist.js (code starts on the next page), the work to be done is scheduled after loading the complete document by passing it to jQuery's $(document).ready() function.

The first step is to add to any element with a header class the ui-widget and ui-widget-header classes as well. This will cause these elements to be styled in a way that is consistent with the chosen ...

Get Python 3 Web Development Beginner's Guide now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.