September 2014
Beginner
686 pages
20h 43m
English
Content preview from JavaScript & jQuery: The Missing Manual, 3rd EditionBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 11. Customizing the Look of jQuery UI
jQuery UI widgets share a unified appearance—the date picker looks similar to tabbed panels, which looks similar to a dialog box, which looks similar to a tooltip. If you pieced together a bunch of separate jQuery plug-ins by different authors to get these same widgets, you’d spend a lot of time messing around with CSS to get the different plug-ins to look related. The consistent presentation throughout the different jQuery UI widgets means you can build a web application with a unified look without spending countless hours handcrafting CSS.
However, what if you already have a look for your site and you want to make jQuery UI fit in with your existing design? For this situation, the jQuery UI team has put together lots of helpful advice as well as a cool online tool for even more assistance. This chapter covers how to override or modify existing jQuery UI styles and how to create new ones.
Introducing ThemeRoller
There are a lot of moving pieces in jQuery UI: creating all of the CSS to make each widget look great (and visually related) is a big task. Fortunately, the jQuery UI team put together an online tool called ThemeRoller. This tool lets you choose among 24 themes developed by designers for use with jQuery UI. It also provides tools to modify an existing theme, letting you pick fonts and colors that match the look of your site.
To use ThemeRoller, visit http://jqueryui.com/themeroller/ (Figure 11-1). You can look at the collection ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.