Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2012
    Posts
    44
    Vote Rating
    0
    kramal is an unknown quantity at this point

      0  

    Default combobox, textfield, button in toolbar. what is wrong?

    Hello !

    I have following code. It is a part of code . you can think it is ok. But in browser i see something choking things. How can i fix it? thanks for your answers and sorry my englisheee.png

    Code:
    Ext.define('ShowAllGrid', {
        alias : 'widget.showallgrid',
        extend : 'Ext.grid.Panel',
        region : 'center',
        border : 0,
        store : Ext.create('ShowAllStore'),
        columns: [
            { xtype: 'rownumberer' , header: '#'},
            { text: 'Name',  dataIndex: 'name', flex: 1  },
            { text: 'Service', dataIndex: 'service', flex: 1 },
            { xtype : 'datecolumn', header: 'Date' ,format: 'Y-m-d', flex: 1, dataIndex: 'date'},
            { text: 'Cost', dataIndex: 'cost', flex: 1  }
        ],
        initComponent : function(){
            var me = this;
            me.dockedItems = [{
                xtype: 'toolbar',
                dock: 'top',
                //padding: '5 5 5 5',
                defaults:{
                    //margin: '1 1 1 1',
                    //labelStyle: 'text-align: right;font-weight:bold; width:20px'
                },
                items: [{
                    xtype: 'textfield',
                    name: 'id_search',
                    emptyText : 'ID',
                    width: 150
                } , {
                    xtype: 'combobox',
                    emptyText : 'Service',
                    width: 150
                } , {
                    xtype: 'datefield',
                    name: 'date_from_search',
                    emptyText : 'From',
                    width: 150
                } , {
                    xtype: 'datefield',
                    name: 'date_to_search',
                    emptyText : 'To',
                    width: 150
                }  , {
                    text : 'Search',
                    border: 1,
                    handler : function(){
                        Ext.Msg.alert("Searching users");
                    }
                } ,  {
                    text : 'Clear',
                    border: 1,
                    handler : function(){
                        Ext.Msg.alert("Cleared");
                    }
                } ,  {
                    iconCls : 'excell-button-image',
                    scale: 'large',
                    autoWidth : true,
                    autoHeight : true,
                    tooltip : 'Save as Excell file'
                }]
            }];

  2. #2
    Sencha - Support Team joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    1,837
    Vote Rating
    102
    joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light

      0  

    Default

    Hi kramal--

    Can you let us know which version of Ext JS 4 you're using, as well as which browser you're seeing these issues in?

    I converted your code into a Fiddle (see below), and it appears to render correctly, so maybe there's something else in your full configuration that is causing the issue. If you can fork the fiddle and incorporate the other parts of your code, that might help reproduce the issue and I'll be happy to help test that with you.

    Thanks!


  3. #3
    Sencha User
    Join Date
    Dec 2012
    Posts
    44
    Vote Rating
    0
    kramal is an unknown quantity at this point

      0  

    Default

    Hello ! I have used your code in fiddle and it looks good! I use ExtJS 4.2.0 and my favorite browser is Chrome.But in Firefox , opera i have such result

  4. #4
    Sencha - Support Team joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    1,837
    Vote Rating
    102
    joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light joel.watson is a glorious beacon of light

      0  

    Default

    Quote Originally Posted by kramal View Post
    Hello ! I have used your code in fiddle and it looks good! I use ExtJS 4.2.0 and my favorite browser is Chrome.But in Firefox , opera i have such result
    Hi kramal--

    I updated the fiddle to use 4.2.0. When I look at it in Firefox (33.1.1 and 34.0, Mac and PC) and Opera (25), it appears the same for me as in Chrome. Are there any other environmental considerations that could be influencing this for you?

    Thanks!

Thread Participants: 1