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 finishing touches

At this point, our inbox widget is full-featured and theme-friendly. It does what it was designed to do and we can change themes. However, to make our widget as good as it can possibly be, we'll have to perform a final round of tweaks and enhancements:

  1. Edit the index.js file created earlier and replace the content with the following:
    $(document).ready(function(){
    $('#inbox').inbox({title: 'My Inbox',
    icons: {'primary':'ui-icon-folder-open'}});
    });
    
  2. Edit the jquery.ui.inbox.js file created earlier and replace the content with the following:
    $.widget('ui.inbox', { options: { title: null, icons: null, }, _init: function () { var title = this.options.title, baseClasses = 'ui-inbox ui-widget ui-widget-content ui-corner-all', ...

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