Jsf 调整p:环的大小

是否有任何方法可以调整屏幕大小？我试过“宽度”和“高度”，但都不起作用。窗户总是小的，我想要大一点的

这是XHTML代码：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/template/templatePCD1.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions">

    <ui:define name="pageTitle">Groupe details</ui:define>
    <ui:define name="pageContent" >
        <h:form id="form" >
            <h3 style="margin-top: 0">Groupe details</h3>
            <p:ring id="custom" value="#{allGroupeBean.groupes}" var="car" >
                <p:panel >
                    <p:column  >

                        <p:panelGrid columns="1"  >
                            <h:outputText value="#{car.nom}"  />
                            <p:commandButton update=":form:carDetail" icon="ui-icon-search" title="View" oncomplete="PF('carDialog').show();"  >
                                <f:setPropertyActionListener value="#{car}" target=" #{allGroupeBean.selectedGroupe}"  />
                            </p:commandButton>
                        </p:panelGrid>
                    </p:column>
                    <br/>
                </p:panel>
            </p:ring>

            <p:dialog header="Groupe Info" widgetVar="carDialog" modal="true"  showEffect="fade" hideEffect="fade" resizable="false" width="470">
                <p:outputPanel id="carDetail" style="text-align:center;" layout="block">
                    <p:dataTable id="selectedCarsTable" var="car" value="# {allGroupeBean.selectedGroupe.teams}">
                        <p:column headerText="Teams">
                            <h:outputText value="#{car.nom}" />
                        </p:column>
                        <p:column headerText="Points">
                            <h:outputText value="#{car.point}" />
                        </p:column>
                    </p:dataTable>
                </p:outputPanel>
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>

群组详细信息
群组详细信息

---

它显示小窗口，我需要大窗口。

我认为您必须自定义CSS（try.ui ring{width:x%；}（我认为默认值为70%），我应该将class=“ui ring”放在哪里在html代码中？你没有。你必须使用h:OutputStyleSheet引用外部css可能也是其他css，你必须调整自己。添加一些firefox插件，让你检查和更改css