O'Reilly logo

Learning Ext JS - Fourth Edition by Armando Gonzalez, Crysfel Villa, Carlos A. Méndez

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

Implementing responsiveness to the application

For implementing responsiveness in our applications we have two fundamental classes in Ext JS, and those are:

  • Ext.plugin.Responsive
  • Ext.mixin.Responsive

These two classes work in the same way but there is a difference, as follows:

  • Ext.plugin.Responsive must be used for already created components
  • Ext.mixin.Responsive must be used for classes or components that we create or extend

Creating responsiveness

Let's create a simple HTML file, name it responsive_01.html, and add the following content:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Responsive - 01 - basic sample</title> <link rel="stylesheet" type="text/css" href="../ext-5.1.1/packages/ext-theme-neptune-touch/build/resources/ext-theme-neptune-touch-all.css"> ...

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