Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Mastering jQuery UI

You're reading from   Mastering jQuery UI Become an expert in creating real-world Rich Internet Applications using the varied components of jQuery UI

Arrow left icon
Product type Paperback
Published in Feb 2015
Publisher
ISBN-13 9781783286652
Length 312 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Vijay Joshi Vijay Joshi
Author Profile Icon Vijay Joshi
Vijay Joshi
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Designing a Simple Quiz Application FREE CHAPTER 2. Building a Jigsaw Puzzle Game 3. Creating a Website Tour 4. Creating a Tabbed News Reader 5. Implementing CAPTCHA using Draggable and Droppable 6. Creating an Event Timeline Using a Slider 7. Using jQuery UI with Google Maps API 8. Creating a Photo Album Manager 9. Creating Widgets Using the Widget Factory 10. Building a Color Picker with Hex RGB Conversion 11. Creating a Fully Functional Dashboard A. Best Practices for Developing with jQuery UI Index

Chapter 4. Creating a Tabbed News Reader

jQuery UI offers a number of components that can be used in a variety of combinations to create rich interfaces. We saw such a combination in the previous chapter, Chapter 3, Creating a Website Tour, where we used dialog, buttons, tooltips, and other components to create a neat website tour feature.

Moving forward, let's talk about tabs. Tabs are a very useful widget for the presentation layer, that is, the user interface (UI). Most common use cases for tabbed interfaces are UIs where there is limited space. Tabs have multiple panels in which different contents can be displayed. Clicking on a tab opens its corresponding panel.

In this chapter, you will focus on tabs and dialog components and learn to integrate the reddit API with the tabs. If you are not familiar with reddit, it is a news aggregation website where all the content is submitted by the users. There are different "subreddits" created by users for different topics...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image