We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Resource editing and templating

Hello Syncfusion,

We're using scheduler component widely. 
And I've got one question, is it possible to set-up template for resource pane? Or does this component provide any events for resources, not scheduler events. To be more clear, we would like to have possibility to edit resource on the scheduler after for ex. click event on some btn. Attaching screenshot. And wondering if this is possible, and also if possible to set-up template for resources (e.g. if I want to wrap employee name to some div block and change color, add some click events etc.).

Thanks


1 Reply

RM Ruksar Moosa Sait Syncfusion Team November 7, 2022 09:38 AM UTC

If this is possible to set-up template for resources

Yes, it’s possible to use a template for the Schedule resources. Refer to the below demo and documentation for the resource template.


https://blazor.syncfusion.com/demos/scheduler/shared-events?theme=fluent

https://blazor.syncfusion.com/documentation/scheduler/resources#simple-resource-header-customization


<ScheduleTemplates>
                <ResourceHeaderTemplate>
                    @{
                        var resourceData = (context as TemplateContext).ResourceData as ScheduleData.ConferenceData;
                        <div class='template-wrap'>
                            <div class="resource-image"><img src="@UriHelper.ToAbsoluteUri($"{SampleService.WebAssetsPath}images/scheduler/{resourceData.Text.ToLower()}.png")" /></div>
                            <div class="resource-details">
                                <div class="resource-name">@(resourceData.Text)</div>
                                <div class="resource-designation">@(resourceData.Designation)</div>
                            </div>
                        </div>
                    }
                </ResourceHeaderTemplate>
            </ScheduleTemplates>

Loader.
Live Chat Icon For mobile
Up arrow icon