Forums - Print Thread - event-bubbles in calendar cut off

Forums » List all forums » » Forum: Known Problems » » » Thread: event-bubbles in calendar cut off
Print at Apr 19, 2024, 2:03:41 PM	View all posts in this thread on one page

Posted by Dansearenanord at May 7, 2014, 7:27:24 PM

event-bubbles in calendar cut off
I embedded a localendar onto my weebly page,
inside a "column", which of course cuts off my event-bubbles....
I've tried to remove the "overflow: hidden" part in HTML/CSS of the site, but it doesn't seem to work on the column borders..... and weebly support sent me to you guys. Please help...?

Posted by support at May 9, 2014, 5:57:26 PM

Re: event-bubbles in calendar cut off
I think you're on the right track; that's typically the cause of the problem you describe. How's about a link so we can take a look?
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by Dansearenanord at Jun 9, 2014, 10:35:35 AM

Re: event-bubbles in calendar cut off
http://www.dansearenanord.no

here it is!
The month displayed on the page is OK, but when I switch months, it starts to cut off the bubbles...

Posted by support at Jun 9, 2014, 9:46:06 PM

Re: event-bubbles in calendar cut off
You have this code in your page's source:


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

If you remove the overflow-y: hidden; text, the calendar popups should no longer be clipped.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

Posted by Dansearenanord at Aug 13, 2014, 1:24:11 PM

Re: event-bubbles in calendar cut off
I don't think I have that text...?

Here's the HTML I can edit:




<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: 16px;
}
.localendar-label,.localendar-title,.localendar-description {
font-family:arial;font-size:12px;
color: #000000
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background:orange !important;
cursor: pointer;

}
.localendar-monthName{
color: #ffee99;
/* 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/Dansearenanord?include=Y&style=M5'></script>

Posted by support at Aug 14, 2014, 1:05:05 AM

Re: event-bubbles in calendar cut off
The text you need to edit is not on the code you pasted from localendar (I mean, that's perfect :)) .. the text is on the web page where you are pasting the localendar HTML.

It's the code outside localendar that is causing the calendar balloons to be clipped. You need to change that per my previous post.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news