Help tip on text field

[Qtx]

Originally Posted by Condor

Ext.override(Ext.form.Field, {
    afterRender: Ext.form.Field.prototype.afterRender.createSequence(function(){
        if(this.qtip){
            var target = this.getTipTarget();
            if(typeof this.qtip == 'object'){
                Ext.QuickTips.register(Ext.apply({
                      target: target
                }, this.qtip));
            } else {
                target.dom.qtip = this.qtip;
            }
        }
    }),
    getTipTarget: function(){
        return this.el;
    }
});
Ext.override(Ext.form.Checkbox, {
    getTipTarget: function(){
        return this.imageEl;
    }
});

This works quite well, but I noticed that the tool tips on the fields disappear after resetting the form. How should the method reset be overridden to fix this problem?

[msarath]

I have a textfield to input search string.
I added default text.
Is there a way I can add 'search icon' in left corner of textfield?
- usually we see in yahoo mail search, firebug search fields.

[Condor]

Use a css background image and left padding for that (you'll loose the gradient gray background though).

[msarath]

If anybody else is looking for similar functionality...

xtype:'textfield',
id:'filter',
width: 180,
emptyText:'Search a Space',
style: "background-image:url('/images/magnifying-glass.gif');background-repeat:no-repeat;padding-left:18px;"

Thanks!

[SchattenMann]

Originally Posted by msarath

I have a textfield to input search string.
I added default text.
Is there a way I can add 'search icon' in left corner of textfield?
- usually we see in yahoo mail search, firebug search fields.

why din't you use a trigger fielf instead?

thats what i do...

[msarath]

I was using the same until yesterday. But in FF the 'x' icon was showing before the text field and also when I tried to add a new enable/disable icon it was hidden behind the trigger field.
So, I have changed the code to use textfield.

Can you share the code to generate the trigger field as in your attachment?

[SchattenMann]

do you want the all the code - trigger field + appended field - or you only need the trigger field - with the search button?

[msarath]

trigger field + appended field please.
because i have trigger field + icon.
icon is to enable/disable the trigger field.

[Condor]

If the trigger shows on the left over the input field then the combobox was rendered when it had no size (width=0). This is also the case when the combobox is rendered inside a display:none container.

The most common cause is that the combobox is rendered inside a card layout (e.g. TabPanel) or inside a collapsed panel.

For a card layout (TabPanel) you can solve this by setting the card (tabpage) to hideMode:'offsets'.

[SchattenMann]

ok i just post a holl lot of code to you but received a message that an admin will have to approve it O.o