PDA

View Full Version : the textField missing bottom line



sdark
27 Apr 2007, 7:43 PM
hi all~

i use the same code with the from example (dynamic.html,dynamic.js ) but can't get zhe
same interface,the textField missing bottom line.
html code:


<div id="cs_search" >
<div id="cs_query">

</div>
</div>


js code


var simple = new Ext.form.Form({
labelWidth: 75, // label settings here cascade unless overridden
url:'save-form.php',
reader : new Ext.data.XmlReader({
record : 'simple',
success: '@success'
}, [
'first', 'last', 'company', 'email'
])
});
simple.fieldset(
{legend:'Simple Form',labelAlign:'top'},
new Ext.form.TextField({
fieldLabel: 'First Name',
name: 'first',
width:175,
allowBlank:false
}),

new Ext.form.TextField({
fieldLabel: 'Last Name',
name: 'last',
width:175
}),

new Ext.form.TextField({
fieldLabel: 'Company',
name: 'company',
width:175
}),

new Ext.form.TextField({
fieldLabel: 'Email',
name: 'email',
vtype:'email',
width:175
})
);

simple.addButton('Save', function(){
simple.load({url:'load-form.php'});
});
simple.addButton('Cancel');

simple.render('cs_query');


and i link all css file used by dynamic.html,did anyone kown how dose this happen?
thk for any suggestion

mystix
27 Apr 2007, 10:01 PM
could you paste your custom css too? looks like the margins around your fields are too narrow.

sdark
28 Apr 2007, 6:11 PM
it took me a whole day to figure out,finally i find this circs have something to do with
zhe "charset" and brower.

ext form example used "charset=iso-8859-1" ,and i set charset=gbk for chinese
in firefox everything is fine.but in IE 6.0 ,when i modify charset for any value that !=iso-8859
-1) the textfield bottom line disappear.

i don't konw zhe reason clearly ,but i modify zhe css in ex-all.css(x-form-focus,
x-form-text,x-form-field) and text_bg.gif .

it looks ok now,and i plan to let it be....:">

mystix
29 Apr 2007, 10:21 PM
just a tip: don't modify the ext-all.css or ext-all.js files directly. instead, use a custom css / js override file instead, and include those after including the original ext-all.css / ext-all.js file.

choykawairicky
11 May 2007, 7:17 PM
it took me a whole day to figure out,finally i find this circs have something to do with
zhe "charset" and brower.

ext form example used "charset=iso-8859-1" ,and i set charset=gbk for chinese
in firefox everything is fine.but in IE 6.0 ,when i modify charset for any value that !=iso-8859
-1) the textfield bottom line disappear.

i don't konw zhe reason clearly ,but i modify zhe css in ex-all.css(x-form-focus,
x-form-text,x-form-field) and text_bg.gif .

it looks ok now,and i plan to let it be....:">

Orz, I got the same situation as you faced. I have tried to remove the charset tag from my html page, but still cannot get the bottom border???

Anyone can help?? Or, just to really overide the css????

navidi
12 Jun 2007, 4:18 AM
I found the solution!

in ext-all.css find this section:

.ext-ie .x-form-text {
margin-top:-1px;
margin-bottom:-1px;
height:22px;
line-height:18px;
}

and simply replace margin-bottom:-1px; with margin-bottom:0px; or override it.

fangzhouxing
6 Oct 2007, 2:49 AM
This problem still exists in Ext 2.0 a1! (is it a bug?)

dgms
22 Jul 2008, 10:55 PM
The same thing happend to me! My god!