I am having issues with IE9 and IE10 not showing the background box of the validation message.
Similar to this this post
I have search the forums for a workable answer, but haven't been successful.
I found others having validation box background who have tracked it down to issue to the formcheck-yui.js, but the solution posted on that forum don't seem to be working for me.
In IE9, my css/formcheck/theme/grey/formcheck.ss file for .fc-tbx .tl looks like this:
But in IE8 mode, it works and looks like this:
The extra ("img/tl.png") appears to be throwing off IE9.
Please, I need help on this. I will PM a link if need be. But if someone has a solution, I am all ears.
Thanks,
Melvins138
Similar to this this post
I have search the forums for a workable answer, but haven't been successful.
I found others having validation box background who have tracked it down to issue to the formcheck-yui.js, but the solution posted on that forum don't seem to be working for me.
In IE9, my css/formcheck/theme/grey/formcheck.ss file for .fc-tbx .tl looks like this:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='https://www.pchp.net/components/com_chronoforms/css/formcheck/theme/grey/url("img/tl.png")', sizingMethod='crop')
But in IE8 mode, it works and looks like this:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='https://www.pchp.net/components/com_chronoforms/css/formcheck/theme/grey/img/tl.png', sizingMethod='crop')
The extra ("img/tl.png") appears to be throwing off IE9.
Please, I need help on this. I will PM a link if need be. But if someone has a solution, I am all ears.
Thanks,
Melvins138
Based on this post (which I correctly linked this time) it appears I should replace this code in components/com_chronoforms/js/formcheck/formcheck-yui.js
From this:
I changed it to
From this:
var a=(k.backgroundRepeat=="no-repeat")?"crop":"scale";k.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+g+"', sizingMethod='"+a+"')";k.backgroundImage="none"
I changed it to
var a=(k.backgroundRepeat=="no-repeat")?"crop":"scale";k.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+g+"', sizingMethod='"+a+"')"
This topic is locked and no more replies can be posted.
