Adding Multiple Resources to Angular Scheduler

Learn how to add multiple resources to the Angular Scheduler and how the Angular Scheduler maintains the events of those multiple resources in a single layout.

To learn how to create an Angular scheduler: https://youtu.be/dE_9t5HJ8rc
To learn how to add appointments: https://youtu.be/z4n09yn1Jq0

In this video, see how to add single-level resources and their options to the Angular Scheduler. The resources are not grouped visually on the scheduler layout, rather they are assigned to the appointments and differentiated based on the colors assigned to each resource.

Example for Angular Scheduler upholding events of multiple resources: https://ej2.syncfusion.com/angular/demos/#/material/schedule/resource
Documentation: https://ej2.syncfusion.com/angular/documentation/schedule/resources #scheduler-with-multiple-resources

ANGULAR SCHEDULER
--------------------
Product overview: https://www.syncfusion.com/angular-ui-components/angular-scheduler
Examples: https://ej2.syncfusion.com/angular/demos/#/material/schedule/timeline-resource
Documentation: https://ej2.syncfusion.com/angular/documentation/schedule/getting-started/
Download free trial: https://www.syncfusion.com/angular-ui-components
GitHub source: https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/schedule
npmjs package: https://www.npmjs.com/package/@syncfusion/ej2-angular-schedule
--------------------
SUBSCRIBE

Syncfusion on YouTube: http://bit.ly/syncfusionyoutube
Sign up to receive email updates: http://bit.ly/syncfusionemail
---------------------
SOCIAL COMMUNITY

Facebook: https://www.facebook.com/Syncfusion/
Twitter: https://twitter.com/Syncfusion
LinkedIn: https://www.linkedin.com/company/syncfusion/
Instagram: http://instagram.com/syncfusion

TRANSCRIPT REFERENCE
----------------------
The resources in Angular Scheduler can refer to a project, a person, a thing, or any valid task, and it may vary depending on the application in which you use the Angular Scheduler.

The "e-resources" tag allows you to define various levels of resources. There could be a single or multiple level of resources defined in Angular Scheduler.

In this tutorial, a single-level resource and its options are discussed. For this, you need to define the “e-resources” tag. Within it, there could be n number of “e-resource” sub-tags provided with further resource options.

The options available within “e-resource” can be referenced from here:
https://ej2.syncfusion.com/angular/documentation/schedule/resources/#resource-fields

So, once you provide all these resource options, add an additional resource field to your appointment object and assign it with the resource ID value.

That's it. Now, grouping them visually on the Angular Scheduler is just one step ahead of this, which can be seen in my next video: https://youtu.be/0-7Pwde-DpU

#eventscheduler #eventcalendar #angularcalendar #appoinmentscheduler #angularscheduler