Implementing responsiveness to the application
For implementing responsiveness in our applications we have two fundamental classes in Ext JS, and those are:
Ext.plugin.ResponsiveExt.mixin.Responsive
These two classes work in the same way but there is a difference, as follows:
Ext.plugin.Responsivemust be used for already created componentsExt.mixin.Responsivemust 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"> <script src="../ext-5.1.1/build/ext-all.js"></script> <script src="../ext-5.1.1/packages/ext-theme-neptune...
