PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

IE9 Enhanced UI gradient problem

  1. Richard Vav
    Administrator

    For some reason the ie gradient filter that is being applied to the enhanced ui selects is being interfered with so it no longer produces the light gray to white gradient instead it looks to have some kind of dark blue gradient instead (I'm colour blind by the way). The form can be found here http://www.eandhbaxendale.com/online-enquiries/easi-joist-enquiry/

    I only have access to IE9 so I can't say what is happening with the earlier versions. Any help with this would be appreciated, I have had a route around using the IE9 developer tools and the css panel but I can't figure out what is overriding the filter that is found under the following classes in forms.css

    .gform_wrapper .chzn-container-single .chzn-single div
    .gform_wrapper .chzn-container-single .chzn-single
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE',endColorstr='#FFF',GradientType=0)
    Posted 7 years ago on Friday January 6, 2012 | Permalink
  2. Richard Vav
    Administrator

    So after staring at this problem for a couple of hours I eventually decided to take another look in forms.css and noticed that the colour hex codes are all 3 characters long which got me thinking back to a similar problem I experienced a year or two ago when I first decided to implement gradients on the site. They worked perfectly until I decided to reduce the hex codes from 6 to 3 characters at which point the gradients got messed up. So I have solved this by changing all the colour hex codes in forms.css for the enhanced ui styles with filters from 3 to 6 characters long.

    Roll on the day when filters (or IE) are dead and buried.

    Posted 7 years ago on Saturday January 7, 2012 | Permalink
  3. Interesting. Thanks for the update. I'll take a look into that for the next version. As usual, IE is the problem child.

    Posted 7 years ago on Tuesday January 10, 2012 | Permalink
  4. Yikes. Just ran into the same problem with our friend IE. This *seems* like a simple fix. ;-)

    Any chance this will be resolved soon? Thanks.

    Posted 7 years ago on Thursday June 7, 2012 | Permalink