radscheduler appointment end date not working

[Raro]

Hi There,

I have my start date ok, but appointment panel not continue to end date. You guys could help me with some advice? Please consider we are from Brazil("16/06/2016 17:00:00"). Thanks for your help.

My code:

 

<telerik:RadAjaxManagerProxy ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="agenda">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="agenda" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="cboFuncionarios">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="agenda" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="chkListTipoAgenda">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="agenda" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

<!-- Para não permitir update por resize ou move da anotação -->
<script type="text/javascript">
    function OnClientAppointmentMoveStart(sender, eventArgs) {
        eventArgs.set_cancel(true);
    }
</script>

<style type="text/css">
    .rsWrap > div {
        height: 90px !important;
    }

    .rsAllDayRow {
        height: 100px !important;
    }

    .rsAlt {
        height: 100px !important;
    }

    .rsNonWorkHour {
        height: 100px !important;
    }
</style>

<asp:Label ID="lblTipoAgenda" runat="server" CssClass="bloco" Text="Filtrar por tipo de agenda:"></asp:Label>

<asp:CheckBoxList ID="chkListTipoAgenda" runat="server" RepeatDirection="Horizontal" AutoPostBack="true"
    OnSelectedIndexChanged="chkListTipoAgenda_SelectedIndexChanged">
    <asp:ListItem Value="1" Selected="True">Ação</asp:ListItem>
    <asp:ListItem Value="2" Selected="True">Ausência</asp:ListItem>
    <asp:ListItem Value="3" Selected="True">Férias</asp:ListItem>
    <asp:ListItem Value="4" Selected="True">Outros</asp:ListItem>
</asp:CheckBoxList>

<br />
<div class="divAgenda">
    <telerik:RadScheduler runat="server" ID="agenda"
        SelectedView="MonthView" ShowFooter="true" HoursPanelTimeFormat="HH:mm" RowHeight="100px" TimeZoneOffset="00:00:00"
        DayStartTime="08:00:00" DayEndTime="21:00:00" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" ShowAllDayRow="false"
        EnableDescriptionField="true" AppointmentStyleMode="Default"
        DataKeyField="IDAGENDAFUNCIONARIO" DataSubjectField="DESCRICAO" DataStartField="DATAINICIO" DataEndField="DATAFIM"
        OnAppointmentDelete="agenda_AppointmentDelete" OnAppointmentInsert="agenda_AppointmentInsert"
        OnAppointmentUpdate="agenda_AppointmentUpdate" OnAppointmentCommand="agenda_AppointmentCommand" OnAppointmentDataBound="agenda_AppointmentDataBound"  OnAppointmentCreated="agenda_AppointmentCreated"
        StartInsertingInAdvancedForm="true" StartEditingInAdvancedForm="true"
        OnFormCreated="agenda_FormCreated" OnClientAppointmentMoveStart="OnClientAppointmentMoveStart" OverflowBehavior="Auto" MonthView-AdaptiveRowHeight="true">


        <AdvancedForm Modal="true" ZIndex="9999"></AdvancedForm>
        <DayView EnableExactTimeRendering="true"/>
        <TimelineView UserSelectable="true" GroupingDirection="Vertical"></TimelineView>
        <TimeSlotContextMenuSettings EnableDefault="true" />
        <AppointmentContextMenuSettings EnableDefault="true" />

        <ExportSettings OpenInNewWindow="true" FileName="Agenda">
            <Pdf PageTitle="Agenda" Author="AHI" Creator="AHI" Title="Agenda" PaperOrientation="Landscape" PaperSize="A4" PageLeftMargin="40mm"
        PageRightMargin="40mm"
        PageBottomMargin="40mm"
        PageTopMargin="40mm"
