O'Reilly logo

Ext JS 6 By Example by Anand Dayalan

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

Theming

Ext JS makes theming much easier with less maintenance headache by letting you extend easily from an existing theme.

First, we will need a workspace, so run the following command to generate an application in a subfolder called myapp in the current folder:

sencha -sdk <path to SDK> generate app MyApp ./myapp

Ext JS comes with a set of themes, and you can choose one of them, or you can create your own custom theme by extending one of the themes that Sencha has provided.

By default, Sencha Cmd 6 uses theme-neptune. You will find the following code in app.json in the preceding generated code for MyApp. Here, you can change the theme for the modern and classic toolkit:

"builds": { "classic": { "toolkit": "classic", "theme": "theme-triton" }, ...

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