Field help text plugin.

[Condor]

Two problems with this plugin:

1. For non-wrapped components positioning, resizing and hiding will work incorrectly.
It needs:

if (!this.wrap) {
    this.wrap = this.el.wrap({cls: 'x-form-field-wrap'});
    this.positionEl = this.resizeEl = this.wrap;
    this.actionMode = 'wrap';
}

2. For wrapped components, putting another component inside the wrap can have unwanted side-effects:
- The ComboBox dropdown is positioned BELOW the helpText.
- The helpText below a HtmlEditor is displayed INSIDE the border.

[Animal]

Well spotted. I will update.

[Animal]

Is there a good reason why ComboBox has

        this.list.alignTo(this.wrap, this.listAlign);

instead of

        this.list.alignTo(this.el, this.listAlign);

?

[Animal]

Because I just added overrides to align to the el to my demo of this plugin, and it aligned as expected.

[Condor]

Funny... I created the same plugin for my company about a year ago and I also ended up patching Combobox list align.

[jnadler]

This plugin is great, thanks Animal. I'm noticing one problem: on fields which have *both* anchor and this plugin, the anchor is not taking effect.

The x-form-field-wrap DIV has the correct width as set by the anchor.

The width did not get applied to the input box (it does when the plugin is removed).

So somehow this is defeating AnchorLayout. Anybody have a suggestion for where I might look next?

Note: Ext 3.0.3

[Animal]

OK, I updated post 1.

If it wraps the input, and changes the resizeEl to be the wrapper, it has to sync the size of the input field whenever it gets resized.

[jnadler]

Outstanding. Thanks, all is as expected now.

[jmariani]

Hi, Animal.

Outstanding plugin!.
I want to add to the left of the text a small "info" icon, but I'm really not CSS proficient. Any chance you can add tis feature or guide me on how to add it?

TIA!

[Animal]

Give your x-form-helptext class a padding-left enough to clear your icon, and a non-repeating background-image of your choice.