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

Using the UI config option

Sencha provide a series of mixins with Ext JS 4 that allow you to quickly and easily create custom styles for a wide range of components. These mixins can be used to create custom UI styles, which you can apply to panels, buttons, and so on.

For example, the default styling for a button is available for a variety of sizes of button. However, in each case the color is the same. By creating a button ui with the extjs-button-ui mixin you can create a button with a different color for use with a different action. This recipe will demonstrate the principles and steps required to use the ui mixins and apply them to your components.

Getting ready

This recipe will require SASS and Compass to be set up so we can compile our SASS ...

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