For implementing responsiveness in our applications we have two fundamental classes in Ext JS, and those are:
These two classes work in the same way but there is a difference, as follows:
Ext.plugin.Responsivemust be used for already created components
Ext.mixin.Responsivemust be used for classes or components that we create or extend
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"> ...