Avalon selectCheckboxMenu Dropdown icon position (Multiple Mode)

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

aragorn
Posts: 3863
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;
}

Post Reply

Return to “Avalon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests