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

Welcome Guest | Login

Index | Recent Threads | Register |

Forums » List all forums » Forum: Known Problems » Thread: Only 1 calendar is sized correctly, all others won't resize

Quick Go »

Thread Status: Normal
Total posts in this thread: 2

[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 374 times and has 1 reply

grcalendar
New Member

Joined: Apr 28, 2015
Posts: 1
Status: Offline

Only 1 calendar is sized correctly, all others won't resize	Reply to this Post Reply with Quote
	[Delete this Thread]

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

[May 6, 2015, 2:44:45 PM] [137.99.65.167]

[Link]

support
localendar Expert

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

Re: Only 1 calendar is sized correctly, all others won't resize	Reply to this Post Reply with Quote
	[Delete this Post]

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

[May 11, 2015, 2:45:55 PM] [24.189.166.198]

[Link]

[Show Thread Printable Version] [Post new Thread]