Calendar pop-ups not rendering properly

[Larry]

The rollover event pop-ups on the calendar are not rendering properly with Internet Explorer 9. Some appear to have a clear background that lets other events shine through, while others are blocked by parts of the calendar (e.g., the date row) or the event name at the top of the pop-up is blocked. They work fine with Chrome, but I’m concerned that my users will have the same problem. Thank you

[Jonah]

Hi Larry,

I viewed your website and the pop ups look ok to me in IE9. Do you have a screenshot of the issue you’re seeing so I can get a sense of what you’re talking about.

Thanks,
Jonah

[Larry]

Thank you for your note, Jonah. I responded to the e-mail I received, as I’m not quite sure how to post the screenshot using this platform.

[Jonah]

Hi Larry,

There’s lots of tools to help you with this:
http://www.techsmith.com/jing.html
https://droplr.com/hello
http://getcloudapp.com/
http://skitch.com/

Cheers,
– Jonah

[Larry]

Thanks for the heads up on those tools — pretty cool. Let’s see if this works: http://d.pr/i/ZKdX

[Jonah]

Hi Larry,

Are you seeing the issue on another site besides http://www.friendsafterdiagnosis.com because that site looks fine in IE9 and the site in your screenshot looks different.

Thanks,
Jonah

[Larry]

It is happening at friendsafterdiagnosis.com. Perhaps the screenshot looks different because it’s cropped somewhat?

[Jonah]

Hi Larry,

It looks like this is only happening with IE9 in compatibility mode, it renders fine when not in that mode. Can you check to see if you have this enabled and disable it if so?

Thanks,
Jonah

[Larry]

Yes, that took care of the problem. However, what can we do about the people who are likely to encounter this problem like I did and won’t know what to do about it? I’d hate for it to reflect poorly on our site (and the Calendar Pro plugin, by extension). Thank you

[Jonah]

Hi Larry,

You can add this before the end of your html head tag and this will force IE to always use the latest rendering engine and disable compatibility mode:




I hope that helps!

– Jonah

[Jonah]

Ooops, code got cut off, let me try this again: https://www.sourcedrop.net/pgOd7a0717131

[Larry]

I was hoping you wouldn’t say something to lose me but it’s happened. What does the html head tag look like and where would I find it? And are we talking about the code for the entire site or for the Calendar Pro plugin? Thank you

[Larry]

I understand that and tags exist — I’m just not sure where to find them for my site. The code in the Editor for Appearance doesn’t contain them. Help! Thanks

[Jonah]

Hi Larry,

The head tags are likely in your theme’s header.php file, nothing to do with our plugin. You’ll want to edit that file and follow best practices for editing that file according to the theme author. Basically, open up header.php and paste that line in the head tags before the wp_head() function call.

I hope that helps but let me know if you need anything else.

– Jonah

[Larry]

The first couple of places I dropped the code in header.php, there was no difference, but through the WP Forum I found a link to a blog that suggested making the code you provided the very first line after , and this seems to have worked. Thank you for your help

[Author]

Posts