1. #1
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    118
    Answers
    3
    Vote Rating
    3
    clifficious is on a distinguished road

      0  

    Exclamation Answered: Possible bug with menu in button [4.2.1[

    Answered: Possible bug with menu in button [4.2.1[


    Hi,

    I have following code

    Code:
    Ext.create('Ext.button.Button', {            
                itemId : 'routingMenuButton',
                text : Locales.routing_buttonLabel,
                iconCls : 'icon-map',
                menu : {
                    xtype : 'menu',
                    itemId : 'routeMenu',
                    width : 190,
                    items : [ {
                        xtype : 'menuitem',
                        text : Locales.routing_newRoute,
                        itemId : 'routingSettingsButton',
                        iconCls : 'icon-add'
                    }, {
                        xtype : 'menuitem',
                        text : Locales.routing_myRoutes,
                        itemId : 'myRoutesButton',
                        iconCls : 'icon-star',
                        disabled: true,
                        tooltip: Locales.login_pleaseLogin,
                        menu : {
                            xtype : 'menu',
                            plain : true,
                            itemId : 'myRouteMenu',
                            width : 350,
                            items : [ {
                                xtype : 'myroutespanel',
                            } ]
                        }
    
    
                    } ]
                }
    })
    in 4.2.0 it all looks fine. Bildschirmfoto 2013-06-13 um 15.18.25.png

    But after upgrading to 4.2.1 the arrow indicating a menu is always rendered at the bottom. Bildschirmfoto 2013-06-13 um 15.14.37.png

    Is there a way to fix this?

    Thanks in advance!

  2. I tried to recreate the issue you're seeing using the below test case, but wasn't seeing the issue with 4.2.1 with the classic or the Neptune themes. Do you have some additional CSS you're using on top of the framework CSS? What browser is this in that you're seeing the issue (I tested in Chrome)? Do you see the menu arrows rendered correctly when you open this example from 4.2.1?
    http://docs.sencha.com/extjs/4.2.1/e...#basic-buttons

    Code:
    Ext.create('Ext.button.Button', {
        renderTo: document.body,
        itemId: 'routingMenuButton',
        text: 'Text',
        iconCls: 'icon-map',
        menu: {
            xtype: 'menu',
            itemId: 'routeMenu',
            width: 190,
            items: [{
                xtype: 'menuitem',
                text: 'Text',
                itemId: 'routingSettingsButton',
                iconCls: 'icon-add'
            }, {
                xtype: 'menuitem',
                text: 'Text',
                itemId: 'myRoutesButton',
                iconCls: 'icon-star',
                disabled: true,
                tooltip: 'Text',
                menu: {
                    xtype: 'menu',
                    plain: true,
                    itemId: 'myRouteMenu',
                    width: 350,
                    items: [{
                        text: 'myroutespanel',
                    }]
                }
            }]
        }
    });

  3. #2
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    4,770
    Answers
    355
    Vote Rating
    165
    slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold slemmon is a splendid one to behold

      0  

    Default


    I tried to recreate the issue you're seeing using the below test case, but wasn't seeing the issue with 4.2.1 with the classic or the Neptune themes. Do you have some additional CSS you're using on top of the framework CSS? What browser is this in that you're seeing the issue (I tested in Chrome)? Do you see the menu arrows rendered correctly when you open this example from 4.2.1?
    http://docs.sencha.com/extjs/4.2.1/e...#basic-buttons

    Code:
    Ext.create('Ext.button.Button', {
        renderTo: document.body,
        itemId: 'routingMenuButton',
        text: 'Text',
        iconCls: 'icon-map',
        menu: {
            xtype: 'menu',
            itemId: 'routeMenu',
            width: 190,
            items: [{
                xtype: 'menuitem',
                text: 'Text',
                itemId: 'routingSettingsButton',
                iconCls: 'icon-add'
            }, {
                xtype: 'menuitem',
                text: 'Text',
                itemId: 'myRoutesButton',
                iconCls: 'icon-star',
                disabled: true,
                tooltip: 'Text',
                menu: {
                    xtype: 'menu',
                    plain: true,
                    itemId: 'myRouteMenu',
                    width: 350,
                    items: [{
                        text: 'myroutespanel',
                    }]
                }
            }]
        }
    });
    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: sheryl@sencha.com

    C
    heck out all of the 2013 SenchaCon presentations here:
    http://www.sencha.com/blog/senchacon...now-available/

  4. #3
    Sencha Premium Member
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    118
    Answers
    3
    Vote Rating
    3
    clifficious is on a distinguished road

      0  

    Default


    Thanks for your hint! As I'm using a custom theme, I noticed, that it was build with 4.2.0. Just rebuild it with 4.2.1 and the error is gone. Seems like the CSS file from 4.2.0 does have some slight compatibility problems.

    But works now! Thanks once again for the hint!

Thread Participants: 1

Tags for this Thread

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