Welcome Guest   | Login   
  Search  
  Index |  Recent Threads |  Register | 


Quick Go »
Thread Status: Normal
Total posts in this thread: 16
Posts: 16   Pages: 2   [ 1 2 | Next Page ]
[Change thread status] [Delete this Thread] [Move this Thread]
[Add To My Favorites] [Watch this Thread] [Post new Thread]
Author
Previous Thread This topic has been viewed 307 times and has 15 replies Next Thread
averis
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
mogrinz
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
averis
New Member



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

Edit this Post   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>

<!-- Place this line where you would like the calendar to appear (in a <div>, table, etc) -->
<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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6077
Status: Offline
Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
averis
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
averis
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
averis
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6077
Status: Offline
Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
averis
New Member



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

Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
support
localendar Expert
Member's Avatar


Joined: Sep 15, 2004
Posts: 6077
Status: Offline
Edit this Post   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] Show Post Printable Version [Link] Report threatening post: please login first  Go to top 
Posts: 16   Pages: 2   [ 1 2 | Next Page ]
[Show Thread Printable Version] [Post new Thread]

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us