[FIXED-470][3.1] Tbar & tbfill

[uptodate]

Ext version tested:


Ext 3.1.0



Adapter used:


ext



css used:


only default ext-all.css
Spinner.css




Browser versions tested against:


IE8
FF3.5.7 (firebug 1.4.5 installed)



Operating System:


WinVista



Description:


When I used 'tbfill' in the tbar, the components are shifted (see the picture)
In ExtJs 3.0.0 it`s works fine. Without 'tbfill' worked correctly.



Test Case:



pnlCenter = new Ext.Panel
({
id : 'pnlCenter'
,tbar :
[{
xtype: 'tbfill'

},' Jahr',{

minValue : 2000
,maxValue : 2099
,xtype : 'spinnerfield'
,name : 'sedYear'
,id : 'sedYear'
,width : 60
},
......

Screenshot or Video:

http://www.bilder-space.de/upload/21.01MBfKKNyaqg0CLcP.jpg

[RakeshAdvani]

Hi
Is this a problem or a solution?
Basically tbfill is used for right justifying the elements.
Thanks
Rakesh

[uptodate]

This is a problem in ExtJs 3.1.0 see the picture the components overlap.

[RakeshAdvani]

Hi
Can u please post ur whole code so that I can test it in my PC. I checked it in my grid. Its working fine here.
Thanks
Rakesh

[uptodate]

var pnlDetails = new Ext.FormPanel
({
id : 'pnlDetails'
,tbar :
['->',{
xtype: 'spinnerfield'
},{
xtype: 'button'
,text: 'test'
}]
});
Result :
http://www.bilder-space.de/upload/21.01gAyUqyVrsIhcrH9.JPG

[Animal]

.x-form-field-wrap needs text-align: left

[uptodate]

thx, this solution helps

[nctag]

Shouldn't this be a standard value or at least be documented anywhere?

[Animal]

What be a standard value or documented?

[nctag]

Hmm now I am unsure because of your call back but...

.x-form-field-wrap seems to be standard Ext so I think that if it requires text-align:left that it should be set in standard case (ext-all.css)?

Sorry If I've misunderstod sth.

[Animal]

Yes, I think text-align: left should be part of the rule for .x-form-field-wrap

[jayrobinson]

Thanks, this has been added in 3.2.x.