is there are way to fix the day display on left of day view in fullcalendar?
We group by name at the top and a horizontal scrollbar, when scrolling to the right the time scrolls with. is there a way to fix the times on the left side and scroll
Full calendar day view
Related
Clicking the Previous, Next or Refresh button always resets the vertical scroll to the top of the resource list. Is there a way to preserve the vertical scroll position during refetch events?
I use fullcalendar v2.7.3. I want to show the left time grid on the top and the day grid at left which show on the top Please refer the screenshot.
Using a heavily customized version of the scheduler, I'm getting reports that users are having trouble figuring out how to scroll horizontally. I imagine it's because the scrollbar is at the bottom of the schedule and on Mac OS, it's potentially hidden if the user has a trackpad.
My schedule functions similar to this one minus the vertical scroll. If you're on an Apple laptop and only using trackpad it's likely you won't see a scrollbar at all. If the scroll bar is visible, it's buried under the page's fold.
Ideally, I'd have arrows near the times so users could click left or right and that view would scroll left or right. I've been unable to figure out a way to programmatically call $.animate({ scrollLeft: ... }) on any piece of the scheduler and scroll both the contents where events are and the header where times are.
It looks like I can get and set the position of at least the timeline with $( '.fc-time-area .fc-content table' ).offset() but it won't move the contents of the schedule itself.
Any idea how I can move the schedule content (events) and the timeline in sync with each other?
Bonus internet points if you can tell me how I could ensure that I'd only move the container to it's end. (i.e. If the schedule for that day ends at 10pm, don't allow me to change the offset to something beyond 10pm)
Any idea how I can move the schedule content (events) and the timeline in sync with each other?
To get to the beginning of the view:
$('.fc-body .fc-time-area .fc-scroller').scrollLeft(0);
And for scrolling to the end of the view, you can do something as follows:
var scroller = $('.fc-body .fc-time-area .fc-scroller');
var scrollWidth = scroller[0].scrollWidth;
scroller.scrollLeft(scrollWidth);
I am creating a scheduling application that displays when projects throughout a semester occur. Currently, when the application starts up, the user is shown todays date as the first date, and then the next 13 days follows it. In order to view past or future projects, the user is able to click a button or select a date from a calendar feature. Once one of these buttons is selected, or a date from the calendar is selected, I have a function to actually shift the x value of each and every project over by a certain number of days (the difference in days between the first date currently being displayed, and the newly selected first date). Depending on how many projects are in the semester, this method can be quite timely (upwards of 5-8 seconds).
What I would like to do is this: have the horizontal scroll bar on the bottom of the screen and allow the user to simply scroll to any date of their choosing. Currently, this is what my wrapper canvas declaration looks like:
<mx:Canvas id="mainWrapper" width="100%" height="100%" y="119" verticalScrollPolicy="on" horizontalScrollPolicy="off">
If i set the horizontalScrollPolicy to "on" then I'm given no scroll bar because the canvas width is set to 100% of the screens viewing area. If I set the width to be the width needed to enclose all of the projects than the user will most likely not be able to see the scroll bar.
So my question is this. Is there a way, I can have the width of the canvas be much much larger than my screen's width, and still have the horizontal scroll bar only be the width of the screen? I've made a picture to help illustrate what I'm trying to say (since I'm not always the most clear while explaining myself)
I am trying to restyle a instance of FullCalendar so that the day and week views run the entire height of the web page. i.e. I do not want a scrollbar to view the entire day. I tried removing overflow and the fixed height but that doesn’t work.
Is it possible to do this?
You can change the slotMinutes when creating the chart http://arshaw.com/fullcalendar/docs/agenda/slotMinutes/
and then you can adjust the content height to fit it all in there with this
http://arshaw.com/fullcalendar/docs/display/contentHeight/