Forums - View Thread - Balloons and popup not working with mini calendar using websiteX5 v17

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Known Problems » Thread: Balloons and popup not working with mini calendar using websiteX5 v17

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

This topic has been viewed 275 times and has 8 replies

SandWSS
New Member

Joined: Mar 6, 2019
Posts: 5
Status: Offline

Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Thread]

Hi I'm new to localendar and have uploaded the mini calendar from website X5 and whilst the calendar and events show on the website www.sloughscotssociety.co.uk/events page, no balloons or popup appear when clicked. The server is currently running php 5.2 for an existing calendar on the site which I am trying to replace.
Your help please.

[Mar 7, 2019, 5:08:25 PM] [80.189.143.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6437
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

The mini calendar runs as an embedded javascript widget in the page. Your page is loading a version of jQuery (3) that has renamed a function used by the widget.

We're looking into the best way to allow the site to work on pages across regardless of the jQuery version they may be using. We'll post an update here soon with more information after we complete further investigation and testing.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Mar 8, 2019, 7:52:08 PM] [69.126.127.39]

[Link]

SandWSS
New Member

Joined: Mar 6, 2019
Posts: 5
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

Many thanks, I await the outcome of your investigation.

[Mar 8, 2019, 8:00:49 PM] [80.189.143.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6437
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

A fix for this has been pushed. I see you have removed the widget from your site so I am unable to test it outside our lab environment.

If you add it back, please let me know if the issue is corrected.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Mar 13, 2019, 6:39:17 AM] [111.93.16.35]

[Link]

SandWSS
New Member

Joined: Mar 6, 2019
Posts: 5
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

The widget is now positioned at the bottom of the links page which is the only position where the hover box can be seen in its entirety. The balloon is too large to allow the mini calendar to be placed in the sidebar intended, also the text in its default colour cannot be easily read.
Is there any way that the hover balloon can be reduced in size to fit within the calendar frame and the colours changed?
Many thanks for your efforts so far.

[Mar 13, 2019, 3:41:54 PM] [80.189.143.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6437
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

The balloon is too large to allow the mini calendar to be placed in the sidebar intended, also the text in its default colour cannot be easily read.

Changing the colors is just a matter of altering some of the code you pasted from the site. Look for this section:

 // Other settings you can customize for your site
var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */
var lcPopupOutline="#333333";
var lcPopupCornerRadius=20; /* Set to 0 for square corners */

You can also look at the other sections, like

.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}

to change other colors, font settings, etc.

NOW.. about the balloons getting clipped... smile

Most likely, there is some CSS in your design where "overflow" is set to "hidden". This will cause the popups to be automatically clipped. Usually, this setting can be removed without affecting the rest of your site.

I can help you with this, but for testing I need a page (it can be a different page on your site - just post a link) that actually shows the clipping behavior in action (ie, with the calendar on the right)
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Mar 14, 2019, 5:45:14 AM] [111.93.16.35]

[Link]

SandWSS
New Member

Joined: Mar 6, 2019
Posts: 5
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

Thanks for the color info.
I have now moved the widget to the side bar of the Events page where it is intended that it should be and where you can quite clearly see the problem.
I hope that you can sort the problem for me.

[Mar 14, 2019, 12:41:32 PM] [80.189.143.154]

[Link]

support
localendar Expert

Joined: Aug 9, 2022
Posts: 6437
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

In the source code of your events page, there is this html:



<div id="imHTMLObject_6_11" class="imHTMLObject" style="text-align: center;width: 100%;overflow: hidden;">

(it's right before where you copied the localendar.com code)

If you change it to this, your balloon pop-ups will not be clipped:


<div id="imHTMLObject_6_11" class="imHTMLObject" style="text-align: center;width: 100%;">

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

[Mar 18, 2019, 12:40:42 PM] [45.112.55.4]

[Link]

SandWSS
New Member

Joined: Mar 6, 2019
Posts: 5
Status: Offline

Re: Balloons and popup not working with mini calendar using websiteX5 v17	Reply to this Post Reply with Quote
	[Delete this Post]

Many thanks.
The calendar is now working well on all the browsers that I have access to, including Firefox, Chrome, Edge and Safari.

[Mar 19, 2019, 2:09:20 PM] [80.189.143.154]

[Link]

[Show Thread Printable Version] [Post new Thread]