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
Image

Re: selectCheckboxMenu with multiple="true" render issue

Posted: 10 Dec 2018, 08:58
by aragorn
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 aragorn
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;
}