localendar Forums Homepage

Print at Dec 19, 2018, 1:01:30 AM View all posts in this thread on one page
Posted by grcalendar at May 6, 2015, 2:44:45 PM
Only 1 calendar is sized correctly, all others won't resize
I can get one mini-calendar to actually size correctly
http://glenridgect.com/adultcommunity/members-section/

Any other place that I use the calendar, with the same exact code, the calendar is displayed elongated.
http://glenridgect.com/adultcommunity/buildings-grounds/

Here is the calendar code that I insert:

<!-- Important! You must include all of the following
text to make the mini calendar work correctly! -->

<!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. -->
<style type="text/css">
.localendar-close {
position: absolute;
top: 4px;
right: 4px;
margin:2px;
border: none;
}
.localendar-mini td, th {
width: 25px;
height: 25px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 14px;
}
.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/grcalendar?style=M5&include=Y'></script>

And this is the code that ends up being there after I save it:
\<!-- Important! You must include all of the following
text to make the mini calendar work correctly! --> <!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. --><script>// <![CDATA[
// 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 src="http://www.localendar.com/js/PublishedIncludeMini.js" type="text/javascript"></script><!-- Place this line where you would like the calendar to appear (in a
<div>, table, etc) --><script src="http://www.localendar.com/public/grcalendar?style=M5&include=Y" type="text/javascript"></script>

I can't quite figure out what in the Sam Hill is going on.

Chris

Posted by support at May 11, 2015, 2:45:55 PM
Re: Only 1 calendar is sized correctly, all others won't resize
Most likely there was other CSS on the 2nd page that was interfering with the calendar's format. But it looks like you have moved the calendar from both pages so I can't investigate any further.
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news


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