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

Question

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

樣本ICEfaces（ACE組件）代碼：

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

當我想到Primefaces時，我沒有找到任何名為length的屬性來設置滑塊的長度。

示例Primefaces代碼：

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

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

Answer 1

在組件的style或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;
}