localendar Forums Homepage

Print at Apr 26, 2024, 9:14:53 AM View all posts in this thread on one page
Posted by LSCB at May 30, 2016, 10:12:22 AM
Interactive Mini Calendar has distorted on my page
Hello when I initially added the code for the mini calendar everything seemed absolutely fine then I added a few events to the calendar and when I looked at it on my page it was a mess - seems to be causing a conflict with my site template settings.

Can you please advise what has caused my pages coding to go array, I suspect the javascript in the calendar, but didn't see a mini calendar iframe option - is it just me?

See here: http://www.safeguardinglewisham.org.uk/lscb to see the calendar

Posted by support at May 30, 2016, 2:26:52 PM
Re: Interactive Mini Calendar has distorted on my page
Can you double-check your "publish code" you copied from localendar? I think you might be missing this line:
<script type="text/javascript" src='//localendar.com/js/PublishedIncludeMini.js'></script>

----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by LSCB at May 30, 2016, 5:12:35 PM
Re: Interactive Mini Calendar has distorted on my page
Thanks Marc,

That has straightened up the look of the page, but the calendar arrows still will not move from one month to the next - is this a javascript issue? Also what do I change where to get the calendar to fill the width of the column please?

Posted by LSCB at May 30, 2016, 5:21:19 PM
Re: Interactive Mini Calendar has distorted on my page
I managed the width just need to be able to move from month to month. Stuck on current month only, thanks

Posted by LSCB at May 31, 2016, 2:27:50 PM
Re: Interactive Mini Calendar has distorted on my page
Keep getting a javascript error when I try to move the calendar from one month to the next on the mini version. Which version of Javascript should I be using please?

Posted by support at Jun 1, 2016, 10:06:12 PM
Re: Interactive Mini Calendar has distorted on my page
When we bring jquery onto a page, we check if it's either already included or not, and if so, we namespace our copy so there isn't a conflict.
Since your page is including jQuery after localendar's JS, I think it might be getting overwritten.

Can you move these lines on your page:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script>window.jQuery || document.write('<script src="/js/libs/jquery-1.6.2.js"><\/script>')</script>


just before this one:

<script type="text/javascript" src='//www.localendar.com/js/PublishedIncludeMini.js'></script>


and let me know what happens?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news


Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us