Grid or Scheduler for Meeting Room availability overview

[Carsten]

Hello,

As a preface, I am quite new to the Telerik controls and developing web apps in general, so apologies in advance if there is an obvious or existing answer to this :)

I need to make a page for reserving meeting rooms, so a grid style view with room names down the left side, hours for columns and then things like showing existing bookings (which might overlap the hour columns), being able to click/drag on the view to select a room for a desired time interval etc.

The application I need to extend with this is mainly angular.js on the client side. I am hoping to accomplish this using angular style databinding in the view. 

I have been looking through the available Telerik components, and I would basically really like some guidance as to what component might be easiest to get to work in this fashion, to me it seems both the Schedular and the Grid might potentially make good starting points. 

If anyone knows of tutotials or examples that are similar to my usecase, that would be really nice as well. 

[Nencho]

Hello, Carsten,

Thank you for reaching out and for choosing Telerik controls for your project.

As for your question - indeed the Scheduler is the component that would fit best for your scenario. You can use the Resource Grouping functionality, in order to achieve the desired functionality:

https://demos.telerik.com/kendo-ui/scheduler/resources-grouping-vertical

The example above is implemented with Kendo UI for jQuery, but we do support the AngularJS implementation for all components. In the following demo, you can check how Scheduler can be used on AngularJS scenario:

https://demos.telerik.com/kendo-ui/scheduler/angular

Hope this would help. 

Regards,
Nencho
Progress Telerik

[Carsten]

Hi Nencho, 

Thanks for your reply. 

We decided to go with a basic html table solution for now, but will keep the options with the Scheduler in mind if we need more functionality in future.