jQuery UI Cookbook
eBook - ePub

jQuery UI Cookbook

Adam Boduch

Share book
  1. 290 pages
  2. English
  3. ePUB (mobile friendly)
  4. Available on iOS & Android
eBook - ePub

jQuery UI Cookbook

Adam Boduch

Book details
Book preview
Table of contents
Citations

About This Book

In Detail

jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery core lays the foundation for interaction with the DOM and handling events, jQuery UI fills in the user interaction gap. This book will give you a huge productivity boost out of the box with jQuery UI, and help you understand the framework, inside and out.

"jQuery UI Cookbook" provides you with practical recipes featuring in-depth coverage of every widget in the framework, including how to address limitations that impact your everyday development activities with these widgets. You'll get a better idea of the big picture - how the framework is composed, how the widgets relate to one another, and how to build on those patterns.

Be it a minor tweak on the visual design of a progress bar or a fundamental change in a widget to meet your needs, "jQuery UI Cookbook" covers scenarios both big and small. You can show reminders as tooltips, apply a variety of effects to the menu widget, and start interactions between the dialog widget and API data using deferred objects. These and many more interesting tasks are covered in this book, which can be done with smooth learning and great understanding. You will see how button widgets can fill the width of their containing element, making the layout more consistent. Tabs can be sorted and moved between widgets. You will learn how to do all these things within the context of the big picture, by finding out why the components work the way they do, making you well-versed in jQuery UI.

Approach

Filled with a practical collection of recipes, jQuery UI Cookbook is full of clear, step-by-step instructions that will help you harness the powerful UI framework in jQuery. Depending on your needs, you can dip in and out of the Cookbook and its recipes, or follow the book from start to finish.

Who this book is for

If you are a jQuery UI developer looking to improve your existing applications, extract ideas for your new application, or to better understand the overall widget architecture, then jQuery UI Cookbook is a must-have for you. The reader should at least have a rudimentary understanding of what jQuery UI is, and have written some code that uses jQuery UI.

Frequently asked questions

How do I cancel my subscription?
Simply head over to the account section in settings and click on “Cancel Subscription” - it’s as simple as that. After you cancel, your membership will stay active for the remainder of the time you’ve paid for. Learn more here.
Can/how do I download books?
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
What is the difference between the pricing plans?
Both plans give you full access to the library and all of Perlego’s features. The only differences are the price and subscription period: With the annual plan you’ll save around 30% compared to 12 months on the monthly plan.
What is Perlego?
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Do you support text-to-speech?
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Is jQuery UI Cookbook an online PDF/ePUB?
Yes, you can access jQuery UI Cookbook by Adam Boduch in PDF and/or ePUB format, as well as other popular books in Design & Web Design. We have over one million books available in our catalogue for you to explore.

Information

Year
2013
ISBN
9781782162186
Edition
1
Topic
Design
Subtopic
Web Design

jQuery UI Cookbook


Table of Contents

