O'Reilly logo

Ext JS 4 Web Application Development Cookbook by Stuart Ashworth, Andrew Duncan

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 11. Theming your Application

In this chapter, we will cover:

  • Compiling SASS with Compass
  • Introduction to SASS
  • Using Ext JS' SASS variables
  • Using the UI config option
  • Creating your own theme mixins
  • Restyling a panel
  • Creating images for legacy browsers

Introduction

Changing the look and feel of an Ext JS application has always been a big task involving getting your hands dirty, trawling through CSS styles, and creating custom image sprites to support those pesky legacy browsers. Ext JS 4 has addressed this problem in a spectacular fashion and it is now very easy to move away from the default theme.

This chapter describes the tasks involved in customizing the look and feel of your Ext JS application. You will learn the basics of SASS and Compass, and ...

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