Scheduler make All Day check box as unchecked in default load

[Joe Joseph]

Hi,

      I need to unchecked the All Day check box when creating the schedules in Calender. Since i am getting always selected in default.

    I am using the below code for scheduler and template.

  Calender

@(Html.Kendo().Scheduler<SchedulerViewModel>()
            .Name("uxAuditSchedulerView")
            .Date(DateTime.Now)
            .Views(views =>
            {
                views.DayView(day => day.Title("DAY"));
                views.WeekView(week => week.Title("WEEK"));
                views.MonthView(month => month.Selected(true).Title("MONTH"));
                views.AgendaView(agenda => agenda.Title("TIMELINE"));
            })
           

            .DataSource(d => d
                .Model(m =>
                {
                    m.Id(f => f.SchedulerId);
                    m.Field(f => f.AuditDetailId);
                    
                })
                .Read("GetSchedules", "Audit")
                .Create("CreateSchedule", "Audit")
                .Destroy("DestroySchedule", "Audit")
                .Update("UpdateSchedule", "Audit")

            )
             .Editable(x => x.TemplateId("editor").Confirmation(Messages.DeleteConfirmation))
            .Events(e=>e.Edit("Scheduler_Edit"))
        )


Template

<script id="editor" type="text/x-kendo-template">
    <div class="row-fluid" style="width:660px;!important; padding:0 20px;">
            <div class="control-group margin_btm_20 clearfix ">
                <div class="span3">
    
      
                   
     <label>Audit Id: </label>
    <div class="input-controls">
     @(Html.Kendo().DropDownListFor(x=>x.AuditDetailId)
                                 .Name("AuditDetailId")
                                        .DataTextField("Selected")
                                  .DataValueField("Value")
                             .BindTo(Model.AssignedAuditIds)
                             .OptionLabel("Select")
                             .Events(e=>e.Change("onAuditDetailChange"))
                           .ToClientTemplate()
                                     )  </label>
                </div>
            </div>
    <div class="span4">
       <label>Start Time:  </label>
     <div class="input-controls">
        @*<input data-role="datetimepicker" name="start" class="span12"/>*@
    <input name="start" type="text" required  data-type="date" data-role="datetimepicker" data-bind="value: start,invisible: isAllDay" class="span12" />
    <input name="start" type="text" required  data-type="date" data-role="datepicker" data-bind="value: start,visible: isAllDay" class="span12" />  
     </div>
    </div>
    <div class="span4">
        <label>End Time: </label>
        <div class="input-controls">
            @*<input data-role="datetimepicker" name="end" class="span12"/>*@
     <input name="end" type="text" required data-type="date" data-role="datetimepicker" data-bind="value: end ,invisible:isAllDay" class="span12" />    
    <input name="end" type="text" required data-type="date" data-role="datepicker" data-bind="value: end ,visible:isAllDay" class="span12" />
         </div>
    </div>
    <div class="span1">
        <label>All day</label>
     <div class="input-controls">
        @*<input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay">*@ 
    <input type="checkbox" name="isAllDay" data-type="boolean" data-bind="checked:isAllDay">
    </div>
    </div>          
    </div>  
    <div id="uxSelectedAuditDetails" class="pad10-0 " >  </div>         
   <div class="control-group margin_btm_20 clearfix ">
     <div class="span12">
        <label>Note:</label>
    <div class="input-controls">
        <textarea  name="description" data-bind="value:description" class="span12"></textarea>
    </div>
    </div>
    </div>

    </div>
    </div>  
    
</script>

[Vladimir Iliev]

Hi Joe,


Basically the "IsAllDay" option is set based on where you click to add new event:

1) is set to true when you add event from "AllDay" slot
2) is set to false when you add event from any other cell

You can override that behavior using the edit event of the scheduler:

function onEdit(e) {
    e.event.set("isAllDay", false);
}

Regards,
Vladimir Iliev
Telerik