如何将Primefaces-Carousel的宽度设置为整页宽度？

Question

我在primefaces/liferay中创建了一个Carousel。但它有固定的宽度和高度。那么我怎样才能设置这个portlet的完整页面/完整的div宽度？

Answer 1

您可以通过以下方式添加自定义样式Primefaces传送带：

itemStyle为<p:carousel>标签内嵌样式属性：

itemStyle="width:100%;" 

itemStyleClass属性的样式类的<p:carousel>标签：

itemStyleClass="fullWidthClass" 

或增加宽度容器里面无论是通过的styleClass或风格 属性如下：

<ice:panelGrid style="width:100%"></ice:panelGrid> 
<ice:panelGrid styleClass="fullWidthClass"></ice:panelGrid> 

CSS：

fullWidthClass { 
    width: 100%; 
    /* Other properties */ 
}