Here's a cleaned up and a bit enhanced version of my landscape-timeline web viewer-based calendar.
Improved FM Go touch-handling
• double-click/long-touch into grid for new event
• click on row-title for resource-detail window
• tooltips on events (FM Pro)
Hope it's of use
p.s. FM14 up, best experience in FM16
previous versions and week-calendar here: WeekCalendar with drag and drop
triggering thread here: Week (not weekly) Schedule
• added vertical "now"-timeline. Gets actualised by rerendering of the calendar or by JS by inactivity.
• "_dragstep" now in minutes, for 1 hour set it to 60
• additional switch "_showdate": overrides "_showtime" and displays start- and end-date instead of start- and end-time, might be handy for systems allowing only full-day bookings (12:00 PM to 12:00 PM i.e.)
17/12/23 • added time-grid shown, when day-width allows
17/12/31 - happy new year!
• new switch _halfrow: handle double-booking, display in half-rows (max 2 simultaneous events) if _halfrow = 1
• enhanced version to show resources/events grouped by projects (same resource can be part of multiple projects)
• additional to my CF-based calculated webpage (layout GUI), I've integrated fullcalendar's scheduler (layout GUI Scheduler). The JS-libraries are put in table JSLibraries and the needed ones loaded into global variables on solution start. The page itself is in JSLibraries ID:12, the placeholders get substituted by the calendar-data in field GUI::HTMLScheduler. I've done a few minor tweaks in the CSS-files but most is left unrendered.
• added some language libraries to scheduler, some minor adjustments in presentation.
If you want to add some more languages, take the files from fullcalendar version 3.4, the ones from 3.8 are not compatible.
• date navigation, depending on number of displayed days
• my own FM-rendered calendar (layout GUI): reworked CSS
• FullCalendar-Scheduler (layout "GUI Scheduler"): agendaWeek- and month-view added, script to ftp-upload or mail the html-file to publish on a web server. Inject the "open source" license, if you integrate it in your solution, set the license according to your usage (open source, non commercial, get a valid commercial license: Purchase Scheduler | FullCalendar )
• added a version using JSONP and hash-change technic as shown here: Communicating with a Web Viewer in FileMaker – beezwax > blog
to minimise screen flicker. The hash-change works fine on macOS, unfortunately forces a webviewer reload on windows, so not really a win for win;-)
• added MBS-function to call the JS-functions. If MBS-plugin is installed, active and registered with a valid key, on macOS and Windows its function is used to update the calendar content. If not, on macOS the JSONP/hash-trigger is used, on Windows and iOS JSONP and webviewer-refresh is used.
• found a way around the Windows hash-trigger issue. If you add a named iframe with zero size to the html body and call the fmpURL by window.open('fmp://.....', iframename), the hash-trigger works on windows too.
• updated ResourceCalendar-file. Optimised for larger time range display and additionally integrated fullCalendar-scheduler (layout "GUI Scheduler").
• change in CF "ListOfDate" (make localisation independent) and "setCalendarGrid" for localised month names (set variable _months according your language by uncomment/comment/edit at Let-statement start )
• added language-switcher to "GUI" (en, de, fr, es). Edit "setCalendarGrid" for more localisations.
• fixed refresh on filter toggle
• some representation reworks, weekend background not in timeline row, weekend background also in views > 30 days, if it's large enough.
• on request added 3 additional config-variables: _bhstart, _bhend and _newlength for defining business-hours and the default length of a new event. Now the 1-day view zooms in to defined business-hours range.
• ResourceCalendar, removed unneeded refresh. In Start-script a new global variable $$showactivestate is set, if set to 1, the event gets highlighted on klick (as before), if set to 0 or empty, there's no highlighting means less refresh needed, better responsibility, special on hosted solutions.
• build-date under ?-layout.
• added a simple undo-function, revert last (accidentally) dragged event.
• further refresh optimising by moving HTMLCalendar-calculation to script refresh for better control.
• support for calendar-interaction in WebDirect by calling a CWP-php file instead of the fmp-url. The php-script writes into table Tasks, and a onTimer-script reads the task-entries and run the FM-interaction-scripts. Further information under the ?.
further instructions under layout HowTo / ?.
• additional switch _centerdate. If set to 1 (in set Variable $calendar in script refresh), the date is displayed at noon above the time tag, if 0 at midnight instead of the time tag. Value is set to 1 in this file-version.
• Doubleclick/long touch for new event now respects the _dragstep and does not set the start time just to full hour.
• ResourceCalendar now renders unlimited concurrent/overlapping events, the row-space just increases as much needed. Start- and end-time has to be in 5 minutes grid for overlapping to be detected. For a smaller/larger grid, edit the auto-enter formula of Events::timestampList according to your needs. If you change it, trigger a recalculation of the field by i.e. Replace Field Contents... Events::datefrom --> formula = datefrom.
• Some bug fixing and cleanup, removed unused legacy code. Replaced the recursive CF for the timestampList-calc using Agnès Barouh's CustomList-function to avoid potential recursion limits, and substituted the system dialog on event deletion by a popover. Added unstirred calc-field overlapGrid, used in auto-enter-calcs on Events::timefrom, Events::timeto and Events::timestampList, set to 5 (min.). Change to make overlap-detection-grid wider or smaller.
• Merged resource-grouping from ResourceCalendarScheduler (a resource can only be member of 1 group), click on group-label shows group-detail-window.
• Changed WebDirect php-bridge to take filename as a parameter to work filename independent (only 1 php-file needed for multiple instances)
• Replaced all Set Field By Name with Set Field and removed GetField(). As the solution has grown in complexity, there's no benefit for integration from this anymore. It seems better to rename TOs/tables/fields temporarily to match the sample-solution for integration. Only ExecuteSQL()-functions have to be adjusted on renaming tables/TOs back, best search for occurrences in database design report.
• Some more fields changed from un-stored calculation to stored auto-enter calculations, tooltip-calculation moved to Events::fieldlist
• Added event-copying by drag&drop. Drag event while holding shift-key or activating the new button below the "undo"-button (touch-devices) horizontally in time or vertically to a other resource. Copied events are grouped by IDSeries and edits applied to the group. Event start-change is only applied to events with the same start-time.
To edit a event independently remove it from the group by clicking the series-button in the event-detail-window. You can re-attach it by clicking the greyed out series-button.
• moved needed-slots subquery to Resources-table for performance increase and FM15 compatibility.
• new button "scroll lock" for touch-devices (FMGo and WebDirect on tablets) for easier dragging.
• constrained dragging to either horizontally or vertically. For changing time and resource, do it in two steps.
• For my session at FMK2018 in Liechtenstein, I did some more cleaning, streamlining of css.
• new file ResourceCalendarMultigroup, removed fullcalendar-scheduler part.
• Added a join-table ResourceGroups to assign a resource to multiple groups. Set variable $$multigroup to 1 (is set in the file) to use it, or to 0 to have just one group per resource (suitable for i.e. managing buildings). Multiple groups are assigned in layout groups, single group in layout resources.
• Theres a new configuration-variable _minlength in $calendar-calc, specifying the minimal length a event can be altered by dragging the length handle.
• 2 new buttons: hide empty and ungroup. hide empty hides unbooked resources for the chosen date range, ungroup sorts/groups by resource short-name. With $$multigroup on, duplicate resource labels are hidden/empty, but there's a tooltip showing the group on hover.
find my FMK2018 session material (in German) here: FMK - Fachkonferenz für Entwickler, Anwender und IT-Profis | FileMaker Konferenz
• new lock-button, activated ($$edit = 0) prevents drag-altering events and double-click/long-touch event creation. $$edit is assigned to the configuration variable _edit in script refresh --> Set Variable [ $calendar...
• $$scalefactor --> _scalefactor for iPad Pros, as the webviewer reports a different screen size than FM Get-functions. Added the new released 11" and 12.9" 3rd gen. iPads.
• merged ResourceCalendar and ResourceCalendarMultigroup, means re-added fullCalendar for month-, week-, day- and list-views but not added the scheduler plugin, so there's no license needed anymore.
• updated fullcalendar to v 3.9
• added additional filter to show a single resource
• added additional languages
• merged in the mail-/publishing-functionality from ResourceCalendarScheduler
• new version of ResourceCalendarScheduler, added scheduler-plugin and scheduler-timeline-view to the new ResourceCalendar-version
(ResourceCalendar and ResourceCalendarScheduler)
• fixed undo capturing for fullCalendar
• added tooltips to fullCalendar
• reworked grouping toggling, when grouped by resource, the second row now shows the group short name.
• moved calculation of GUI::gDateList to script refresh.
• added script RegisterFMP: run this on windows, if the url-protocol is registered to the wrong FM version. It writes a file FMPurl.reg to the desktop and executes it, no need to restart FM, works instantly.
• minor fixes as detail window size on FM < 16, only refresh on Resource-/Group-detail window close, if data has changed.
• fixed scroll position jumping to top on double click under windows, resulting a new event is generated at the wrong resource. (Windows handles the default event for <a>-tags prior to the doubleclick-event causing a click-event first.)
• fixed WebDirect sessions under Linux load the touch JS-version. Linux returns 6 for Get ( Device ), so the formula for $$isTouch "Get ( Device ) > 2" was assigning the touch-version. Changed to "Position ( "345" ; Get ( Device ) ; 1 ; 1 )".
(ResourceCalendar and ResourceCalendarScheduler)
• added recurring events. A new table RecurringEvents, shift double-click (copy button long touch) to create a recurring event. Set type (daily, weekly, monthly, yearly), interval/period, number of events or end-date. Click on the +-button in recurring event detail adds the chosen date to the Events-table and hides it from RecurringEvents-table. Deleting it from the Events-table re-shows it in the RecurringEvents. If button show recurring events ($$recurring default set in start script) in timeline-view the recurring events are shown in the first slot of the resource (no overlap detection), in fullcalendar-views they're just displayed as the "regular" events. The color is drawn with higher transparency.
• If grouping is set by resource, the group-filter is now hidden and the resource filter works by resource-ID not by the combined resource-group-ID.
• fixed double-tap for event creation in fullcalendar views on touch devices
• fixed some bugs introduced with the recurring events.
• added special recurring events like 1st friday, 3rd wednesday, last sunday. The period type gets set to monthly, if a yearly event like 1st monday is needed set period to 12.
• just a minor fix for ResourceCalendarScheduler, where in creating recurring events a wrong period value has been written.