Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 


Quick Go »
Thread Status: Normal
Total posts in this thread: 9
[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]
Author
Previous Thread This topic has been viewed 390 times and has 8 replies Next Thread
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 301
Status: Offline

Edit this Post   Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Thread]

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
[Jan 30, 2015, 5:41:16 AM] [72.241.195.138] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 9, 2015, 1:30:07 AM] [24.189.166.198] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 301
Status: Offline

Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 9, 2015, 5:31:09 AM] [72.241.195.138] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 10, 2015, 1:52:44 AM] [24.189.166.198] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 301
Status: Offline

Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
----------------------------------------
[Edit 1 times, last edit by OPwebmaster at Feb 10, 2015, 5:34:12 AM]
[Feb 10, 2015, 5:12:57 AM] [First IP: 72.241.195.138 - Last IP: 72.241.195.138] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 11, 2015, 12:30:25 AM] [24.189.166.198] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 301
Status: Offline

Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
----------------------------------------
[Edit 3 times, last edit by OPwebmaster at Feb 11, 2015, 6:12:21 AM]
[Feb 11, 2015, 5:48:16 AM] [First IP: 72.241.195.138 - Last IP: 72.241.195.138] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Aug 9, 2022
Posts: 6394
Status: Offline
Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 18, 2015, 8:17:59 PM] [24.189.166.198] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
OPwebmaster
localendar Expert



Joined: Jan 24, 2015
Posts: 301
Status: Offline

Edit this Post   Re: Fully interactive embedded calendar problem Reply to this Post
Reply with Quote
[Delete this Post]

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
[Feb 19, 2015, 5:06:36 AM] [72.241.195.138] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
[Show Thread Printable Version] [Post new Thread]

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