CODEWITHSUNDEEP
htmlcssjsf-2primefaces
junior developper
junior developper

Reputation: 448

Change the width of a primefaces picklist

I want to change the width of my picklist instead of having the default width in primefaces.css I have tried this but it doesn't work. 

<h:body>
    <f:facet name="last">
        <h:outputStylesheet library="default" name="mystyle.css" />
    </f:facet>
    <p:pickList ...>
       ...
    </p:picklist>
</h:body>

And in my mystyle.css I've only this:

.ui-picklist .ui-picklist-list{
    width:400px !important;
}

Upvotes: 0

Views: 4848

Answers (1)

BalusC
BalusC

Reputation: 1108632

Your CSS is apparently never being loaded. If you have checked the generated HTML output and/or the HTTP traffic monitor, you should have noticed it. The culprit is the <f:facet name="last"> which isn't supported by <h:body>. It's only supported by <h:head> and even then only when PrimeFaces is installed.

This should do:

<h:body>
    <h:outputStylesheet library="default" name="mystyle.css" />

    <p:pickList ...>
       ...
    </p:pickList>
</h:body>

See also:

Upvotes: 1

Related Questions