It is possible to customize Editor window multiselect dropdown location?

Answer:

Yes, it is possible to use Multiselect dropdownlist for the location field using editor template option and customize the editor window in Scheduler.

<ScheduleTemplates>

<EditorTemplate>

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

<tbody>

<tr>

<td class="e-textlabel">Summarytd>

<td colspan="4">

<SfTextBox ID="Subject" CssClass="e-field e-input" Value="@((context as AppointmentData).Subject)">SfTextBox>

td>

tr>

<tr>

<td class="e-textlabel">Locationtd>

<td colspan="4">

<SfMultiSelect TValue="string[]" ID="Location" DataSource="@LocationData" Placeholder="Choose Location" CssClass="e-field" Value="@((context as AppointmentData).Location)" HtmlAttributes="@LocationName">

<MultiSelectFieldSettings Value="Id" Text="Text">MultiSelectFieldSettings>

SfMultiSelect>

td>

tr>

<tr>

<td class="e-textlabel">Fromtd>

<td colspan="4">

<SfDateTimePicker ID="StartTime" HtmlAttributes="@StartName" CssClass="e-field" Value="@((context as AppointmentData).StartTime.ToUniversalTime())">SfDateTimePicker>

td>

tr>

<tr>

<td class="e-textlabel">Totd>

<td colspan="4">

<SfDateTimePicker ID="EndTime" HtmlAttributes="@EndName" CssClass="e-field" Value="@((context as AppointmentData).EndTime.ToUniversalTime())">SfDateTimePicker>

td>

tr>

<tr>

<td class="e-textlabel">Reasontd>

<td colspan="4">

<textarea id="Description" class="e-field e-input" name="Description" rows="3" cols="50" value="@((context as AppointmentData).Description)" style="width: 100%; height: 60px !important; resize: vertical">textarea>

td>

tr>

tbody>

table>

EditorTemplate>

ScheduleTemplates>

Find the sample for toto customize Editor window multiselect dropdown location in scheduler from here.


Loader.
Up arrow icon