title: Telerik MVC Scheduler custom form buttons caption
body: <p>How can I change the Save button caption in my custom Telerik Scheduler form?
  I would like to have a "Book" caption instead of "Save". These buttons are not on the form and the appear dynamically when the "onAdd" event is called.<br>
  Here is my Scheduler:</p>
  
  <pre><code>@(Html.Kendo().Scheduler&lt;SchedulerMVC.Controllers.HelpDeskRequestViewModel&gt;()
  .Name("scheduler")
  .Editable(editable =&gt; editable
  .Move(false)
  .Resize(false)
  .EditRecurringMode(SchedulerEditRecurringMode.Occurrence)
  .TemplateId("editor-template")
  )
  .Selectable(false)
  .AllDaySlot(false)
  .ShowWorkHours(true)
  .Footer(true)
  .Views(views =&gt;
  {
      views.WorkWeekView(workWeekView =&gt; workWeekView.Selected(true));
      views.WeekView();
  })
  .Height(630)
  .StartTime(new DateTime(2017, 6, 13, 6, 00, 00))
  //.Timezone("Etc/UTC")
  .Events(events =&gt;
  {
      events.Add("onAdd");
      events.Cancel("onCancel");
      events.Change("onChange");
      events.Edit("onEdit");
      events.DataBound("onDataBound");
      events.DataBinding("onDataBinding");
      events.Navigate("onNavigate");
      events.Save("onSave");
      events.Remove("onRemove");
  
  })
  .DataSource(d =&gt; d
      .Model(m =&gt;
      {
          m.Id(f =&gt; f.ID);
          m.Field(f =&gt; f.Title).DefaultValue("Booked");
          m.Field(f =&gt; f.OwnerID).DefaultValue("1");
          m.RecurrenceId(f =&gt; f.RecurrenceID);
  
      })
      .Read(read =&gt; read.Action("HelpDeskRequests_Read", "Scheduler"))
      .Create(create =&gt; create.Action("HelpDeskRequests_Create", "Scheduler"))
      .Update(update =&gt; update.Action("HelpDeskRequests_Update", "Scheduler"))
      .Destroy(destroy =&gt; destroy.Action("HelpDeskRequests_Destroy", "Scheduler"))
  )
  </code></pre>
  
  <p>)</p>
  
  <p>Here is my Template form:</p>
  
  <pre><code>&lt;div class="col-xs-12 col-md-12 col-lg-12"&gt;
  
  &lt;script id="editor-template" type="text/kendo-x-tmpl"&gt;
  
      &lt;form class="form-horizontal"&gt;
          &lt;div class="alert alert-danger" style="width:90%; margin: 3px auto; display:none;"&gt;
              &lt;i class="fa fa-exclamation-triangle" aria-hidden="true"&gt;&lt;/i&gt;&amp;nbsp;You don't have permitions to edit this item
          &lt;/div&gt;
  
          &lt;div class="col-xs-6 col-md-6 col-lg-6 token"&gt;
              &lt;label for="Token"&gt;Token:&lt;/label&gt;
              &lt;input id="Token" type="text" class="k-textbox" data-bind="value: Token" placeholder="Token ID" name="Token" /&gt;
          &lt;/div&gt;
  
          &lt;div class="col-xs-6 col-md-6 col-lg-6"&gt;
              &lt;label for="Start" data-translator="formStartLabel"&gt;Start date and time:&lt;/label&gt;
              &lt;input id="Start" data-role="datetimepicker" type="datetime" data-format="dd.MM.yyyy h:mm tt" data-bind="value:start" name="start" placeholder="Start date and time" /&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-6 col-md-6 col-lg-6"&gt;
              &lt;label for="End" data-translator="formEndLabel"&gt;End date and time: &lt;/label&gt;
              &lt;input id="End" data-role="datetimepicker" type="datetime" data-format="dd.MM.yyyy h:mm tt" data-bind="value:end" name="end" placeholder="End date and time" /&gt;
          &lt;/div&gt;
  
          &lt;input id="OwnerID" type="text" class="hidden" data-bind="value:OwnerID" name="OwnerID" /&gt;
      &lt;/form&gt;
  
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <p>And the form result is something like this picture:
  <a href="https://i.stack.imgur.com/iSFsp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iSFsp.png" alt="enter image description here"></a></p>