ExtJS 5 Textfield Chrome Bug Fix

By Vitaliy on July 03, 2015. ExtJS 5.0.0
292
This bug can be fixed by single css line: .x-form-text { display: inline; }

Js Code

Ext.onReady(function () {
    Ext.widget({
        title: 'Form',
        xtype: 'form',
        width: 400,
        frame: true,
        bodyPadding: 10,
        items: [{
            fieldLabel: 'Bug field',
            xtype: 'textfield'
        }, {
            fieldLabel: 'Fixed field',
            xtype: 'textfield',
            fieldCls: 'fixed'
        }],
        renderTo: 'output'
    });
});    

ExtJS 5: Building a Login System

By Vitaliy on September 26, 2014. ExtJS 5.0.0
1815
Demo for post 

Js Code

//app/view/login/Login.js
Ext.define("App.view.login.Login", {
    extend: 'Ext.window.Window',
    xtype: 'login',

    requires: [
        'App.view.login.LoginController',
        'Ext.form.Panel'
    ],

    controller: 'login',
    bodyPadding: 10,
    title: 'Login Window',
    closable: false,
    autoShow: true,

    items: {
        xtype: 'form',
        reference: 'form',
        items: [{
            xtype: 'textfield',
            name: 'username',
            fieldLabel: 'Username',
            allowBlank: false
        }, {
            xtype: 'textfield',
            name: 'password',
            inputType: 'password',
            fieldLabel: 'Password',
            allowBlank: false
        }, {
            xtype: 'displayfield',
            hideEmptyLabel: false,
            value: 'Enter any non-blank password'
        }],
        buttons: [{
            text: 'Login',
            formBind: true,
            listeners: {
                click: 'onLoginClick'
            }
        }]
    }
});    

ExtJS 5 Is Available Now

By Vitaliy on June 04, 2014. ExtJS 5.0.0
743
More details here.

Js Code

Ext.widget({
	viewModel: model,
	bind: {
		title: '{rec.title}',
		html: '{rec.body}'
	},
	xtype: 'panel',
	width: 400,
	frame: true,
	renderTo: 'output'
});