EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: aswzen on February 03, 2016, 03:37:26 AM

Title: How to change combobox panel position? [UNSOLVED]
Post by: aswzen on February 03, 2016, 03:37:26 AM

When we make a combo/combobox the panel will be placed right under the combobox element..
how to make that panel appear on right side or on top of an element?

I see there is no options to do it in documentation...

thank you in advance

Title: Re: How to change combobox panel position?
Post by: jarry on February 03, 2016, 08:13:16 AM

Set the 'panelAlign' property to 'right' to align the drop-down panel to the right side of combobox. If the drop-down panel reach bottom of screen, it will display on top of the combobox.

Code:

$('#cc').combobox({
	panelWidth:300,
	panelAlign:'right'
})

Title: Re: How to change combobox panel position?
Post by: aswzen on February 03, 2016, 09:48:34 PM

please see this fiddle: http://jsfiddle.net/xjsuz3vp/

click the down arrow on combobox then you will see the panel will cover the 3 buttons...

how to get rid of this..i just want to make the panel appear on top right corner of combobox...

thank you