This is a migrated thread and some comments may be shown as answers.

Appointments in wrong time slots

10 Answers 220 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tommy
Top achievements
Rank 1
Tommy asked on 31 Aug 2012, 05:17 PM
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

10 Answers, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 05 Sep 2012, 11:37 AM
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.
0
Tommy
Top achievements
Rank 1
answered on 06 Sep 2012, 03:37 PM
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>

0
Plamen
Telerik team
answered on 11 Sep 2012, 12:47 PM
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.
0
Tommy
Top achievements
Rank 1
answered on 13 Sep 2012, 11:47 AM
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
0
Plamen
Telerik team
answered on 17 Sep 2012, 12:12 PM
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.
0
Tommy
Top achievements
Rank 1
answered on 17 Sep 2012, 07:21 PM
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.
0
Tommy
Top achievements
Rank 1
answered on 19 Sep 2012, 04:06 AM
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?
0
Plamen
Telerik team
answered on 20 Sep 2012, 02:38 PM
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.
0
Tommy
Top achievements
Rank 1
answered on 20 Sep 2012, 02:45 PM
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
0
Plamen
Telerik team
answered on 25 Sep 2012, 01:23 PM
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.
Tags
Scheduler
Asked by
Tommy
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Tommy
Top achievements
Rank 1
Share this question
or