localendar Forums Homepage

Print at Mar 29, 2024, 2:47:28 PM View all posts in this thread on one page
Posted by OPwebmaster at Jan 30, 2015, 5:41:16 AM
Fully interactive embedded calendar problem
I currently have my calendar set to use a fully interactive embedded calendar. Here is the site:
http://www.mobileexceltest.ottawapark.org
Go to February 2015. You will notice that there is NO thin horizontal white line separating the events on any given day, so it is impossible to distinguish between events without hovering over them.

Here is my code:
<SCRIPT src="http://www.localendar.com/public/OPwebmaster?include=Y&dynamic=Y&rss_link=false"></SCRIPT>

This problem does NOT occur if I use an iframe. It also does NOT occur when I post my calendar to your website:
http://www.localendar.com/public/OPwebmaster?rss_link=false
although I do not know what type of calendar is used on your site.

Any idea how to solve this problem and still maintain a fully interactive embedded calendar on my website?

Thanks as always for any help you can provide,

Harry

Posted by support at Feb 9, 2015, 1:30:07 AM
Re: Fully interactive embedded calendar problem
I do see a separation. Is it possible between when you posted this and now that you fixed some global CSS settings on your page? (that'd be my guess)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Feb 9, 2015, 5:31:09 AM
Re: Fully interactive embedded calendar problem
Marc:

I changed this location to an iframe setting---sorry I did not correct my post.

Here is a site where the problem with the lack of horizontal white line separation between events with the 'fully interactive style' occurs:

http://www.sitetest.ottawapark.org/

Harry

Posted by support at Feb 10, 2015, 1:52:44 AM
Re: Fully interactive embedded calendar problem
Do me a favor and try 2 tests.
First, drop the doctype line from the top of your test page. If that doesn't make a different, 2nd, drop the two custom CSS lines:
	<link rel="stylesheet" href="localendartest3_g.css" type="text/css" media="screen,projection,print">	<!--// Document Style //-->
<link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->

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

Posted by OPwebmaster at Feb 10, 2015, 5:12:57 AM
Re: Fully interactive embedded calendar problem
Marc:
 
Do me a favor and try 2 tests.
First, drop the doctype line from the top of your test page. If that doesn't make a different, 2nd, drop the two custom CSS lines:
	<link rel="stylesheet" href="localendartest3_g.css" type="text/css" media="screen,projection,print">	<!--// Document Style //-->
<link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->

I don't know how to delete them. They are created automatically by the website building software I use. I can view them after the page opens in my browser using the 'View Page Source' command, but I cannot figure out how to delete them.

So I need some technical guidance on this one.

For what it is worth, those three lines are also in http://www.mobileexceltest.ottawapark.org , which is where I place the calendar in an iframe with this script:
<iframe src="http://www.localendar.com/public/OPwebmaster?rss_link=false" height=1080 width=820 marginheight=0 marginwidth=0 scrolling=auto frameborder=0 border=0>
</iframe>

And that shows the vertical white lines just fine.


Harry
Harry

Posted by support at Feb 11, 2015, 12:30:25 AM
Re: Fully interactive embedded calendar problem
The iFrame calendar is "protected" from the CSS on the page itself b/c it's encapsulated in the iframe. The fact that it displays correctly in the iframe version is actually a good indicator that there's something in the page itself that's the problem. (this is also one of the reasons we have a bunch of ways to publish your calendar)

We can try and make our CSS a little more bullet-proof (which we always try to do anyway) for your particular site. In theory, this should be good for everyone. But if folks start to complain, we may have to remove the change and try other alternatives (we can only test so much locally when we have calendars on hundreds of thousands of sites under all kinds of different conditions)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Feb 11, 2015, 5:48:16 AM
Re: Fully interactive embedded calendar problem
Marc:

Whatever you did now works fine. Hopefully it will not create too many problems for others. And for whatever reason, this option does NOT have the 'rss_link=false' problem with Chrome & IE that the iframe option does. So unless another problem occurs, I will probably use this option when I set up my final calendar.

But that brings up a couple of questions.
1. The easy one. With this fully interactive option, what sets the width of the calendar RELATIVE to the the width of my webpage? My webpage is 1000 px wide, and this option is about 850 px wide.
2. All of the various website layouts I now use are just trial websites. Once I have something that seems to be the best overall Localendar publishing method for my use, I will insert it on the Calendar page of my 'real' website http://www.ottawapark.org. You said that something in my page is probably the basic problem before you made the changes. What kind of thing/code should I be looking for? I may be able to reconfigure the specific web page to eliminate the problem (although there are also 18 other pages on the site).

You may already know this, but the Day-Week-Month toolbar at the bottom displays differently whether I am using the iframe or the fully interactive option. It is NOT browser dependent, at least in my testing. Since I can't find a way to attach an image to this post, you should be able to see the differences by going to the Week or Day view on these two sites:

http://www.sitetest.ottawapark.org/ (fully inteactive)

http://www.mobileexceltest.ottawapark.org/ (iframe)


Harry

Posted by support at Feb 18, 2015, 8:17:59 PM
Re: Fully interactive embedded calendar problem
With "fully interactive" the calendar should expand to the width of its parent container. So if you put it in a <div> for example of width 500px, it should be no larger than that. there is a modicum of padding automatically to keep it readable (but not 150px as implied?)

regarding the different day/week/month nav bars; the code to display each calendar depending on how it is included is different. We try and keep them in sync, but I know we are investigating alternative ways to handle that nav feature, which is why there may be a slight variation.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by OPwebmaster at Feb 19, 2015, 5:06:36 AM
Re: Fully interactive embedded calendar problem
Marc:
 
With "fully interactive" the calendar should expand to the width of its parent container. So if you put it in a <div> for example of width 500px, it should be no larger than that. there is a modicum of padding automatically to keep it readable (but not 150px as implied?)

This clarifies my situation. My iframe code specifies 820px wide, whereas I have an open rectangle which is 850px wide for the 'fully interactive' version. So that is why I am seeing a difference.

So thanks to your great help I can check another one off my 'solved' list.


Harry


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