Hi,
I tried to use selectCheckboxMenu with multiple="true" and it's not rendering correctly. It's smaller than other components and the select button is displayed outside it.
https://www.dropbox.com/s/g5b77cq27gz83 ... u.png?dl=0
selectCheckboxMenu with multiple="true" render issue
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Please try;
Fixed for next version.
Code: Select all
<style type="text/css">
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
margin-top: -8px;
display: block;
}
</style>
Github Profile: https://github.com/mertsincan
Thanks for the feedback.
Your code fixed the button position, but I needed to add additional padding to keep it with the same size of the other fields (32px)
Final code:
Your code fixed the button position, but I needed to add additional padding to keep it with the same size of the other fields (32px)
Final code:
Code: Select all
<style type="text/css">
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s
{
margin-top: -9px;
display: block;
}
body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
padding-top: 3px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 2px;
}
</style>
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks a lot for the update! Also, please try the following code;
Code: Select all
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
margin-top: -9px;
display: block;
}
body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
padding-top: 0px;
}
body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
padding: 2px 32px 2px 3px;
min-height: 30px;
}
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 16 guests