Page 1 of 1
selectCheckboxMenu with multiple="true" render issue
Posted: 07 Dec 2018, 12:58
by FkJ
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
Re: selectCheckboxMenu with multiple="true" render issue
Posted: 10 Dec 2018, 08:58
by mert.sincan
Please try;
Code: Select all
<style type="text/css">
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
margin-top: -8px;
display: block;
}
</style>
Fixed for next version.
Re: selectCheckboxMenu with multiple="true" render issue
Posted: 11 Dec 2018, 15:31
by FkJ
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:
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>
Re: selectCheckboxMenu with multiple="true" render issue
Posted: 12 Dec 2018, 09:12
by mert.sincan
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;
}