Question

我在面板中有一个视图控件，但似乎无法让视图控件在面板中居中。我尝试添加到所有属性样式“text-align：center; display：block;”。关于如何让这个观点居中的任何想法？

感谢， CLEM

<xp:panel style="text-align:center;display:block;"
    id="presentationView">
    <xp:viewPanel rows="30" id="viewPanel1">
        <xp:this.facets>
            <xp:pager partialRefresh="true"
                layout="Previous Group Next" xp:key="headerPager" id="pager1">
            </xp:pager>
        </xp:this.facets>
        <xp:this.data>
            <xp:dominoView var="view2"
                viewName="PresentationStore">
            </xp:dominoView>
        </xp:this.data>
        <xp:viewColumn columnName="PresentationTitle"
            id="viewColumn1" displayAs="link" openDocAsReadonly="true" styleClass="footer">

            <xp:eventHandler event="onclick" submit="true"
                refreshMode="complete">
                <xp:this.action>
                    <xp:openPage name="/Comp_Presentation.xsp"
                        target="openDocument">
                    </xp:openPage>
                </xp:this.action>
            </xp:eventHandler>
        </xp:viewColumn>
    </xp:viewPanel>

</xp:panel>

Answer 1

您可以使用以下内容：

<xp:panel>
    <xp:div style="display: table; margin: 0 auto">
        <xp:viewPanel rows="30" id="viewPanel1">
            <xp:this.facets>
                <xp:pager partialRefresh="true"
                    layout="Previous Group Next" xp:key="headerPager" id="pager1">
                </xp:pager>
            </xp:this.facets>
            <xp:this.data>
                <xp:dominoView var="view1" viewName="($All)"></xp:dominoView>
            </xp:this.data>
        <xp:viewColumn columnName="$106" id="viewColumn1">
                <xp:viewColumnHeader value="Date"
                    id="viewColumnHeader1">
                </xp:viewColumnHeader>
            </xp:viewColumn>
        </xp:viewPanel>
        </xp:div>
</xp:panel>

只需用您自己的代码替换视图数据

Answer 2

包装DIV标签并将该DIV标签居中。我通常以80％打开viewPanels，因此它会扩展到浏览器窗口。

如何在面板中居中视图

2 个答案: