Results 1 to 1 of 1

Thread: Button icons in wrong <span>

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User mes-x's Avatar
    Join Date
    Mar 2010
    Posts
    27
    Vote Rating
    1
      0  

    Exclamation Button icons in wrong <span>

    REQUIRED INFORMATION Ext version tested:
    • Ext 4.0.2

    Browser versions tested against:

    • IE7
    • IE8
    • IE9
    • FF4 (firebug 1.7.3 installed)
    • Google Chrome 12

    Description:
    • Buttons put their Icon in the wrong <span>

    Steps to reproduce the problem:
    • Create a Toolbar with a button and change the iconAlign to 'right', 'top' or 'bottom'

    The result that was expected:
    • Icon is correctly placed (when iconAlign='top' ==> icon is on top and centered, on 'right' the icon is right of the button text, ...

    The result that occurs instead:
    • the icon is wrong placed (on iconAlign='right' the icon is inside the text, ...

    Test Case:
    Code:
         Ext.onReady(function(){
        vp = new Ext.container.Viewport({
            layout: 'fit',
            items: [
                {
                    tbar: new Ext.Toolbar({
                        defaults:{
                            scale: 'large',
                            iconAlign: 'top'
                        },
                        items: [
                            {
                                text: "test text",
                                icon: 'resources/images/deploy.gif' //path to your image file...
                            }
                        ]
                    })
                }
            ]
        })
    })
    HELPFUL INFORMATION Screenshot:

    Debugging already done:
    • none

    Possible fix:
    • as seen in attached screenshot: put the style of the image in the second <span> (ext-gen1026 in my screenshot)

    Additional CSS used:
    • only default ext-all.css

    Operating System:

    • Windows 7 Ultimate


    my content type is HTML5


    best regards
    mes-x
    Last edited by mes-x; 23 Jun 2011 at 11:40 PM. Reason: added content type

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
  •