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

Question

Dalie came up with a great solution to stop the "stretched" to the right dialog boxes when they appear in IE.

Fixing "stretched" XPage extension library dialog box in IE?

Dalie's solution was to set the width of the dialog box. This worked great. But now I am having the same issue with the extension library Name Picker. It has a width property which I set but does not seem to solve the problem.

To review, basically in IE dialog boxes are "stretched" all the way over to the right border of the dialog box. No matter where you move the dialog box the right side stays anchored in place.

Any solution to this issue?

It seems to be related to IE displaying the page in compatibility mode. I see the same with IE8 where the page is rendered in IE7 Standards mode. If I change to IE8 Standards mode, it renders as expected — Per Henrik Lausten

Per Henrik Lausten Per Henrik Lausten · Accepted Answer · 2012-05-15T19:13:53

Try forcing IE not to use compatibility mode by setting the X-UA-Compatible header to IE=8 (or even IE=Edge):

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

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

1 Answers