Question

我正在使用Primefaces 6.1，如果我在一个简单的xhtml页面中这样做，它实际上工作正常。但是，我的问题是我需要采用公司的外观和感觉，我不足以知道从哪个CSS大师开始调试导致轮播在列表中呈现所有内容的继承样式导致的问题。第一个＆＃34;页面＆＃34;，点击其他标签显示空内容。我试图让每个标签包含一个iframe，所以我可能会遇到问题。所以，我试着简单地使用一个简单的例子，从primefaces showcase稍加修改：

<p:carousel numVisible="1" headerText="Tabs" style="margin-bottom:0" >  
                <p:tab title="Content I">
                    <h:panelGrid columns="1" cellpadding="10">
                        <h:outputText
                            value="content 1" />
                    </h:panelGrid>
                </p:tab>
                <p:tab title="Content II">
                    <h:panelGrid columns="1" cellpadding="10">
                        <h:outputText value="Content 2" />
                    </h:panelGrid>
                </p:tab>
                <p:tab title="Content III">
                    <h:panelGrid columns="1" cellpadding="10">
                        <h:outputText value="Content 3" />
                    </h:panelGrid>
                </p:tab>            
            </p:carousel>

但是，输出仍然会像这样呈现......

Carousel screenshot

如何使用Primefaces展示中显示的正确样式和/或从公司CSS模板调试有问题的继承CSS？有没有办法强制我的应用程序本地的标准primefaces函数可以覆盖继承的问题？

Primefaces Carousel在一个页面中显示所有内容

0 个答案: