1. #1
    Ext User
    Join Date
    Jan 2009
    Posts
    6
    Vote Rating
    0
    abelhamilton is on a distinguished road

      0  

    Post datefield bug

    datefield bug


    Hello,

    I don't understand why i have this bug when I click on the calendar button of the datefield component.
    There are no days in cells and the size of the calendar is very huge.

    like that:
    http://img13.imageshack.us/img13/3962/calendarbug.jpg

    with this code :
    Code:
    Txt_BirthDate = new Ext.form.DateField({
        id: 'BirthDate',
        fieldLabel: 'Date de naissance',    
        format: 'd/m/Y'
    });
    
    Txt_BirthDate.render('saisieTempsPasse');
    thanks for your help

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,170
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Upgrade to the latest version.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext User
    Join Date
    Jan 2009
    Posts
    6
    Vote Rating
    0
    abelhamilton is on a distinguished road

      0  

    Default


    ah ok thx :-)

  4. #4
    Ext User
    Join Date
    Jan 2009
    Posts
    6
    Vote Rating
    0
    abelhamilton is on a distinguished road

      0  

    Default


    well, the bug still here on firefox but not on opera or chrome
    someone knows why?

  5. #5
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,170
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This existed on only on firefox, it's been fixed since 2.2. Make sure you have the latest css and your cache is cleared.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  6. #6
    Ext User
    Join Date
    Sep 2007
    Posts
    97
    Vote Rating
    0
    talshadar is on a distinguished road

      0  

    Default same problem

    same problem


    I am having the same problem and I don't have the option of upgrading to the newest version of extJS - I'm still on 1.1. Most of the users will be on IE but there are some firefox users - is there no other way to resolve that issue?

  7. #7
    Sencha User
    Join Date
    Apr 2012
    Location
    Austin, Texas
    Posts
    4
    Vote Rating
    0
    brian.moeskau is an unknown quantity at this point

      0  

    Default


    It's been a while, but I believe the fix was simply adding this css width rule:

    Code:
    .x-date-middle {
        padding-top:2px;padding-bottom:2px;
        width:130px; /* FF3 */
    }

  8. #8
    Ext User
    Join Date
    Sep 2007
    Posts
    97
    Vote Rating
    0
    talshadar is on a distinguished road

      0  

    Talking fixed

    fixed


    Thank you very much - that fixed the problem perfectly!

  9. #9
    Sencha User
    Join Date
    Jun 2013
    Posts
    26
    Vote Rating
    0
    mkm_2013 is on a distinguished road

      0  

    Default


    talshadar,
    can you please paste the whole code. I am new to extjs and facign teh same issue . where should this

    .x-date-middle { padding-top:2px;padding-bottom:2px; width:130px; /* FF3 */} code should be placed?i tried following
    {
    xtype:'datefield',
    fieldLabel: 'Visit Date',
    name:'visit_dt',
    id:'visit_dt',
    format:'M-d-Y', // Mon-dd-yyyy
    autoHeight:true,
    width: 117,
    allowBlank: false,
    maxLength:11,
    //renderer:Ext.util.Format.dateRenderer('M-d-Y'),


    style:'.x-date-middle {padding-top:2px;padding-bottom:2px;width:117px;}'
    },

    doesn't seem to work though,Any help is appreciated