0

Looking to generate a calendar similar to the one here based on SharePoint list items. Open to using Google Charts or FullCalendar. Would like to be able to set scroll window size in weeks or months. Additional list columns include dates that would feed into hover text. I could code this all by hand in javascript, but would prefer to use a library that's already built if possible. Haven't found any built-in layouts for this sort of view in either desired library. Found some code forks, but those also still didn't seem to reflect as seen here.

Could also settle for a horizontal layout, but this view for me seems to fit the most amount of info into a printable area/layout in an easy to manage size.

resource schedule vertical layout by week

0

Two options:

FullCalendar + Scheduler (open source)

What comes really close is I think the Scheduler add-on for FullCalendar. In December 2018, a major rework "version 4" was released in alpha state. And, it's all open source :-)

Differences to your ideal case:

  • Time is on the horizontal axis, not the vertical.
  • The largest scroll window size that I have seen is is "day". However, this may just be a configuration matter, as the custom scale demo shows it can be changed between quarterly, hourly and days already. Otherwise, adding "week" to that might be an acceptable effort.

DHTMLX Scheduler (commercial)

The one alternative component I know for this is DHTMLX Scheduler. It comes with several "views", some of which are in the GPL version and some only in the commercial version.

Unfortunately for your case, the view that would suit your needs is only available in the commercial version.

Anyway, here's how you would do it: choose Timeline View. Time is on the horizontal axis, not the vertical as would be your ideal case. But you can for sure set your scroll window size to weeks: it's x_unit: "week" in createTimelineView().

(There is also Units View, but seemingly it always has hours on one axis and this cannot be changed.)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.