修复IE中“拉伸”的XPage扩展库对话框?

时间:2012-05-04 20:57:49

标签: xpages

当IE中显示一个对话框时,它似乎向右伸展。我知道可能有一个临时的解决方案吗?任何人都可以提供修复吗?

1 个答案:

答案 0 :(得分:5)

我们遇到了同样的问题,并通过指定对话框的宽度来解决它。这可以防止它向右伸展。此外,不要忘记关闭Firebug控制台,如果对话框包含大量内容,它也会扭曲对话框。

要重现效果,您可以复制/粘贴下面的代码,向其中添加几段文字并从对话框中删除指定的宽度。

<xp:button value="Show Dialog" id="button1">
    <xp:eventHandler event="onclick" submit="false">
        <xp:this.script><![CDATA[XSP.openDialog("#{id:dialog1}");]]></xp:this.script>
    </xp:eventHandler>
</xp:button>

<xe:dialog id="dialog1" title="Dialog title" style="width:800px;">
    <xe:dialogContent>
        <p>Lorem ipsum ... </p>
    </xe:dialogContent>
    <xe:dialogButtonBar>
        <xp:button value="Ok" id="button1" styleClass="lotusFormButton">
            <xp:eventHandler event="onclick" submit="false">
                <xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
            </xp:eventHandler>
        </xp:button>
        <xp:link id="link1" text="Cancel" styleClass="lotusAction">
            <xp:eventHandler event="onclick" submit="false">
                <xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
            </xp:eventHandler>
        </xp:link>
    </xe:dialogButtonBar>
</xe:dialog>