如何在 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

在组件的样式或 styleClass 中设置所需的宽度

风格

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

---

样式类：

在你的 xhtml 中：

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

在你的 CSS 中：

.slider_style{
    width:200px;
}