></Pdf>
        </ExportSettings>

        <AppointmentTemplate>
            <div id="tituloAgenda" class="rsAptSubject">
                <b><%# Eval("Subject") %></b>
            </div>
            <asp:LinkButton runat="server" ID="lnkAcao" CssClass="bloco link-acao"
                        CommandName="Cancel" CausesValidation="false" ToolTip='Ver Ação' >
                            <%# Container.Appointment.Owner.Localization.AdvancedClose%>
                    </asp:LinkButton>
             <asp:Label runat="server" ID="lblNumAcao" Text="" CssClass="bloco"></asp:Label>
            <asp:Label runat="server" ID="lblEmpresa" Text="" CssClass="bloco"></asp:Label>
            <asp:Label runat="server" ID="lblMotivoAcao" Text="" CssClass="bloco"></asp:Label>       
        </AppointmentTemplate>

        <AdvancedInsertTemplate>
            <div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
                <div class="rsModalBgTopLeft">
                </div>
                <div class="rsModalBgTopRight">
                </div>
                <div class="rsModalBgBottomLeft">
                </div>
                <div class="rsModalBgBottomRight">
                </div>
                <div class="rsAdvTitle">
                    <h1 class="rsAdvInnerTitle">
                        <%# Container.Appointment.Owner.Localization.AdvancedNewAppointment %></h1>
                    <asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose"
                        CommandName="Cancel" CausesValidation="false" ToolTip='<%# Container.Appointment.Owner.Localization.AdvancedClose %>'>
                            <%# Container.Appointment.Owner.Localization.AdvancedClose%>
                    </asp:LinkButton>
                </div>
                <div class="rsAdvContentWrapper">

                    <div class="advFormOuter">
                        <div class="advFormLeft">
                            <p>
                                <asp:Label ID="lblTipoAgenda" runat="server" Text="Tipo de Anotação:" CssClass="bloco"></asp:Label>
                                <telerik:RadComboBox runat="server" ID="cboTipoAgenda" DataValueField="Value" RenderMode="Native" DataTextField="Text">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="Ausência" Value="2" />
                                        <telerik:RadComboBoxItem Text="Férias" Value="3" />
                                        <telerik:RadComboBoxItem Text="Outros" Value="4" />
                                    </Items>
                                </telerik:RadComboBox>

                                <asp:Label ID="lblDtInicio" runat="server" Text="De:" CssClass="bloco"></asp:Label>
                                <telerik:RadDateTimePicker runat="server" ID="dtInicio"></telerik:RadDateTimePicker>
                                <asp:Label ID="lblDtFinal" runat="server" Text="Até:" CssClass="bloco"></asp:Label>
                                <telerik:RadDateTimePicker runat="server" ID="dtFinal"></telerik:RadDateTimePicker>
                            </p>
                        </div>

                        <div class="advFormRight">
                            <asp:Label ID="lblObs" runat="server" Text="Descrição / Observações:" CssClass="bloco"></asp:Label>
                            <telerik:RadTextBox ID="txtObs" runat="server" TextMode="MultiLine" Width="300" Height="50"></telerik:RadTextBox>
                        </div>

                        <div class="advFormLbl">
                            <asp:Label runat="server" ID="lblAviso" Visible="false" CssClass="labelAtencao"></asp:Label>
                        </div>

                    </div>

                    <asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
                        <div class="rsAdvButtonWrapper">
                            <asp:LinkButton CommandName="Insert" runat="server" ID="btnSalvar" ToolTip="Inserir" CssClass="rsAdvEditSave">
                                <span><%# Container.Appointment.Owner.Localization.Save%></span>
                            </asp:LinkButton>
                            <asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" ToolTip="Cancelar" CommandName="Cancel"
                                CausesValidation="false">
                                <span><%# Container.Appointment.Owner.Localization.Cancel%></span>
                            </asp:LinkButton>
                        </div>
                    </asp:Panel>
                </div>
            </div>
        </AdvancedInsertTemplate>

        <AdvancedEditTemplate>
            <div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
                <div class="rsModalBgTopLeft">
                </div>
                <div class="rsModalBgTopRight">
                </div>
                <div class="rsModalBgBottomLeft">
                </div>
                <div class="rsModalBgBottomRight">
                </div>
                <div class="rsAdvTitle">
                    <h1 class="rsAdvInnerTitle">
                        <%# Container.Appointment.Owner.Localization.AdvancedEditAppointment %></h1>
                    <asp:LinkButton runat="server" ID="LinkButton1" CssClass="rsAdvEditClose"
                        CommandName="Cancel" CausesValidation="false" ToolTip='<%# Container.Appointment.Owner.Localization.AdvancedClose %>'>
                        <%# Container.Appointment.Owner.Localization.AdvancedClose%>
                    </asp:LinkButton>
                </div>
                <div class="rsAdvContentWrapper">
                    <div class="advFormOuter">
                        <div class="advFormLeft">
                            <p>
                                <asp:Label ID="lblTipoAgenda" runat="server" Text="Tipo de Anotação:" CssClass="bloco"></asp:Label>
                                <telerik:RadComboBox runat="server" ID="cboTipoAgenda">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="Ausência" Value="2" />
                                        <telerik:RadComboBoxItem Text="Férias" Value="3" />
                                        <telerik:RadComboBoxItem Text="Outros" Value="4" />
                                    </Items>
                                </telerik:RadComboBox>
                                <asp:Label ID="lblDtInicio" runat="server" Text="De:" CssClass="bloco"></asp:Label>
                                <telerik:RadDateTimePicker runat="server" ID="dtInicio"></telerik:RadDateTimePicker>
                                <asp:Label ID="lblDtFinal" runat="server" Text="Até:" CssClass="bloco"></asp:Label>
                                <telerik:RadDateTimePicker runat="server" ID="dtFinal"></telerik:RadDateTimePicker>
                            </p>
                        </div>

                        <div class="advFormRight">
                            <asp:Label ID="lblObs" runat="server" Text="Descrição / Observações:" CssClass="bloco"></asp:Label>
                            <telerik:RadTextBox ID="txtObs" runat="server" TextMode="MultiLine" Width="300" Height="50"></telerik:RadTextBox>
                        </div>

                        <div class="advFormLbl">
                            <asp:Label runat="server" ID="lblAviso" Visible="false" CssClass="labelAtencao"></asp:Label>
                        </div>

                    </div>

                    <asp:Panel runat="server" ID="Panel1" CssClass="rsAdvancedSubmitArea">
                        <div class="rsAdvButtonWrapper">
                            <asp:LinkButton CommandName="Justificar" ToolTip="Clique se necessitar faltar a este compromisso" runat="server" ID="btnJustificar" CssClass="rsAdvEditSave">
                                <span>Faltar</span>
                            </asp:LinkButton>
                            <asp:LinkButton CommandName="Update" runat="server" ID="btnSalvar" ToolTip="Atualizar" CssClass="rsAdvEditSave">
                                <span><%# Container.Appointment.Owner.Localization.Save%></span>
                            </asp:LinkButton>
                            <asp:LinkButton runat="server" ID="LinkButton3" CssClass="rsAdvEditCancel" ToolTip="Cancelar" CommandName="Cancel"
                                CausesValidation="false">
                                <span><%# Container.Appointment.Owner.Localization.Cancel%></span>
                            </asp:LinkButton>
                        </div>
                    </asp:Panel>
                </div>
            </div>
        </AdvancedEditTemplate>

    </telerik:RadScheduler>
