This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal



~Tanita Rehipipulnivu
Aug 23, 2011, 10:34 AM
8 Posts

Unable to apply CSS3 on XPages using IE9

  • Category: Styles and Themes
  • Platform: All
  • Release: 8.5.3
  • Role: Developer
  • Tags: css3,html5,stylesheet
  • Replies: 4

Hi Guys,

I have an issue applying CSS3 styles on my XPages application.

Problem is if I try to apply any CSS3 property on a XPage application it wont render while accessing application from IE9 (only IE that support CSS3 i guess), but it works fine if i access the same application from Firefox or Chrome.

Problem is not with IE9 since other CSS3 based website can be accessed using IE9.

 

For Example: http://border-radius.com/ i tried this site which generate CSS3 code for border-radius, it works fine on IE9 but if i use the same code in my XPages application it wont render in IE9, works fine in other browsers.

same issue happens with other CSS3 property like border-shadow etc.

if anyone has faced similar issue please help me with some work around.

 
 
 

Thanks and Regards,

Aneesh

 

~Alexis Opresaman
Aug 23, 2011, 10:41 AM
129 Posts
Re: Unable to apply CSS3 on XPages using IE9
Use this method to set the doctype (which I believe is the reason for the behaviour you're experiencing):
http://www.qtzar.com/blogs/qtzar.nsf/Blog.xsp?documentId=39CEF6D5AF0E50DE852576D8006B0400&action=openDocument  
 
~Tanita Rehipipulnivu
Aug 23, 2011, 11:56 AM
8 Posts
Re: Unable to apply CSS3 on XPages using IE9
Hi Tommy,
 
Thanks for the replay 
But this code did not work for me on IE9.. it changed the Document type of the page, but it neither rendered HTML5 nor CSS3 on the XPages... but on firefox as usual works fine... 
~Cheryl Frovelusonobu
Sep 6, 2011, 2:08 PM
3 Posts
Re: Unable to apply CSS3 on XPages using IE9
Hi!
 
When can I use... seems to think that IE9 supports border-radius: http://caniuse.com/#search=border-radius
 
At the risk of insulting your CSS experience, you are using border-radius and not the -webkit or -moz versions?
 
There's a javascript library that might help you out: Modernizer. It's can provide js plugins for functionality that isn't available for a particular version of browser.
 
HTH
 
___
 
mark sta ana / @booyaa
~Lex Reponevitchgon
Sep 27, 2011, 12:44 PM
3 Posts
Re: Unable to apply CSS3 on XPages using IE9
 CSS3 works fine in IE9 if is not in IE8 compatibility mode. The real problem in IE9 is that it does not work correctly with dijit.layout.  

This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal