Hybrid View

  1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    1
    Vote Rating
    0
    willerpp is on a distinguished road

      0  

    Default problem wirh extjx 3.0 and displaying date picket in google chrome

    problem wirh extjx 3.0 and displaying date picket in google chrome


    hello, i have a problem in extjs 3.0.0 with chrome and the display of the date picket selection, when i click a datefield control to select the date, then the date picket form show with a very big with size , he show at all the window anchor, and the numbers of the day don'ts looks at once.
    how can i fix it????? this only happen in chrome, in FF and IE it looks good.
    best regards wpp

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi willerpp,

    If you look at the generated CSS with the developer tools in Chrome you can remidy the problem by setting the correct width.
    Code:
    if(Ext.isChrome===true){
                   var chromeDatePickerCSS = ".x-date-picker {border-color: #1b376c;background-color:#fff;position: relative;width: 185px;}"; 
           Ext.util.CSS.createStyleSheet(chromeDatePickerCSS,'chromeDatePickerStyle');
        }
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

Thread Participants: 1