Avalon selectCheckboxMenu Dropdown icon position (Multiple Mode)

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
thodt6
Posts: 8
Joined: 04 Apr 2014, 12:11

03 Jul 2019, 16:34

Hi Primefaces team

Can you help to fix the problem with the drop down icon in <p:selectCheckboxMenu in multiple mode with avalon template.

My xhtml code:

<p:selectCheckboxMenu id="id_products" value="#{customerPartnerService.customerLazyService.listProduct}" multiple="true" converter="product" label="#{product['obj.product.general']}"
filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
<f:selectItems value="#{customerPartnerService.customerLazyService.selectItems}"/>
<p:ajax event="change" listener="#{customerPartnerService.customerLazyService.loadObjects}" update="id_table_customer"/>
</p:selectCheckboxMenu>

Error Picture

https://drive.google.com/file/d/12A7vE5 ... sp=sharing

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

08 Jul 2019, 09:52

Hi,

Thanks a lot for the sample code! Fixed for the next version. Please try;

Code: Select all

v4
body .ui-selectcheckboxmenu {
       position: relative;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
	padding-top: 0;
}

body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
   min-height: 31px;
   padding-top: 2px;
   padding-bottom: 2px;
}

Code: Select all

v3
body .ui-selectcheckboxmenu {
       position: relative;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
	padding-top: 0;
}

body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
   min-height: 28px;
   padding-top: 2px;
   padding-bottom: 2px;
}

jasky
Posts: 1
Joined: 15 Nov 2021, 16:39

15 Nov 2021, 16:48

hello,
I need to do something like this: I need to add the dropdown to a selectcheckboxmenu, but I don't know how to do it. I have recently started using css. You can help me?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

22 Dec 2021, 09:12

Hi,

Unfortunately, I don't understand what you mean. Could you please attach a sample code or screenshot for us?

Best Regards,

Post Reply

Return to “Avalon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests