Forums - Print Thread - Problem with the pop-up balloon in mini-calendar view

Forums » List all forums » » Forum: General Discussion » » » Thread: Problem with the pop-up balloon in mini-calendar view
Print at Apr 19, 2024, 5:16:36 AM	View all posts in this thread on one page

Posted by feelthebalkans at Nov 4, 2013, 9:38:23 AM

Problem with the pop-up balloon in mini-calendar view
Hi there!

Could you help me with this issue?
On http://www.feelthebalkans.com/ we have put the code for the mini-calendar view with pop-up balloons on home-page. But the balloon is getting behind everything else on the page. I have tried to put this in the options/events/common event information:
<script>
self.resizeTo(100,100);
</script>
(also tried with different numbers)
But no effect (at the small baloon). We are using Weebly.com for creating the site and the feature "embedded code" especially for the calendar. It was working well for some time but I don't know what happened (we haven't changed anything in the code).

Thank you in advance.

Posted by support at Nov 4, 2013, 9:10:57 PM

Re: Problem with the pop-up balloon in mini-calendar view
Have a look at this code in your page:

<div id="775244961208924817" class="wcustomhtml" align="left" style="width: 100%; overflow-y: hidden;">

Try removing the

overflow-y: hidden;

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

Posted by feelthebalkans at Nov 11, 2013, 8:48:34 AM

Re: Problem with the pop-up balloon in mini-calendar view
Hi there,

I have talked with the Weebly support and there isn't way to access this <div id="775244961208924817" class="wcustomhtml" align="left" style="width: 100%; overflow-y: hidden;"> and to change it.

The embedded code which I have put in the panel for the calendar is only:
<style type="text/css">
.localendar-close {
position: absolute;
top: 4px;
right: 4px;
margin:2px;
border: none;
}
.localendar-mini td, th {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 12px;
}
.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background:orange !important;
cursor: pointer;
}
.localendar-selected {
/* Uncomment to enable this feature
background-color: yellow;
*/
}
.localendar-monthName{
background-color:#336699;
color: #ffffff;
/* Uncomment this to hide the Month name
display:none;
*/
}
.localendar-balloon{
text-align:left;
}
</style>
<script>
// 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 */
</script>
<script type="text/javascript" src='http://www.localendar.com/js/PublishedIncludeMini.js'></script>


<script type="text/javascript" src='http://www.localendar.com/public/feelthebalkans?include=Y&style=M5'></script>

</div>

There is no change if I put inside it <div id="775244961208924817" class="wcustomhtml" align="left" style="width: 100%; overflow-y: hidden;">. or not.

Any other suggestions?
Thank you.

Posted by support at Nov 12, 2013, 2:11:23 AM

Re: Problem with the pop-up balloon in mini-calendar view
Then unfortunately, weebly's template is written in such a way that it will forcibly clip any content that is dynamically displayed inside it. Not the nicest thing sad

I don't think they're putting a lot of work into solving your problem though; it might still be possible to change that <div> with a little Javascript. I'll have a quick look at it.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news