|
Index | Recent Threads | Register | |
Forums » List all forums » Forum: Known Problems » Thread: Only 1 calendar is sized correctly, all others won't resize |
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 |
|
grcalendar
New Member
|
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 |
||
|
support
localendar Expert Joined: Aug 9, 2022 Posts: 6397 Status: Offline |
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 |
||
|
[Show Thread Printable Version] [Post new Thread] |
Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us |