jQuery UI Cookbook
eBook - ePub

jQuery UI Cookbook

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

jQuery UI Cookbook

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.

Trusted by 375,005 students

Access to over 1.5 million titles for a fair monthly price.

Study more efficiently using our study tools.

Information

Year
2013
Edition
1
eBook ISBN
9781782162186
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

  1. jQuery UI Cookbook

Frequently asked questions

Yes, you can cancel anytime from the Subscription tab in your account settings on the Perlego website. Your subscription will stay active until the end of your current billing period. Learn how to cancel your subscription
No, books cannot be downloaded as external files, such as PDFs, for use outside of Perlego. However, you can download books within the Perlego app for offline reading on mobile or tablet. Learn how to download books offline
Perlego offers two plans: Essential and Complete
  • Essential is ideal for learners and professionals who enjoy exploring a wide range of subjects. Access the Essential Library with 800,000+ trusted titles and best-sellers across business, personal growth, and the humanities. Includes unlimited reading time and Standard Read Aloud voice.
  • Complete: Perfect for advanced learners and researchers needing full, unrestricted access. Unlock 1.5M+ books across hundreds of subjects, including academic and specialized titles. The Complete Plan also includes advanced features like Premium Read Aloud and Research Assistant.
Both plans are available with monthly, semester, or annual billing cycles.
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.5 million books across 990+ topics, we’ve got you covered! Learn about our mission
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 about Read Aloud
Yes! You can use the Perlego app on both iOS and Android devices to read anytime, anywhere — even offline. Perfect for commutes or when you’re on the go.
Please note we cannot support devices running on iOS 13 and Android 7 or earlier. Learn more about using the app
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 1.5 million books available in our catalogue for you to explore.