How to use an event template and a customer adaptor in the ScheduleEvent Settings

[Zachary Witt]

I am using a custom adaptor via SfDataManager within my scheduler to handle my CRUD actions and that works well. However, with this added to my ScheduleEventSettings component, the component ignores my Custom Template for an event.  Is there an example on how to do this?                                    

<ScheduleEventSettings TValue="Event">

                                            <ChildContent>

                                                <SfDataManager Adaptor="Adaptors.CustomAdaptor">

                                                    <CustomAdaptor></CustomAdaptor>

                                                </SfDataManager>

                                            </ChildContent>

                                            <Template>

                                                <div style="background-color:@((context as Event).CssClass)">

                                                    <div>Subject: @((context as Event).Subject)</div>

                                                    <div>StartTime: @((context as Event).StartTime)</div>

                                                    <div>EndTimeZ:  @((context as Event).EndTime)</div>

                                                </div>

                                        </ScheduleEventSettings>

[Nevitha Ravi]

Hi Zachary, 

Greetings from Syncfusion Support. 

We have checked the reported scenario ‘custom adaptor with event template’ which is working fine at our end. We have prepared a sample for your reference which can be downloaded from the following link. 

https://www.syncfusion.com/downloads/support/forum/162393/ze/CustomAdaptorWithEventTemplate-2055198685  

 

Please try the above sample if the issue persist still at your end please share the following details to validate the issue further at our end.  

• Syncfusion NuGet package details
• Replicate the issue in above sample
• Issue replicating sample if possible

Regards, 

Nevitha 

[Zachary Witt]

I have edited your sample to go with multiple resources in a timeline view.  The template is working.. partially.  It is not displaying the full template but is limiting in height.  Is there a way to circumvent this without adding a lot of custom css?

Also please see sample, is it possible to get the entire background color the same using something like that?

Thanks.

Attachment: Blazor_sample_995ea7bb.zip

[Ravikumar Venkatesan]

Hi Zachary, 

Thanks for the update. 

We have validated your requirement and shown all the contents of the appointment and applied the background color for the appointment with the help of the below CSS style and the same added in your shared sample which can be downloaded from the below link. 

Sample: https://www.syncfusion.com/downloads/support/forum/162393/ze/syncfusion-blazor-schedule-appointment-template-sample-1160177762 

[Index.razor] 

<style> 

    .e-appointment { 

        background-color: chocolate !important; 

        height: 80px !important; 

    } 

</style> 

Note: If the content of the appointment exceeds the max appointment width and height we not able to see the contents available in the non-visible area. In this case, we suggest you use the tooltip or the event quick popup of the Schedule to view full appointment details. 

Kindly try the above sample and get back to us if you need any further assistance. 

UG(Display tooltip for appointments): https://blazor.syncfusion.com/documentation/scheduler/appointments/#display-tooltip-for-appointments 

UG(Quick popups): https://blazor.syncfusion.com/documentation/scheduler/editor-template/#quick-popups 

Demo(Tooltip): https://blazor.syncfusion.com/demos/scheduler/tooltip-template?theme=bootstrap4 

Demo(Quick info popups): https://blazor.syncfusion.com/demos/scheduler/quick-info-template?theme=bootstrap4 

Regards, 

Ravikumar Venkatesan