jQuery UI Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Support files, eBooks, discount offers and more
Why Subscribe?
Free Access for Packt account holders
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Creating Accordions
Introduction
Section navigation using the Tab key
Getting ready
How to do it...
How it works...
Dynamically changing the height style
Getting ready
How to do it...
How it works...
Resizable content sections
How to do it...
How it works...
There's more...
Controlling spacing with themes
How to do it...
How it works...
Sorting accordion sections
How to do it...
How it works...
Dragging-and-dropping between accordions
Getting ready
How to do it...
How it works...
2. Including Autocompletes
Introduction
Styling the default input with themes
Getting ready
How to do it...
How it works...
Building data sources using select options
Getting ready
How to do it...
How it works...
Using multiple data sources
How to do it...
How it works...
Remote autocomplete filtering
How to do it...
How it works...
There's more...
Custom data and categories
How to do it...
How it works...
There's more...
Applying effects to the drop-down menu
Getting ready
How to do it...
How it works...
3. Crafting Buttons
Introduction
Making simple checklists
Getting ready
How to do it...
How it works...
Controlling the spacing with buttonsets
Getting ready
How to do it...
How it works...
Filling space with buttons automatically
Getting ready
How to do it...
How it works...
There's more...
Sorting buttons within a group
Getting ready
How to do it...
How it works...
Using effects with the button hover state
Getting ready
How to do it...
How it works...
Button icons and hiding text
Getting ready
How to do it...
How it works...
4. Developing Datepickers
Introduction
Working with different date formats
How to do it...
How it works...
There's more...
Making a full-sized calendar widget
Getting ready
How to do it...
How it works...
Displaying month-to-month effects
Getting ready
How to do it...
How it works...
Appointment reminders as tooltips
How to do it...
How it works...
Restricting the date range
Getting ready...
How to do it...
How it works...
There's more...
Hiding the input field
Getting ready
How to do it...
How it works...
Additional calendar data and controls
Getting started
How to do it...
How it works...
5. Adding Dialogs
Introduction
Applying effects to dialog components
How to do it...
How it works...
Waiting for API data to load
Getting ready...
How to do it...
How it works...
Using icons in the dialog title
Getting ready...
How to do it...
How it works...
Adding actions to the dialog title
How to do it...
How it works...
Applying effects to dialog resize interactions
Getting ready...
How to do it...
How it works...
Using modal dialogs for messages
Getting ready...
How to do it...
How it works...
6. Making Menus
Introduction
Creating sortable menu items
Getting ready
How to do it...
How it works...
Highlighting the active menu item
Getting ready
How to do it...
How it works...
Using effects with menu navigation
Getting ready
How to do it...
How it works...
Building menus dynamically
Getting ready
How to do it...
How it works...
There's more...
Controlling the position of submenus
Getting ready
How to do it...
How it works...
Applying themes to submenus
Getting ready
How to do it...
How it works...
7. Progress Bars
Introduction
Displaying file upload progress
Getting ready
How to do it...
How it works...
Animating progress changes
How to do it...
How it works...
There's more...
Creating progressindicator widgets
How to do it...
How it works...
There's more...
Using states to warn about thresholds
Getting ready
How to do it...
How it works...
Giving progressbars labels
How to do it...
How it works...
There's more...
8. Using Sliders
Introduction
Controlling the size of the slider handle
Getting ready...
How to do it...
How it works...
Removing the handle focus outline
How to do it...
How it works...
Using master sliders and child sliders
How to do it...
How it works...
Marking step increments
How to do it...
How it works...
Getting range values
Getting ready...
How to do it...
How it works...
Changing the slider orientation
How to do it...
How it works...
9. Using Spinners
Introduction
Removing the input focus outline
How to do it...
How it works...
Formatting currencies for local cultures
How to do it...
How it works...
Formatting time for local cultures
How to do it...
How it works...
Controlling the step between values
How to do it...
How it works...
There's more...
Specifying the spin overflow
How to do it...
How it works...
There's more...
Simplifying the spinner buttons
How to do it...
How it works...
10. Using Tabs
Introduction
Working with remote tab content
How to do it...
How it works...
There's more...
Giving tabs an icon
How to do it...
How it works...
Simplifying the tab theme
How to do it...
How it works...
There's more...
Using tabs as URL navigation links
How to do it...
How it works...
Creating effects between tab transitions
How to do it...
How it works...
Sorting tabs using the sortable interaction
How to do it...
How it works...
There's more...
Setting the active tab using href
How to do it...
How it works...
There's more...
11. Using Tooltips
Introduction
Changing the tooltip state
How to do it...
How it works...
There's more...
Using custom markup in tooltips
How to do it...
How it works...
There's more...
Displaying the mouse movement
How to do it...
How it works...
Applying effects to the tooltip display
How to do it...
How it works...
Tooltips for selected text
How to do it...
How it works...
There's more...
12. Widgets and More!
Introduction
Accordions to tabs, and back again
How to do it...
How it works...
Building a custom widget from scratch
How to do it...
How it works...
Building an observer widget
How to do it...
How it works...
Using widgets with Backbone applications
How to do it...
How it works...
Index

jQuery UI Cookbook

Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the i...

Table of contents