Results 1 to 4 of 4

Thread: IE7 Bug Bottom-Border

  1. #1
    Ext JS Premium Member
    Join Date
    Sep 2007
    Location
    CT
    Posts
    462

    Default IE7 Bug Bottom-Border

    Does anyone have a solution for the IE7 bottom border not displaying on Ext.form.DateField.

    Renders correctly in FF3.

  2. #2
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996

    Default

    Suggest you post a screenshot and state which browser mode that is quirks and/or standards.

  3. #3
    Ext JS Premium Member
    Join Date
    Sep 2007
    Location
    CT
    Posts
    462

    Default IE7 no doctype specified.

    I've attached the screenshots of IE7 and FF3.5 and included the relevant code.

  4. #4
    Ext JS Premium Member
    Join Date
    Sep 2007
    Location
    CT
    Posts
    462

    Default DatePickers and Comboboxes

    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:


    Code:
    <input type="text" id="idtFrom" size="20" style="height:20px;margin:0px 0px 1px 0px" />
    Code:
    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:

    Code:
    <div id="ddtFrom"></div>
    Code:
    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'
    }
    );

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •