Hybrid View

  1. #1
    Sencha User bradelsky's Avatar
    Join Date
    Apr 2011
    Posts
    10
    Vote Rating
    0
    bradelsky is on a distinguished road

      0  

    Default Datefield in IE is not showing properly

    Datefield in IE is not showing properly


    I am using extjs 3.3.2 and the datefield is not showing properly. I attached an image of it.
    heres my code:

    {
    xtype : 'datefield',
    name : 'dateFrom',
    id : 'dateFrom',
    width : 100
    }

    how can i fix this?
    Attachment 26134datefield.jpg

  2. #2
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    It looks like you may have a layout problem. Please include a code sample which shows the config of the parent container.

  3. #3
    Sencha User bradelsky's Avatar
    Join Date
    Apr 2011
    Posts
    10
    Vote Rating
    0
    bradelsky is on a distinguished road

      0  

    Default


    here is the rest of the code:

    {
    xtype: 'panel',
    title: 'Search',
    collapsed: false,
    collapsible: true,
    style: {padding: '10px'},
    titleCollapse : true,
    colspan: 3,
    items: [
    {
    xtype: 'fieldset',
    title: 'Filter List by',
    style: {
    padding: '10px',
    border: '0px'
    },
    layout: 'table',
    layoutConfig: {
    columns:3
    },
    items: [
    {
    xtype: 'fieldset',
    width: 330,
    border: false,
    items: [
    {
    xtype: 'textfield',
    fieldLabel: 'Invoice Number',
    name: 'invoice_id',
    id: 'invoice_id',
    listeners : {
    specialkey : this.onEnter,
    scope : this
    }
    }
    ]

    },
    {
    xtype: 'fieldset',
    border: false,
    width: 330,
    items: [
    this.customers
    ]

    },
    {
    xtype: 'fieldset',
    border: false,
    width: 350,
    items: [
    {
    xtype: 'compositefield',
    labelWidth: 120,
    fieldLabel: 'Invoice Date From, To',
    items: [
    {
    xtype : 'datefield',
    name : 'dateFrom',
    id : 'dateFrom',
    width : 100,
    listeners: {
    select: this.onDateFromSelect.createDelegate(this)
    }
    },
    {
    xtype : 'datefield',
    width : 100,
    name : 'dateTo',
    id : 'dateTo',
    listeners: {
    select: this.onDateToSelect.createDelegate(this)
    }
    }
    ]
    }
    ]

    },
    {
    xtype: 'fieldset',
    border: false,
    layout: 'table',
    layoutConfig: {
    columns:3
    },
    items: [
    {
    xtype: 'button',
    text: 'Search',
    padding: '10 10',
    handler: this.onSearch.createDelegate(this)
    },
    {
    xtype:'panel',
    border:false,
    width:10
    },
    {
    xtype: 'button',
    text: 'Clear Fields',
    padding: '10 10',
    handler: this.onClear.createDelegate(this)
    }
    ]
    }
    ]
    }
    ]
    }

    as a quick solution I customized the css if the browser is IE.

  4. #4
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    I think your use of a CompositeField to wrap the two DateFields might be the culprit.

    Try using a container Panel with an 'hbox' layout instead.

  5. #5
    Sencha User
    Join Date
    Nov 2008
    Location
    Pune
    Posts
    43
    Vote Rating
    0
    tameshwar is on a distinguished road

      0  

    Default Datefield in IE is not showing properly

    Datefield in IE is not showing properly


    Might you are looking for this.
    http://www.sencha.com/forum/showthre...u-gets-cut-off

    If that doesn't work use the below code.

    Add this code in your css file.
    .x-date-menu{width: auto!important;}

  6. #6

Thread Participants: 3

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar