5
votes

I copied the Primeface showcase for filters located here to my Local JBoss install: http://www.primefaces.org/showcase/ui/data/datatable/filter.xhtml But my selectCheckboxMenu for colors ends up looking like this

enter image description here

I'm using Primefaces 5.0. How can I get it to look like the demo on PF Showcase site?

enter image description here

EDIT

Changed to PF 5.1.RC1 but still no luck

Also tried increasing the width used by the demo for the p:selectCheckboxMenu but with this result

enter image description here

1
No IE 11 and Firefox 32.0.3. But like I said the drop down is formatted correctly while viewing the Primefaces Showcase demo with the same two browsers - jeff
Ah ok, I was going to suggest you to try with new 5.1 version because some checkboxes had a similar bug: related - mrganser
just before adding bounty I had changed to PF 5.1.RC1 but no luck. - jeff
Can't reproduce right now, did you try putting a higher width with panelStyle attribute of the p:selectCheckboxMenu? - mrganser
It's more likely that your current CSS is missing up with the original one, I can't reproduce the problem ! imgur.com/sZLhgPv - Hatem Alimam

1 Answers

2
votes

The problem was having the following entry in my custom CSS file which conflicted with the Primefaces.css

label {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
}