Calendar in Edge

Question

Hi,

Love this template and all of the possibilities out of the box. One thing I really like is the Event Calendar, but it unfortunately does not seem to render correctly in Edge. This is not my browser of choice, but it will be some peoples choice. Each time, the last column of dates loads over the first column of dates. On my site, it overlaps Saturday on Sunday as I begin the week on Sunday, but as you can see in the default page (attached pic) in the code it does the same thing.. Has anyone else encountered this?

Thanks!

Simon

SemiColonWeb · Accepted Answer

Hello,

We have checked this out in Edge and it is definitely a weird issue even when the codes are correctly added. The solution is simple and stupid. Find the following code in the css/calendar.css File:

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
	display: inline-block;
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;
}

and replace width: calc(100%/7); with width: calc(99.99%/7); .

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

betster · Answer

That worked perfectly. Thanks for the quick and successful response. Love this template! And now I love the support as well.

Semicolon Web · Answer

Hello, Thank You so much for the Kind Words! :) Really Glad that your issues were resolved. Do let us know if we can help you with anything else or if you find any further issues with Canvas.