CODEWITHSUNDEEP
javascriptextjs
Thiru Arasu
Thiru Arasu

Reputation: 49

ExtJS - Drop down menu that open up upward

I've created a drop down menu with ExtJS and everything working fine as expected. But I want it to be "drop-up" not drop-down since the menu bar will be laying out at the bottom of the viewport. I can't figure out what to add or change to make it "drop-up," help please.

Program Code:-

Ext.create('Ext.button.Split', {
            text: 'Split Button',
            handler: onButtonClick,
            iconCls: 'start-up-icon',
            menu : {
                items: [{
                    text: '<b>Menu1</b>', handler: onItemClick
                }, {
                    text: '<b>Menu2</b>', handler: onItemClick
                }, {
                    text: '<b>Menu3</b>', handler: onItemClick
                }]
                }
});

Upvotes: 0

Views: 1100

Answers (1)

Evan Trimboli
Evan Trimboli

Reputation: 30082

Use the menuAlign config.

Ext.create('Ext.button.Split', {
    text: 'Split Button',
    menuAlign: 'bl-tl',
    menu: {
        items: [{
            text: '<b>Menu1</b>'
        }]
    }
});

Docs

Upvotes: 2

Related Questions