Changing TextField Width..please help

[freez]

Hi all,


I have made a textfield on the toptool bar of the window

var Box = new Ext.form.TextField({
id: UrlBoxId,
value: 'Enter',
grow: true,
selectOnFocus: true,
growMin: 100,

But while resizing the window, since there is no growmax: ,the textfield goes outside the window. how can i give a floating growmax: so that it changes as per the window size?????

please help me

[jay@moduscreate.com]

have you tried growMax? I don't see it in your code

[freez]

Thanks for your reply.


I have given growMax:300.

but problem occurs when we resize the window size and window width goes below 300.

[Condor]

Does it really have to grow? Can't you just set an anchor to make it always fill the remaining space?

[freez]

Hi,
If it grows it will be good. but if its not possible have to go for your idea.
Can you explain me without growing how can i do that?

[santosh.rajan]

put it inside a formpanel and set anchor to 100%

[Condor]

Actually use:

anchor: '1 1'

(both horizontal and vertical)

In some cases you need to do something like:

anchor: '-2 -150'

(to account for buttons or bottom toolbars)

[freez]

Hi ,

Sorry I couldnt get u...
Can you please show me some sample code???

[Condor]

Example:

var win = new Ext.Window({
  ...
  layout: 'anchor',
  items: [{
    xtype: 'textfield',
    value: 'Enter',
    selectOnFocus: true,
    anchor: '1'
  }]
});

[freez]

Thanks for your reply

But its not working.
I made width:300
and given anchor 100% but
when i resizes window in such a way that window width < 300,
the width of the textbox not resizes but ir breaks