Results 1 to 2 of 2

Thread: Ext spacer width on different browser

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    2

    Default Ext spacer width on different browser

    I have a buttons aligned horizontally and I put a spacer between buttons, it runs on firefox and chrome smoothly. But when i run it on IE, there are buttons that overlaps. How should I change it?
    Thanks in advance
    Attachment 34101
    Code:
    var homeForm = new Ext.Panel({
            renderTo: document.body,
            layout: 'form',
            frame: true,
            bodyStyle: 'position:relative;',
            style: {
                'margin-top': '5%',
                'margin-left': '5%',
                'margin-right': '5%'
            },
            autoWidth: true,
            labelWidth: 70,
            defaultType: 'button',
            buttonAlign: 'center',
            height: 300,                    
            items: [
                            new Ext.Container({
                    width: 1230,
                    height: 100,
                    layout: {
                        type: 'hbox',
                           align: 'middle',
                        pack: 'center'
                    },
                    items: [
                        buttonPlatlist,
                        {
                            xtype:'spacer',
                            width:'20px'
                        },
                        buttonAP,
                        {
                            xtype:'spacer',
                            width:'20px'
                        },
                        buttonMatrix,
                        {
                            xtype:'spacer',
                            width:'20px'
                        },
                        buttonOutput,
                        {
                            xtype:'spacer',
                            width:'20px'
                        },
                        buttonSectional
                    ]
                })
            ]

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,410

    Default

    Can we get some additional details on your setup?
    -Version of ExtJS3
    -Version of IE; browser mode;
    -OS

    I was unable to duplicate the reported problem using your code. See attached

    f196105-ss.png

    Regards,
    Scott

Tags for this Thread

Posting Permissions

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