如何在Primefaces（JSF）中設置滑塊的長度？

Question

我在ICEfaces（ACE組件）中的代碼，我必須更改爲Primefaces。當我設置Primefaces滑塊的長度時會發生衝突。

樣品ICEfaces的（ACE組件）代碼：

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

當我拿出Primefaces，餘did't找到名爲長度設置滑動條的長度任何屬性。

樣品Primefaces代碼：

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

現在，如何設置滑塊的長度Primefaces（JSF）？

Answer 1

設置在組件

樣式的樣式或的styleClass所需的寬度

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

---

的styleClass：

在你的XHTML：

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

在你的CSS：

.slider_style{ 
    width:200px; 
}