Field help text plugin.

[wemerson.januario]

nice work

[paffinito]

Hi Animal,

not work with textarea and compositefield.

Thanks for your help

[petcy]

is this possible to change the properties of a textfield on button click event???


here i want to change the hidden property of text field into false on a button click....


how???

[Rick.McIntosh]

Animal:

When I upgraded from EXTJS 3.3.1 to 3.4.0 the text moved from under the form field to the upper right of the form field. Otherwise everything the same. I have used the FieldHelp plugin for several years and no issue with each upgrade. I am not sure what to do, any ideas?

I use the plugin code exactly as written on the first page of this forum with a sample form field as written below:

{ xtype: 'checkbox',
name: 'enable_row_numbers',
plugins: [ new Ext.ux.FieldHelp("ENABLE_ROW_NUMBERS_TOOLTIP'") ],
fieldLabel: "ENABLE_ROW_NUMBERS"
},
Thanks



Rick

[talha06]

useful plugin as expected, thanks for sharing Animal

[MtAiryEd]

VERY useful!! Thanks for creating this!

[Rick.McIntosh]

How do you port this FieldHelp plugin to EXTJS 4.1. I have looked and it still seems that extjs does not support form tooltips.

Thanks

Rick

[Rick.McIntosh]

Ext.ux.FieldHelp = Ext.extend(Object, (function(){
function syncInputSize(w, h) {
this.el.setSize(w, h);
}


function afterFieldRender() {
if (!this.wrap) {
// this.wrap = this.el.wrap({cls: 'x-form-field-wrap'}); // extjs 3.x for from fields that are not tables
this.wrap = this.el.last().last().last(); //change for extjs 4.1 to append at end or form/table field
this.positionEl = this.resizeEl = this.wrap;
this.actionMode = 'wrap';
this.onResize = Ext.Function.createSequence(this.onResize,syncInputSize);
}
this.wrap[this.helpAlign == 'top' ? 'insertFirst' : 'createChild']({
cls: 'x-form-helptext',
html: this.helpText
});
}


return {
constructor: function(t, align) {
this.helpText = t;
this.align = align;
},

init: function(f) {
f.helpAlign = this.align;
f.helpText = this.helpText;
test = f.afterRender;
f.afterRender = Ext.Function.createSequence(f.afterRender,afterFieldRender);
}
};
})());

[Rick.McIntosh]

Ext.ux.FieldHelp = Ext.extend(Object, (function(){
function syncInputSize(w, h) {
this.el.setSize(w, h);
}


function afterFieldRender() {
if (!this.wrap) {
// this.wrap = this.el.wrap({cls: 'x-form-field-wrap'}); // extjs 3.x for from fields that are not tables
// find next to last element and then wrap in text under field
//for example this.wrap = this.el.last().last().last();
var temp_el = new Array();
temp_el[0] = this.el;
i=0;
while(temp_el[i]) //change for extjs 4.1 to append at end or form/table field on next to last element for field type
{
temp_el[i+1] = temp_el[i].last();
i++;
}
var xt = this.getXType().substr(4);
if (xt == 'obox') // combobox
{
this.wrap = temp_el[i-4]; // insert before 3 elements from last for combo type
}
else // textfield, checkbox, etc
{
this.wrap = temp_el[i-2]; // insert before next to last table element for all other types
}
this.positionEl = this.resizeEl = this.wrap;
this.actionMode = 'wrap';
this.onResize = Ext.Function.createSequence(this.onResize,syncInputSize);
}
this.wrap[this.helpAlign == 'top' ? 'insertFirst' : 'createChild']({
cls: 'x-form-helptext',
html: this.helpText
});
}


return {
constructor: function(t, align) {
this.helpText = t;
this.align = align;
},

init: function(f) {
f.helpAlign = this.align;
f.helpText = this.helpText;
test = f.afterRender;
f.afterRender = Ext.Function.createSequence(f.afterRender,afterFieldRender);
}
};
})());