Question

我遇到了p：accordionPanel旁边显示的p：tabView的问题。 tabView的标题占据与整个accordionPanel相同的垂直大小。

最初是在模板客户端。我把它减少到下面的演示：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
    </h:head>

    <h:body>
        <div>
            <div id="left" style="float: left">
                <p:accordionPanel>
                    <p:tab title="Accordion">
                        X<br/> 
                        Y<br/>
                        Z<br/>
                    </p:tab>
                </p:accordionPanel>
            </div>
            <div id="right" style="margin-left: 150px">
                <p:tabView>
                    <p:tab title="tabOne"> one </p:tab>
                </p:tabView>
            </div>
        </div>
    </h:body>
</html>

我正在使用PrimeFaces 5.0，GlassFish 4.1

Answer 1

为p：tabview

尝试以下样式属性

<p:tabView style="display: inline-block; width: 100%">
      <p:tab title="tabOne"> one </p:tab>
</p:tabView>

Primefaces tabView标题大小与accordionpanel结合使用时不正确

1 个答案: