This is a migrated thread and some comments may be shown as answers.

Grid or Scheduler for Meeting Room availability overview

2 Answers 200 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Carsten
Top achievements
Rank 1
Carsten asked on 13 Nov 2020, 10:54 AM

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. 

2 Answers, 1 is accepted

Sort by
0
Accepted
Nencho
Telerik team
answered on 17 Nov 2020, 09:36 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Carsten
Top achievements
Rank 1
answered on 03 Dec 2020, 03:55 PM

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. 

 

Tags
General Discussions
Asked by
Carsten
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Carsten
Top achievements
Rank 1
Share this question
or