CODEWITHSUNDEEP
jsf-2primefaces
Wanna Coffee
Wanna Coffee

Reputation: 2798

How to set length of slider in Primefaces (JSF)?

My code in ICEfaces (ACE Component), i have to change into Primefaces. There is conflict when i set length of Primefaces slider.

Sample ICEfaces (ACE Component) code:

<ace:sliderEntry id="slide" length="500px" min="0" max="1000" value="#{cal.value}" />

When i come up with Primefaces, i did't find any attribute named length to set length of slider.

Sample Primefaces code:

<p:slider id="slide" minValue="0" maxValue="1000" value="#{cal.value}" />

Now, How to set length of slider in Primefaces (JSF)?

Upvotes: 0

Views: 1987

Answers (1)

Pellizon
Pellizon

Reputation: 1375

Set the desired width in the style or styleClass of your component

Style

<p:slider for="txt2" display="output" style="width:200px" .....>

StyleClass:

In your xhtml:

<p:slider for="txt2" display="output" styleClass="slider_style" .....>

In your CSS:

.slider_style{
    width:200px;
}

Upvotes: 1

Related Questions