localendar Forums Homepage

Print at Dec 12, 2018, 6:35:53 PM View all posts in this thread on one page
Posted by codegreer at Mar 24, 2017, 12:14:31 AM
Help with different calendar views
I have several questions that I haven't been able to find answers for by searching here or in the documentation. My calendar is here: http://localendar.com/public/actiongaguide

1. I want to embed a fully interactive embedded javascript calendar. I chose Month Pinboard as the style. There is no preview and the code it generates (below) does not work when I add it to my HTML.

 <SCRIPT src="//localendar.com/public/actiongaguide?style=M6&include=Y&dynamic=Y"></SCRIPT> 

I can embed the block views, but list views and pinboards don't preview and don't show up on my site either. Thoughts?

2. I really like the pinboard view, but users might not. Is there a way to let the site visitor change it to the block or list views?

3. On that same note, can site visitors change the from day to week to month as they choose?

Thanks for any help!

Posted by support at Apr 2, 2017, 3:31:08 PM
Re: Help with different calendar views
Hi codegreer,

A few comments/answers..

I don't think the pinboard-style views are compatible with the "fully interactive javascript" style (I guess we should hide that option wink ) In any case, the preferred method is the responsive iframe, which will also let you do some of the other things you want anyway.

There are a few ways to let visitors jump to completely different view styles. And they all involve a little custom HTML in your calendar's title or footer (or both)

First, let's assume you've gone ahead and published a responsive month-view pinboard on your site with the following code:
<script type="text/javascript" src="//localendar.com/js/PublishedResponsiveIframe.js"></script>
<iframe style="width:100%"; id="localendar-iframe" src="//localendar.com/public/actiongaguide?style=M6"></iframe>

If you add this sample HTML to your calendar's title, it will let a visitor change between a few view styles (you can customize this more to your specific needs)

<div style='margin:10px;float:left;font-size:12px;'><a href='//localendar.com/public/actiongaguide?style=M6'>Month Pinboard</a> <a href='//localendar.com/public/actiongaguide?style=M0'>Month Block</a> <a href='//localendar.com/public/actiongaguide?style=W6'>Week Pinboard</a> <a href='//localendar.com/public/actiongaguide?style=D2'>Today+Soon</a></div>

(Yes, that needs to be pasted as one single line - make sure you get the whole thing)
Hope that helps!
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