PDA

View Full Version : IE7 Bug Bottom-Border



ValterBorges
16 Jul 2009, 1:36 PM
Does anyone have a solution for the IE7 bottom border not displaying on Ext.form.DateField.

Renders correctly in FF3.

mjlecomte
16 Jul 2009, 4:40 PM
Suggest you post a screenshot and state which browser mode that is quirks and/or standards.

ValterBorges
17 Jul 2009, 2:35 PM
I've attached the screenshots of IE7 and FF3.5 and included the relevant code.

ValterBorges
23 Jul 2009, 7:05 AM
I've been able to get around the problem of the bottom border not showing up in DatePickers and Comboboxes in IE7 by adding a 1px margin to the style of the input tag.

ex:




<input type="text" id="idtFrom" size="20" style="height:20px;margin:0px 0px 1px 0px" />




var dtFrom = new Ext.form.DateField(
{
id:"dtFrom",
applyTo:'idtFrom',
style:{},
height:40,
width:100,
allowBlank:false,
blankText: 'Please Enter a from date',
altFormats: 'm/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d',
disabled: false,
disabledDates:null,//[]
disabledDatesText:'Date is disabled',
disabledDays: [0],
disabledDaysText: 'Day is disabled',
editable: true,
emptyText: 'dtFrom',
format: 'm/d/Y',
hideTrigger:false,
maskRe: null,
maxLength:10,
maxLengthText: 'Max of 10 characters for date ex:dd/mm/yyyy',
maxValue: '1/1/2010',
maxText: 'Can only enter future dates (x)days in advance',
minValue: '1/1/1996',
minText: 'Can only enter dates after 1/1/1996',
readOnly:false,
regex:'',
regexText: 'Date does not meet pattern criteria',
selectOnFocus: false,
stripCharsRe: null,
tabIndex:1,
validateOnBlur: true,
validator: function(){return true;},
invalidText: 'Invalid Date'
}
);



Alternatively if you are using renderTo:



<div id="ddtFrom"></div>




var dtFrom = new Ext.form.DateField(
{
id:"dtFrom",
renderTo:'ddtFrom',
style:{marginBottom: '1px'},
height:40,
width:100,
allowBlank:false,
blankText: 'Please Enter a from date',
altFormats: 'm/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d',
disabled: false,
disabledDates:null,//[]
disabledDatesText:'Date is disabled',
disabledDays: [0],
disabledDaysText: 'Day is disabled',
editable: true,
emptyText: 'dtFrom',
format: 'm/d/Y',
hideTrigger:false,
maskRe: null,
maxLength:10,
maxLengthText: 'Max of 10 characters for date ex:dd/mm/yyyy',
maxValue: '1/1/2010',
maxText: 'Can only enter future dates (x)days in advance',
minValue: '1/1/1996',
minText: 'Can only enter dates after 1/1/1996',
readOnly:false,
regex:'',
regexText: 'Date does not meet pattern criteria',
selectOnFocus: false,
stripCharsRe: null,
tabIndex:1,
validateOnBlur: true,
validator: function(){return true;},
invalidText: 'Invalid Date'
}
);