Book Image

jQuery UI Development [Video]

By : Ben Fhala
Book Image

jQuery UI Development [Video]

By: Ben Fhala

Overview of this book

<p>jQuery UI is a trusted suite of official plug-ins for the jQuery JavaScript library, which gives you a solid platform on which to build rich and engaging interfaces with maximum compatibility and stability, and minimum time and effort.</p> <p>jQuery UI training is made easy in this video, with step-by-step examples, useful tips, and quick tricks. This course breaks down complex tasks into bite-sized chunks, making it the best resource for you to use if you want to start using jQuery UI. Learn how to save hundreds of hours in development using jQuery UI's awesome components.</p> <p>Even in the HTML 5 world of today, there are many oft used components and functionalities that still aren't part of a browser out of the box; this library is the critical solution, which will save you hundreds of hours while building highly sophisticated components for your applications. We'll cover the basics, and then build our first component – the datePicker - and we'll customize its characteristics. We'll discuss the ThemeRoller application for quickly skinning components, and the dialog component in all its detail. You'll also learn how to discover component features on your own, how to listen in on variables and changes, as well as how to trigger and listen to events. We'll then kick it up a notch with jQuery UI's drag-and-drop capabilities and build a working example that uses all of these features. We'll use components effectively, examine event properties in detail, and even clean up our code to make it more presentable. We'll wrap up by demonstrating as many of jQuery UI's essential and popular components as we can, followed by a brief course recap and summary.</p> <h1>Style and Approach</h1> <p>Packt video courses are designed to cover the breadth of the topic in short, hands-on, task-based videos. Each course is divided into short manageable sections, so you can watch the whole thing or jump to the bit you need. The focus is on practical instructions and screencasts showing you how to get the job done.</p> <p>jQuery UI training is made easy, with step-by-step examples, useful tips, and quick tricks. This course breaks down complex tasks into bite-sized chunks, making it your quickest resource to jump-start your journey with jQuery UI. Learn how to save hundreds of hours in development using jQuery UI's awesome components.</p>
Table of Contents (6 chapters)
Chapter 3
Working with Widgets
Content Locked
Section 4
Working with Widget Options
In this video we will dive right into the options of widgets and see how to customize their features. - Set the dialog's height and the minHeight property with the initiator - Set the dialog's width and minWidth properties with the initiator - Disable a default property (draggable)