Forums - Print Thread - Only 1 calendar is sized correctly, all others won't resize

Forums » List all forums » » Forum: Known Problems » » » Thread: Only 1 calendar is sized correctly, all others won't resize
Print at Apr 19, 2024, 7:31:42 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:



<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>


<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:
\ <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><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