Monday, May 21, 2012

IE Compatibility mode creates issues with XPages DateTimePicker

Per Hendrik suggested a fix for the strange stretched dialog problems in IE with xPage extensions.



Fixing "stretched" XPage extension library Name Picker in IE?



This worked great and fixed the problem. But it creates an issue with the DateTimePicker. With compatibility mode in place the calendar for the DateTimePicker displays but is immediately closed. I have put together a demo here:



 <xp:this.beforeRenderResponse>
<![CDATA[#{javascript: if (context.getUserAgent().isIE()) {
var response = facesContext.getExternalContext().getResponse();
response.setHeader("X-UA-Compatible", "IE=8");
}}]]>
</xp:this.beforeRenderResponse>




<xp:inputText id="inputText1">
<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
<xp:this.converter>
<xp:convertDateTime type="date"></xp:convertDateTime>
</xp:this.converter>
</xp:inputText>




No comments:

Post a Comment