JSFiddle - React, Tailwind, and code Playground

by Wei Lin Chen

HTML

<body></body>

JavaScript

Ext.onReady(function () {

    var form = Ext.create("Ext.form.Panel", {
        title: 'Text Display Form',
        items: [{
            xtype: 'textfield',
            fieldLabel: 'Pre Field',
            value: 'Pre Field'
        }, {
            xtype: 'displayfield',
            value: 'line 1 aasdasdasdasdasdasd line 2 ad asd asd asd asd asdasd',
            fieldLabel: 'multiLineField',
            width : '20%'
        },{
            xtype: 'textfield',
            fieldLabel: 'After Field',
            value: 'After Field'
        },
        {
            xtype: 'displayfield',
		       	itemId: 'msgArea',
			      labelAlign: 'right',
            fieldStyle: 'color:red;',
            value: 'qewqe'
        }
        ],
        buttons: [{
            text: 'submit',
            handler: function() {
                this.showMsg();
            }
        }, {
            text: Ext.Bundle.getMsg('ui.common.closeWindow'),
            handler: function() {
                me.close();
            }
        }],
        renderTo: Ext.getBody()
    });
})