Ext.js - Themes

Ext.js provides a number of themes to be used in your applications. You can add a different theme in place of a classic theme and see the difference in the output. This is done simply by replacing the theme CSS file as explained ahead.

Consider your very first Hello World application. Remove the following CSS from the application.
https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css

Neptune Theme

Add the following CSS to use the Neptune theme.
https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-neptune/resources/theme-neptune-all.css

Comments

Post a Comment

Popular posts from this blog

How to start and stop editing a record?

Ext . define ( 'Ext.form.Basic' , {    ...    updateRecord :  function ( record ) {        var   fields  =  record . fields ,            values  =  this . getFieldValues (),            name ,             obj  = {};        fields . each ( function ( f ) {            name  =  f . name ;            if  ( name   in   values ) {                obj [ name ] =  values [ name ];            }        });     ...
Read more