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
Avalon selectCheckboxMenu Dropdown icon position (Multiple Mode)
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Thanks a lot for the sample code! Fixed for the next version. Please try;
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;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Unfortunately, I don't understand what you mean. Could you please attach a sample code or screenshot for us?
Best Regards,
Unfortunately, I don't understand what you mean. Could you please attach a sample code or screenshot for us?
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest