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
    Vote Rating

    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

    • 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:
        vp = new Ext.container.Viewport({
            layout: 'fit',
            items: [
                    tbar: new Ext.Toolbar({
                            scale: 'large',
                            iconAlign: 'top'
                        items: [
                                text: "test text",
                                icon: 'resources/images/deploy.gif' //path to your image file...

    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
    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