selectCheckboxMenu with multiple="true" render issue

Post Reply
FkJ
Posts: 182
Joined: 08 Jan 2010, 19:16

07 Dec 2018, 12:58

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

User avatar
aragorn
Posts: 3283
Joined: 29 Jun 2013, 12:38

10 Dec 2018, 08:58

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.

FkJ
Posts: 182
Joined: 08 Jan 2010, 19:16

11 Dec 2018, 15:31

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>

User avatar
aragorn
Posts: 3283
Joined: 29 Jun 2013, 12:38

12 Dec 2018, 09:12

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;
}

Post Reply

Return to “Manhattan - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest