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

Forums » List all forums » » Forum: Known Problems » » » Thread: Balloons and popup not working with mini calendar using websiteX5 v17
Print at Jul 21, 2025, 9:49:12 PM	View all posts in this thread on one page

Posted by SandWSS at Mar 7, 2019, 5:08:25 PM

Balloons and popup not working with mini calendar using websiteX5 v17
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.

Posted by support at Mar 8, 2019, 7:52:08 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
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

Posted by SandWSS at Mar 8, 2019, 8:00:49 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
Many thanks, I await the outcome of your investigation.

Posted by support at Mar 13, 2019, 6:39:17 AM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
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

Posted by SandWSS at Mar 13, 2019, 3:41:54 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
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.

Posted by support at Mar 14, 2019, 5:45:14 AM

Re: Balloons and popup not working with mini calendar using websiteX5 v17

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

Posted by SandWSS at Mar 14, 2019, 12:41:32 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
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.

Posted by support at Mar 18, 2019, 12:40:42 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
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

Posted by SandWSS at Mar 19, 2019, 2:09:20 PM

Re: Balloons and popup not working with mini calendar using websiteX5 v17
Many thanks.
The calendar is now working well on all the browsers that I have access to, including Firefox, Chrome, Edge and Safari.