Appointments in wrong time slots

11 posts, 0 answers
  1. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 31 Aug 2012 Link to this post

    Hello,

    Since update 2012.2.607 we have a problem with our RadScheduler (before we had 2012.1.411).

    We have 3 slots for appointments (ex: 08:00, 08:30, 09:00), since the update our appointments all show up in the first column, before they would show up in the correct time slot.

    Thank you.

    Tommy
  2. Plamen
    Admin
    Plamen avatar
    2958 posts

    Posted 05 Sep 2012 Link to this post

    Hello Tommy,

     
    Thank you for contacting Telerik support.

    Unfortunately from the description of the issue it is not very clear what exactly is not working properly. Would you please elaborate a little bit the scenario or provide some images that describe what is different so we can inspect it and be more helpful?

    Greetings,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 06 Sep 2012 Link to this post

    Hello,

    Sorry for the lack of information, here is a screenshot of the problem, everything that is in the column 11:30 should be in the column 12:00.
    With the same code, with version 2012.1.411, it work correctly, but when we use version 2012.2.607 it doesn't work.
    Date format for AdminDateTime is as follows "2012-09-06 12:00".
    The datasource is a collection of an object.

    Here is the HTML code for the scheduler:
    <telerik:RadScheduler runat="server" ID="scListeDoses" SelectedView="TimelineView"
                    DataKeyField="NoAutoOrdo" DataSubjectField="PatiNoauto" DataStartField="AdminDateTime"
                    DataEndField="AdminDateTime" OverflowBehavior="Scroll" OnNavigationComplete="ListeDoses_NavigationComplete"
                    ColumnWidth="350px" CustomAttributeNames="Time, Quantite, NomMedicament, NomPatient, PrenomPatient, Chambre, NumeroDossier, Numero, VoieAffichage, Synonyme, LignePoso1, LignePoso2,
                                LignePoso3, LignePoso4, LignePoso5, LignePoso6, LignePoso7, DateHeureDebut, DateHeureFin, TexteCommun, NoAuto, AdminDateTime, Format,Index, NoAutoOrdo,
                                IsAdministre, UsagerAdmin,CommentaireAdmin, QuantiteAdmin, Canceled, Groupe,PathImageCyto, NoAutoPres, TypePres, TypePresDesc "
                    AllowDelete="False" AllowInsert="False" AllowEdit="False" EnableAdvancedForm="False"
                    EnableRecurrenceSupport="False" TimeLabelRowSpan="1" Height="100%" RowHeight="100%"
                    AppointmentStyleMode="Default" OnAppointmentDataBound="scListeDoses_AppointmentDataBound">
                    <AdvancedForm Modal="true" />
                    <AppointmentTemplate>
                        <div style="height: auto">
                            <div class="FADMEnteteCedule">
                                <div class="fecPatient nowrap">
                                    <span class="FADMTextGras">
                                        <%#Eval("NumeroDossier")%> - </span>                       
                                    <span class="FADMTextGras">
                                        <%#Eval("NomPatient")%>,
                                    </span>
                                    <span class="FADMTextGras">
                                        <%#Eval("PrenomPatient")%>
                                    </span>
                                </div>
                                <div class="fecChambre nowrap">
                                    <telerik:RadCodeBlock runat="server">
                                        <span class="FADMText Tag6052">
                                            <%=GetMessageEx(6052).Texte%>
                                        </span>
                                    </telerik:RadCodeBlock>
                                    <span class="FADMTextGras">
                                        <%#Eval("Chambre")%></span>
                                </div>
                                <div class="spacer">
                                </div>
                                <div class="FADMTextGras" style="float:left; height:50%; text-align:center; width:100%">
                                    <%# Eval("TypePresDesc") %></div>
                            </div>
                            <div class="FADMCorpsCedule">
                                <input type="hidden" name="isAdministre" value="<%# Eval("IsAdministre") %>" />
                                <input type="hidden" name="Canceled" value="<%# Eval("Canceled") %>" />
                                <input type="hidden" name="TypePres" value="<%# Eval("TypePres") %>" />
                                <img src="<%#Eval("PathImageCyto")%>" style="position: absolute; right: 2px; bottom: 50px;
                                    z-index: 10" height="26" />
                                <div class="FADMTextGras" style="float: left;">
                                    <%# Eval("NomMedicament") %></div>
                                <div style="float: right; padding-right:10px;">
                                    <span id="spanNumeroOrdo" class="FADMText"
                                        style="<%# IIf((trim(Eval("Numero")) <> Nothing), "", "display:none")%>">
                                        # <%# Eval("Numero") %></span>
                                    <span class="FADMTextGras">
                                        <%# Eval("VoieAffichage") %></span>
                                </div>
                                <div class="spacer">
                                </div>
                                <div class="FADMTextGras">
                                    <%# Eval("Synonyme") %></div>
                                <div class="FADMText">
                                    <%# Eval("LignePoso1") %></div>
                                <div class="FADMText">
                                    <%# Eval("LignePoso2") %></div>
                                <div class="FADMText">
                                    <%#Eval("LignePoso3")%></div>
                                <div class="FADMText">
                                    <%#Eval("LignePoso4")%></div>
                                <div class="FADMText">
                                    <%#Eval("LignePoso5")%></div>
                                <div class="FADMText">
                                    <%#Eval("LignePoso6")%></div>
                                <div class="FADMText">
                                    <%#Eval("LignePoso7")%></div>
                                <div>
                                    <telerik:RadCodeBlock ID="RadCodeBlock9" runat="server">
                                        <span class="FADMText Tag6054">
                                            <%=GetMessageEx(6054).Texte%>
                                        </span>
                                        <span class="FADMText">
                                            <%#Eval("DateHeureDebut")%></span>
                                        <span class="FADMText Tag6055">
                                            <%=GetMessageEx(6055).Texte%>
                                        </span>
                                        <span class="FADMText">
                                            <%#Eval("DateHeureFin")%></span>
                                    </telerik:RadCodeBlock>
                                </div>
                                <telerik:RadCodeBlock ID="RadCodeBlock5" runat="server">
                                    <span class="FADMTextGras">
                                        <%=GetMessageEx(6398).Texte%>:
                                    </span>
                                </telerik:RadCodeBlock>
                                <div>
                                    <span class="FADMText">
                                        <%#Eval("UsagerAdmin")%>
                                    </span>
                                    <span class="FADMText">
                                        <%#Eval("TexteCommun")%>
                                    </span>
                                </div>
                                <div>
                                    <telerik:RadCodeBlock ID="RadQteLabel" runat="server">
                                        <span class="FADMText Tag6053"
                                            style="<%# IIf((trim(Eval("Quantite")) <> Nothing), "", "display:none")%>">
                                            <%=GetMessageEx(1468).Texte%>:
                                        </span>
                                    </telerik:RadCodeBlock>
                                    <span id="spanQte" class="FADMTextGras" style="margin-right: 70px;">                                   
                                        <%#Eval("Quantite")%></span>
                                    <telerik:RadCodeBlock ID="RadCodeBlock8" runat="server">
                                        <a href="javascript:void(0)" onclick="VoirHistorique(<%# Eval("NoAutoOrdo") %>, <%# Eval("NoAutoPres") %>);"
                                            class="imageLink">
                                            <span style="background-image: url('Images/historique.gif')">
                                                <!-- -->
                                            </span>
                                            <%=GetMessageEx(6660).Texte%>
                                        </a>
                                    </telerik:RadCodeBlock>
                                </div>
                                <div class="fccButtons">
                                    <span class="imageButton" style="display: inline-block; width: 32px; height: 32px"
                                        onclick="AdministrationMedic(<%# Eval("Index") %>, false);">
                                        <img class="adminButton" src="Images/Administre.gif" alt="Administré" height="32"
                                            style="margin: 0px" />
                                    </span>
                                    <span class="imageButton" style="display: inline-block; width: 32px; height: 32px"
                                        onclick="AdministrationMedic(<%# Eval("Index") %> ,true);">
                                        <img class="adminButton" src="Images/NonAdmin.gif" alt="Non-Administré" height="32"
                                            style="margin: 0px" />
                                    </span>
                                </div>
                            </div>
                        </div>
                    </AppointmentTemplate>
                    <TimelineView UserSelectable="false" NumberOfSlots="4" SlotDuration="00:30:00" ReadOnly="True"
                        ShowResourceHeaders="True" ShowInsertArea="true" TimeLabelSpan="1" ColumnHeaderDateFormat="HH:mm"
                        GroupingDirection="Vertical" HeaderDateFormat="yyyy-MM-dd" />
                    <DayView UserSelectable="False" />
                    <WeekView UserSelectable="false" />
                    <MonthView UserSelectable="false" />
                    <TimeSlotContextMenuSettings EnableDefault="false" />
                    <AppointmentContextMenuSettings EnableDefault="false" />
                </telerik:RadScheduler>

  4. Plamen
    Admin
    Plamen avatar
    2958 posts

    Posted 11 Sep 2012 Link to this post

    Hello Tommy,

     
    I have inspected the code that you pasted but still could not observe the same behavior as on the image attached. It seems that there are some additional styles that are invoking the wrong behavior. Please review it and if you still can't figure out what is causing the issue please send us the css used as well so we can inspect it locally and be more helpful.

    Regards,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 13 Sep 2012 Link to this post

    Hello again,

    The problem seems to come from the CSS, I have used the exact same example given in this thread as suggested by Tsvetomir Tsonev:
    http://www.telerik.com/community/forums/aspnet-ajax/scheduler/timeline-view-rowheight.aspx 

    It seems that the position: static !important; has something to do with the problem, but it seems the only way that we can have automatic height for our Timeline appointments.

    Tommy
  6. Plamen
    Admin
    Plamen avatar
    2958 posts

    Posted 17 Sep 2012 Link to this post

    Hi Tommy,

     
    I have inspected the issue once again. This behavior is observed because several changes have been made to the way appointments render in Timeline view and the css from the forum you linked was no longer proper. Here is the code that worked properly at my side:
     

    <style type="text/css" >
           .RadScheduler .rsTimelineView .rsWrap,
            .RadScheduler .rsTimelineView .rsApt,
            .RadScheduler .rsTimelineView .rsAptOut,
             .RadScheduler .rsTimelineView .rsAptIn,
             .RadScheduler .rsTimelineView .rsAptMid,
              .RadScheduler .rsTimelineView .rsAptContent {
               position: relative !important;
               height: auto !important;
           }
           .rsAllDayRow .rsAptContent {
               border-bottom-width: 0px !important;
           }
     
       </style>
    Hope this will help you solve the issue.

    All the best,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  7. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 17 Sep 2012 Link to this post

    If I put position: relative, then there is a gab between appointments, depending in which time slot it goes, you can see in the print screen.
  8. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 18 Sep 2012 Link to this post

    Hello plamen,

    ok I found what changed between your versions. In the older version, all appointment were in there own div with the rsWrap class. Now, there is only one div rsWrap by row of appointment, So in the last image I sent you, the first appointment at 15:00, the first at 15:30 and the first at 16:00 are in the same rsWrap div. The second at 15:00, 15:30 and 16:00 are in a second rsWrap  div and so on.

    I really don't know if we will be able to fix this with CSS... Is there a way to make scheduler render like old version was?
  9. Plamen
    Admin
    Plamen avatar
    2958 posts

    Posted 20 Sep 2012 Link to this post

    Hi Tommy,

     
    Yes you are right we made this change recently. I have inspected the issue once again and indeed observed the described behavior. After further observations I noticed that the provided css is working the same way as when the RowHeight is increased.
    Would you please try to set RowHeight to the desired height of the template and let me know if the result can work for you instead of setting the css from the previous posts? Here is how it worked at my side with RowHeight="210px".

    Hope this will help you solve the issue. 

    All the best,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  10. Tommy
    Tommy avatar
    32 posts
    Member since:
    Nov 2011

    Posted 20 Sep 2012 Link to this post

    Hi Plamen,

    are appointement were autosized. Depending on the type of appointment, the height of an appointement can have a ibig difference. Any suggestions for auto height?

    Tom
  11. Plamen
    Admin
    Plamen avatar
    2958 posts

    Posted 25 Sep 2012 Link to this post

    Hi Tom,

     
    Unfortunately this scenario is not supported in the TimelineView of RadScheduler. Please excuse us for this limitation of our control. 

    Greetings,
    Plamen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top