ExtJS: How to position SplitButton menu relative to SplitButton -


i have splitbutton @ bottom of page , not visible initially(we need scroll down see bottom). when scroll splitbutton, press arrow button expand splitbutton's menu, menu appears under splitbutton(just planned), , scroll up, the menu remains on screen, , positioned relative window, not containing div. tried initialize menu passing floating: false it's config, in case menu doesn't expands @ all. how can posision splitbutton's menu have always under splitbutton?

my extjs version 4.07

i think you're doing wrong. i've tried with:

ext.create('ext.panel', {     renderto: ext.getbody(),     html: 'loooooong panel',     height: 1500,     dockeditems: [{         xtype: 'toolbar',         dock: 'bottom',         items: [{             xtype: 'splitbutton',             text: 'my button',             menu: [{                 text: 'menu1'             },{                 text: 'menu2'             }]         }]     }] }); 

live example on jsfiddle, works fine. if still have problems should modify menualign property suit needs:

 menu: [{       text: 'menu1'  },{       text: 'menu2'  }],  menualign: 'tl-bl?' // default 

where 'tl-bl?' means top left corner (of menu) should aligned bottom left corner (of button) , '?' means if there's no space menu should automatically moved.


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -