JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.0.7-gpl/resources/css/ext-all.css">
JavaScript
Ext.create('Ext.container.Viewport', {
layout: {
header: false,
type: 'border',
padding: 0
},
items: [{
region: 'north',
padding: '0 150 0 150',
height: 36,
html: 'header'
}, {
id:'mainPanelContainer',
autoScroll: true,
padding: '0 150 0 150',
region: 'center',
items:[
{
xtype:'form',
items:[{
xtype: 'container',
flex: 1,
layout: 'anchor',
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
anchor: '95%',
xtype: 'htmleditor',
fieldLabel: 'Popis',
name: 'Description',
height: 240,
width: 450
}]
}, {
xtype: 'container',
flex: 1,
layout: 'anchor',
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
...