New Release: Mobiscroll 5.6 & 5.6.1

What’s New

Timeline support was added with Mobiscroll 5.6 along with a month/year picker grid and a multiple date input. This new view lands in the event calendar that enables horizontal time rendering with resources laid out vertically. Great for managing teams and many resources.

Timeline

The timeline view is a great solution for managing significantly more resources when compared to the time-grid. While the time-grid performs really well with more columns, however the vertical listing of resources makes navigation and interaction quick and easy to understand.

Drag & drop, event resize, granular control over the time resolution, invalids, templating and everything you know and love about the Mobiscroll event calendar & scheduler works with the timeline view as well.

Timeline view

Check out the timeline vs time-grid example and see the time & scale configuration options. Things like dynamic view change eg. day, week, work-week should be working smoothly. As for customization, the resource template, row height and event templates can be nicely customized.

Month and year picker

The wheel based date picker supported month and year selection form start. With this latest release we’ve added support to the calendar view where users can select a month and a year in a grid format.

Month & year -only picker

Multiple date picker input

We’ve added multiple value support to the Mobiscroll input. The first implementation landed in the multiple date & time picker giving people have control over the individual values rather than just a comma separated list. This will provide a base for future multiple value select components as well.

Multi-date tag input

What’s next

We are working on additional features & refinements for the timeline eg. resource hierarchy and grouping along with built-in timezone support.

Read the full blog post

MOBISCROLL 5.6

Datepicker

NEW

  • We added the year and year/month picker to the calendar. This can be controlled by setting the dateFormat to year and year with month.
  • We added multiple select inputs. This brings a new styling to mobiscroll inputs that are linked to multi-date pickers by displaying each selection as separate chips (small containers with text that stand out) on the UI.

FIXED

  • We added the missing moment option in angular, that was required by the returnFormat to support moment objects.
  • We fixed the time validation that got broken for custom time steps.
  • We fixed the date validation that sometimes incorrectly jumped to values below min, or above max.

Eventcalendar

NEW

  • We introduced the timeline view with horizontal time and day rendering and vertical resource listing. The timeline can be enabled and configured through the view option.

FIXED

  • We fixed the keyboard navigation to only allow focusing on labels from the visible month.

Scheduler

FIXED

  • We fixed the navigation logic that sometimes skipped a week if custom startDay and endDay was used.

MOBISCROLL 5.6.1

Datepicker

FIXED

  • We fixed an issue where the selected value was not filled into the input in IE11.

Scheduler

FIXED

  • We fixed the event creation with click or double click, where event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
  • We fixed a styling problem where the all-day event columns were not aligned with the time grid columns in week view on small screens.

Timeline

FIXED

  • We fixed the date header update on dynamic localization change.
  • We fixed the event creation with double click, where the created event had no length. We also made an improvement so that the newly created event will fill the clicked cell by default.
  • We fixed the source argument of the event and cell click lifecycle events.
  • We fixed the external drop, which did not work correctly for the timeline.

For the full changelog please visit our release history.

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

1 Like

That timeline view looks awesome. I’ll definitely be utilizing that in my project.

1 Like