Forums - View Thread - Pop up on mini calendar

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Webmaster's Corner » Thread: Pop up on mini calendar

Quick Go »

Thread Status: Normal
Total posts in this thread: 16

[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 453 times and has 15 replies

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Thread]

I have embedded the mini-calendar onto the nav bar section of my website and it looks great. However, when I click on the date that has an event added, sometimes the popup balloon is viewable and sometimes, it is not because it is hidden behind the content on the main body of the site. I cannot figure out why sometimes it shows forward and others behind the body so only a small section is viewable. How do I correct settings or fix this so it is visible all the time?

I am viewing the site in Firefox.

Thanks

[Nov 18, 2013, 11:10:04 PM] [107.24.179.71]

[Link]

mogrinz
New Member

Joined: Sep 19, 2004
Posts: 7
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Most likely you have CSS on the site that's chopping it up. Care yo send a link so we can have a look?

[Nov 19, 2013, 3:55:28 PM] [24.189.166.34]

[Link]

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Here is the code I embedded:
Please let me know if there is something I should delete. I deleted some of the instructions but not all as I wasn't sure what's crucial for it to work correctly and what isn't.

Thanks!

<style type="text/css">
.localendar-close {
position: absolute;
top: 4px;
right: 3px;
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-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:#ffffff;
color: #999999;
/* 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/averis?include=Y&style=M5'></script>

[Nov 19, 2013, 8:50:17 PM] [184.232.71.122]

[Link]

support
localendar Expert

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

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Thanks, but most likely it's something on the rest of your site that's causing the issue. If you just send me a link to the page where the calendar is displayed, I'll have a look.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Nov 19, 2013, 11:11:12 PM] [24.189.166.34]

[Link]

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Here is the website URL. I have embedded the calendar on the nav bar of our home page at:

www.problemsolviing4kids.com

Thanks and hope we can figure it out as I really want the mini-calendar there but it's annoying if you can't see the whole bubble each time.

[Nov 21, 2013, 5:51:27 PM] [75.171.160.25]

[Link]

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

oops, it's www.problemsolving4kids.com

[Nov 21, 2013, 5:52:16 PM] [75.171.160.25]

[Link]

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Marc,
One thing I noticed is that the event in Nov shows up fine, but future dates are hidden by the content. I don't know if this helps you diagnose the problem.

[Nov 21, 2013, 5:57:15 PM] [75.171.160.25]

[Link]

support
localendar Expert

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

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Yup; it's related to the CSS on your site.
You want to find something that looks like this (around line 1393 in your Style.css file)

overflow:hidden;

and remove it. Then you should be all set.

This is CSS on the #NavColumn .Liner class
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Nov 25, 2013, 2:14:06 PM] [24.189.166.34]

[Link]

averis
New Member

Joined: Nov 18, 2013
Posts: 9
Status: Offline

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Thanks Marc, I will have to check as I didn't create the CSS for the template - it is a ready-made template that I have the ability to make changes to but not sure about how I would go into the CSS formatting for the Nav bar.

So your suggestion is just to go into the CSS and remove the phrase
overflow:hidden;

I will see if I can figure it out how to handle this. Any ideas are welcome.

thanks for your time
Averi

[Nov 25, 2013, 5:35:46 PM] [24.9.222.69]

[Link]

support
localendar Expert

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

Re: Pop up on mini calendar	Reply to this Post Reply with Quote
	[Delete this Post]

Correct the line in in the /sd/support-files/style.css file
If you don't have access to that file, let me know and there are other workaround-type-things (not as elegant) that we might be able to suggest.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news

[Nov 26, 2013, 12:02:26 AM] [24.189.166.34]

[Link]

[Show Thread Printable Version] [Post new Thread]