| Issue 568: | Calendar Day width Isn't being set | |
| 1 person starred this issue and may be notified of changes. | Back to list |
When I call the calendar at first the last day of the week in the view isn't rendered correctly. the widths are too wide. <th class="fc-sat ui-state-default" style="width: 149px;">Sat</th> <th class="fc-sun ui-state-default">Sun</th> when I change the window size the widths are adjusted and the correct size is used. (142px) Not sure what is causing the issue. i can only fix it by breaking the javascript. (i removed everything I coded and the issue persisted) Could it be related to the jquery theme i'm using? (when disabled in the calendar the issues persists)
Aug 25, 2010
glad you got it to work. yeah, u need to call render if the calendar was initialized when it wasn't visible (like in a tab)
Status:
Done
Sep 11, 2012
I am having issues with the last day of the week being a different size than the other days after the window is resized. This is due to the TABLE being set to a width of 100%, and the individual inner THs set to a specific pixel width EXEPT for the last TH (as shown in the example code in this bug report). Why is the last TH excluded from having an explicit width set? Thanks, Jim
Apr 8, 2014
@jim
you most likely figured this out already, but for anyone else with the same question:
You aren't supposed to copy the demo HTML code for use. just a
<div id='calendar'></div>
where you want the calendar to appear
and then the script to generate the calendar
$(document).ready(function() {
$('#calendar').fullCalendar({
})
});
more info in the docs
|
|
| ► Sign in to add a comment |
I found a workaround. At page ready I tell the calendar to render. using $('#calendar').fullCalendar('render'); (this bug may be related to my code but I cannot see where) Nevermind... My calendar is in a tab and it appears the calendar is loading before the tabs do. I now load the calendar Javascript file last and the bug doesn't show up.