How to change Blazor Scheduler editor template header

[Ian]

Thread 151529 shows how to achieve this in Angular JS but how to do it in Blazor?

I've tried various things in the Editor Template and OnPopOpen but all fail.

I want to change the default editor headings of 'New Event' and 'Edit Event' to show my text instead.  Is this possible?  Can anyone tell me how without using JS?

[Nevitha Ravi]

Hi Ian, 

Greetings from Syncfusion Support. 

We have achieved your requirement by customizing the specific word in the localized words of Scheduler. You can change the localized words of the scheduler in the resx file of your culture available in the following directory Project root folder > Resources > SfResources-en-US.resx like the below image.  

Sample: https://www.syncfusion.com/downloads/support/forum/160446/ze/SchedulerCustomWords-1821615131  

 

Please refer to the following steps to add localization in your application. 

https://blazor.syncfusion.com/documentation/common/localization/#enable-localization-in-blazor-server-application  

Regards, 

Nevitha 

[Ian]

This is great.  I have managed to understand your solution enough to make mine work as I want.

Even though I had looked at your Localization web page, I doubt very much I would have made my solution work.

I feel your solution may be useful for other types of project in the future.

Your reply was really most helpful.  Thank you very much indeed.

Ian

[Nevitha Ravi]

Hi Ian, 

You are most welcome, we are glad that our provided solution helped you to meet your requirement. Please get back to us if you need any further assistance. 

Regards, 

Nevitha 

[Naunihal Sidhu]

I have the similar need, but I need to display different set of fields if editor opens for New Event and different set of fields if Editor is opened for modification.

How can I determine that programmatically?

[Ruksar Moosa Sait]

Hi Naunihal,

We have checked on your query and let you know that you can display different set of fields when the Editor is opened for New Event and for Modifications with the by like the below condition.

[Index.razor]

<EditorTemplate>

                <div>

                    <input type="hidden" name="Id" class="e-field" value="@((context as AppointmentData).Id)" />

                    @if ((context as AppointmentData).Id == default(int))  //To check if the appointment is already rendered

                    {

                        <table class="custom-event-editor" width="100%" cellpadding="5">

                            <tbody>

                                <tr>

                                    <td class="e-textlabel">Summary</td>

                                    <td colspan="4">

                                        <SfTextBox @bind-Value="@((context as AppointmentData).Subject)"></SfTextBox>

                                    </td>

                                </tr>

                                <tr>

                                    <td class="e-textlabel">From</td>

                                    <td colspan="4">

                                        <SfDateTimePicker @bind-Value="@((context as AppointmentData).StartTime)">

                                        </SfDateTimePicker>

                                    </td>

                                </tr>

                                <tr>

                                    <td class="e-textlabel">To</td>

                                    <td colspan="4">

                                        <SfDateTimePicker @bind-Value="@((context as AppointmentData).EndTime)">

                                        </SfDateTimePicker>

                                    </td>

                                </tr>

                                <tr>

                                    <td class="e-textlabel">Reason</td>

                                    <td colspan="4">

                                        <SfTextBox Multiline="true" @bind-Value="@((context as AppointmentData).Description)">

                                        </SfTextBox>

                                    </td>

                                </tr>

                            </tbody>

                        </table>

                    }

                    else

                    {

                        <table class="custom-event-editor" width="100%" cellpadding="5">

                            <tbody>

                                <tr>

                                    <td class="e-textlabel">From</td>

                                    <td colspan="4">

                                        <SfDateTimePicker @bind-Value="@((context as AppointmentData).StartTime)"></SfDateTimePicker>

                                    </td>

                                </tr>

                                <tr>

                                    <td class="e-textlabel">To</td>

                                    <td colspan="4">

                                        <SfDateTimePicker @bind-Value="@((context as AppointmentData).EndTime)"></SfDateTimePicker>

                                    </td>

                                </tr>

                            </tbody>

                        </table>

                    }

                </div>

</EditorTemplate>

Kindly try the attached sample and let us know if this meets your requirement.

Regards,

Ruksar Moosa Sait

Attachment: BLAZORDifferent_fields_for_cell_and_event_in_EditorTemplate_d638bbd9.zip