</div>

<br />

<telerik:RadButton runat="server" ID="btnExport" Text="Exportar para PDF" OnClick="btnExport_Click"></telerik:RadButton>
<telerik:RadButton runat="server" ID="btnExportOutlook" Text="Exportar para Outlook" OnClick="btnExportOutlook_Click"></telerik:RadButton>
<telerik:RadButton runat="server" ID="btnImprimir" Text="Imprimir" OnClick="btnImprimir_Click"></telerik:RadButton>

[Raro]

I Attach this image to help. The correct behavior must to be fill all cells between 11:00hs and 13:30hs.

[Ivan Danchev]

Hello,

Instead of setting the Scheduler's TimeZoneOffset property could you set the TimeZoneID property: TimeZoneID="E. South America Standard Time"
When TimeZoneID is not set it will default to UTC 0. Here's a link to our Time Zones demo.

Regards,
Ivan Danchev
Telerik

[Raro]

Thank's for your reply Ivan Danchev, unfortunately doesn't solved my problem. The month view now it's ok, but the day still has a problem. I'll open a ticket, because we need a fast answer to this problem, our client is upset.

Thank you for give us a north.

[Ivan Danchev]

Hello,

I replied to the thread you started in the ticketing system. If you have further questions on the subject I would suggest we continue the discussion in it.

Regards,
Ivan Danchev
Telerik

[Raro]

Ok Ivan, I'll continue as you suggest.

Thank's

 

[Wendi]

I have the same problem but haven't found a solution. Any advice?

[Wendi]

<telerik:RadScheduler runat="server" ID="calData"
                    OnNavigationCommand="calData_NavigationCommand"
                    OverflowBehavior="Auto"
                    AppointmentStyleMode="Default"
                    Height="100%"
                    Skin="Metro"
                    RenderMode="Lightweight"
                    DayStartTime="06:00:00"
                    DayEndTime="18:00:00"
                    OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick"
                    SelectedView="DayView"
                    ShowFooter="false"
                    MonthView-ShowResourceHeaders="false"
                    FirstDayOfWeek="Monday"
                    LastDayOfWeek="Sunday"
                    EnableDescriptionField="true"
                    AllowDelete="false"
                    AllowInsert="false"
                    AllowEdit="false">
                    <DayView  />
                    <WeekView ShowAllDayInsertArea="false" />
                    <MonthView AdaptiveRowHeight="false" MinimumRowHeight="5" VisibleAppointmentsPerDay="10" />
                    <AppointmentTemplate>
                        <a href="<%=ModuleForm %>?id=<%# Eval("ID") %>" title="Edit" id="editMe"><i class="icon s7-note grid-edit-icon"></i></a>
                        <%# Eval("Subject") %>
                        <span style="font-style: italic;">- <%# Eval("Description") %>
                        </span>
                    </AppointmentTemplate>
                </telerik:RadScheduler>

calData.DataKeyField = "JobId";
calData.DataSubjectField = "CompanyName";
calData.DataDescriptionField = "MostRecentLocationDisplayName";
calData.DataStartField = "StartDate";
calData.DataEndField = "EndDate";

Start Date: {8/23/2016 8:00:00 AM}
End Date: {8/23/2016 5:00:00 PM}

[Wendi]

solved by removing bad style

 

.rsApt {
    /*height: auto !important;*/
}

[Wendi]

solved by removing bad style

 

.rsApt {
    /*height: auto !important;*/
}