2012-05-04 28 views
1

当在IE中显示对话框时,它看起来向右伸展。我知道这可能是暂时的解决办法吗?任何人都可以提供修复?在IE中修复“拉伸的”XPage扩展库对话框?

+0

你能提供一些示例代码吗?你是否在兼容模式下运行IE浏览器(只是猜测)? –

+0

使用哪个IE版本?由于CSS属性错误,我在IE7中看到了对话框的一些问题。 –

回答

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>