2012-05-04 31 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>