Summary

In this chapter, we had a good long look at buttons, creating a custom markup button using the sliding doors method to provide horizontal scalability, and creating multiple states by applying different background images contained in a sprite image.

We then integrated the "horrible" Ext button, starting out using static markup, showing how the button can work without any further changes. After that we converted the static Ext button into a fully functioning button, opening up a range of possibilities that the Ext.Button API offers, including transforming it to include drop-down menus and icons.