O'Reilly logo

Ext JS 4 First Look by Loiane Groner

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 6. Ext JS 4 Themes

Ext JS 4 provides a new engine to create new themes. It is now much easier to create and customize themes than it was in Ext JS 3.

In this chapter, we will cover how to create a new theme using the CSS3 features:

  • Install Sass and Compass
  • Create a new Ext JS 4 theme
  • Create new UI Components
  • Support legacy browsers

Getting started with Ext JS 4 themes

If you have already tried to customize an Ext JS 3 theme, you know that it was a complicated task— and a bit annoying, too. You had to open Firebug, inspect every single element, go to the CSS file, and then change it to a new color/background, and so on. Some Components of Ext JS 3 were composed of some images, such as the Button Component. If we wanted to change the button color, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required