form.Field Override

[dorgan]

I put together this simple override that will add a class to a form fields label on focus. The way I used it was i made the default text color of field labels lighter and made it so the focus class has a darker color.

Maybe this is will same someone else the time of trying to put this together.....

Ext.override(Ext.form.Field, {
    onFocus: Ext.form.Field.prototype.onFocus.createSequence(function () {
        var formItem = this.el.up('.x-form-item', 10);
        if (formItem) {
            var label = formItem.child('.x-form-item-label');
            if (label) {
                label.addClass('x-form-item-label-focus');
            }
        }
    }),
    onBlur: Ext.form.Field.prototype.onBlur.createSequence(function () {
        var formItem = this.el.up('.x-form-item', 10);
        if (formItem) {
            var label = formItem.child('.x-form-item-label');
            if (label) {
                label.removeClass('x-form-item-label-focus');
            }
        }
    })
});

[mitchellsimoens]

Very nice!