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
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?
Plamen
the Telerik team
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
>
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.
Plamen
the Telerik team
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
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>
All the best,
Plamen
the Telerik team
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?
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.
Plamen
the Telerik team
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
Unfortunately this scenario is not supported in the TimelineView of RadScheduler. Please excuse us for this limitation of our control.
Plamen
the Telerik team