css - jsf primefaces对话框无法完全显示内部布局

我遇到的问题是，当我想用​​layout和layoutunits拆分对话框时，只有北部布局单元的10px上部被渲染。在渲染的那一部分中，您可以向下滚动以查看北“ 12”和中心“ 12”的值。

    <h:form id="mainDllg">
        <p:dialog id="mainDlg" header="12" widgetVar="mainDlg"
            rendered="true" closeOnEscape="true"
            style="width:99% !important; height:99% !important"
            resizable="false" modal="true">
            <p:outputPanel>

                <p:layout>
                    <p:layoutUnit position="north">12</p:layoutUnit>

                    <p:layoutUnit position="center">12</p:layoutUnit>
                </p:layout>

            </p:outputPanel>
        </p:dialog>
    </h:form>

最佳答案

<h:form id="mainDllg">
        <p:dialog id="mainDlg" header="12" widgetVar="mainDlg"
            rendered="true" closeOnEscape="true"
            resizable="false" modal="true">
            <p:outputPanel>

                <p:layout style="min-width:400px;min-height:200px;">
                    <p:layoutUnit position="north" size="30">12</p:layoutUnit>

                    <p:layoutUnit position="center">12</p:layoutUnit>
                </p:layout>

            </p:outputPanel>
        </p:dialog>
    </h:form>

您应该尝试一下。

关于css - jsf primefaces对话框无法完全显示内部布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25963421/