Friday 12 July 2013

APEX rendering issues in IE10

I'm sure anyone who's tried to write an APEX application that works across the "big 3" browsers - Chrome, Firefox & IE will be familiar with the pain of rendering differences.

Especially when it comes to version differences across Internet Explorer.

Thanks to Trent in the OTN forum, I have this nifty tip if you find some rendering issues in IE10 using APEX that aren't present in 'normal' pages.

Ensure your page template has the meta http-equiv illustrated here
<!--[if (gt IE 9)|!(IE)]>  <!--> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
Instead of
<!--[if (gt IE 9)|!(IE)]><!-->  <!--<![endif]-->
I found this improved rendering of (amongst now doubt other issues)
  • sliders rendered properly;
  • login form fields had expected width;
  • and the list template "Featured List with Subtext" rendered consistently.

No comments: