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
Post a Comment