|
Index | Recent Threads | Register | |
Forums » List all forums » Forum: General Discussion » Thread: Fully interactive embedded calendar problem |
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 |
|
OPwebmaster
localendar Expert
|
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 |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 |
||
|
OPwebmaster
localendar Expert
|
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 |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 //--> ---------------------------------------- Marc Higgins Support Associate, localendar.com Follow us on Twitter! http://www.twitter.com/localendar_news |
||
|
OPwebmaster
localendar Expert
|
Marc:
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] |
||||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 |
||
|
OPwebmaster
localendar Expert
|
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] |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6394 Status: Offline |
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 |
||
|
OPwebmaster
localendar Expert
|
Marc:
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 |
||||
|
[Show Thread Printable Version] [Post new Thread] |
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |