EasyUI Forum
July 05, 2024, 11:38:02 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to change combobox panel position? [UNSOLVED]  (Read 5776 times)
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« 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
« Last Edit: February 25, 2016, 12:05:57 AM by aswzen » Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
jarry
Administrator
Hero Member
*****
Posts: 2269


View Profile Email
« Reply #1 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'
})
Logged
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« Reply #2 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
« Last Edit: February 03, 2016, 09:55:53 PM by aswzen » Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!