New release: Mobiscroll 5.3

What’s New

Resources can be anything from conference rooms, buildings, employees, teammates, vehicles, tools, equipment and so on. Resources live in the same calendar but have their own tracks – columns, and later on rows as well – where associated events are rendered.

This enables a more streamlined user experience if scheduling happens for more than just one thing in the same view. It also helps if scheduling a single event involves more than one asset. A great example is setting up flying lessons that needs two very different resources with very different schedules: an instructor and an aircraft .

Event colors, unavailable times per resource

For every resource you’ll be able to specify a default event color. If the events don’t have specific colors, they will inherit the resource color so that it can be easily spotted. Besides that you can block out time ranges and full days on a resource basis. You will not want to schedule work for someone who is off on that day, or you don’t want to let people book a room which is scheduled for maintenance.

Showing multiple resources with dedicated tracks

Group by day first or resource first

You can group the view by day or by resource first and set the day or days you would like to see.

Group by resource first or day first

Shared events across resources

Events can have none or multiple resources associated. If an event is linked to two resources, that means the event is shared among them. Dragging and dropping events between resources works out of the box, and the resource associated to the event is updated automatically. This can be disabled with custom lifecycle event handlers and custom logic to prevent event overlaps can be added as well.

Events can be shared among resources

Dynamically turn resources on/off

Resources can be dynamically (runtime) added and removed from the calendar.

Dynamically show/hide resources

Resource scheduling defines a new chapter in the Mobiscroll event calendar and it is a big deal because it enables use-cases that were just not possible before or it was very hard to create something that was easy to be used to solve complex scheduling problems across multiple resources.

Read the full blog post

MOBISCROLL 5.3

Agenda

NEW

  • We added the source property to the onEventClick , onEventDoubleClick , onEventRightClick , onCellClick , onCellDoubleClick , onCellRightClick events to determine where the click is coming from ( 'agenda' , 'calendar' , 'schedule' , 'popover' ).

Datepicker

NEW

  • We added scrollbars to the datepicker wheels in desktop mode to make scrolling easier using a mouse.

FIXED

  • We fixed an issue where an input change event was unnecessarily fired, when the format of the initial value was different from the format specified by the returnFormat option.
  • We fixed an issue where an ngModelChange was incorrectly firing when the value was initially set.
  • We removed the hover and focus styles from the calendar labels.
  • We fixed an issue where the invalid check inisde a range resulted in an infinite loop in case of yearly recurring invalid values.

Eventcalendar

NEW

  • We added the source property to the onEventClick , onEventDoubleClick , onEventRightClick , onCellClick , onCellDoubleClick , onCellRightClick events to determine where the click is coming from ( 'agenda' , 'calendar' , 'schedule' , 'popover' ).
  • We added the extendDefaultEvent option for being able to dynamically extend the default event created with drag or click.

FIXED

  • We fixed an issue where the onEventUpdate event was firing when an event was clicked inside the event popover.
  • We fixed an issue where the onEventUpdate event was fired even though no actual changes were made to the event.

Scheduler

NEW

  • We added the source property to the onEventClick , onEventDoubleClick , onEventRightClick , onCellClick , onCellDoubleClick , onCellRightClick events to determine where the click is coming from ( 'agenda' , 'calendar' , 'schedule' , 'popover' ).
  • We added the resources option for displaying multiple resources inside a single schedule instance.
  • We added the resource property to the colors , invalid , data options so these can be tied to a specific resource. The property will also be passed to the lifecycle events alongside the other properties.
  • We added the groupBy option for grouping the resources.
  • We added the extendDefaultEvent option to be able to set properties for an event created with drag or click.

FIXED

  • We fixed an issue where the scheduler events were not displayed correctly when used together with the calendar view.
  • We fixed an issue where the initially selected date was not highlighted in case of daily schedule.
  • We fixed an issue where the onEventUpdate event was fired even though no actual changes were made to the event.

For the full changelog please visit our release history.

PS. You will find an upgrade guide for moving from Mobiscroll 4 to Mobiscroll 5.