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?
Printable View
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.
Use a css background image and left padding for that (you'll loose the gradient gray background though).
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!
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?
do you want the all the code - trigger field + appended field - or you only need the trigger field - with the search button?
trigger field + appended field please.
because i have trigger field + icon.
icon is to enable/disable the trigger field.
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'.
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