EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
July 05, 2024, 11:38:02 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
How to change combobox panel position? [UNSOLVED]
Pages: [
1
]
« previous
next »
Print
Author
Topic: How to change combobox panel position? [UNSOLVED] (Read 5776 times)
aswzen
Sr. Member
Posts: 287
Indonesian
How to change combobox panel position? [UNSOLVED]
«
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
Re: How to change combobox panel position?
«
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
Re: How to change combobox panel position?
«
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
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...