Week view appointement position problem ...

[Charles Berger]

// Edit : I made a mistake in the thread title ... It is about a Month view problem, not a week view problem ....

Hello,

I got a strange probleme in Month view, as all appointments are shown "between two days".

In week view, all is normal
Screenshot : http://img186.imageshack.us/img186/1935/weekview.jpg

In month view, there is a problem ... Appointments are not in the day column, they are all centered between tho days ...
Screenshot : http://img297.imageshack.us/img297/6528/monthview2.jpg

Any ideas ?
You will also notice in the month view screenshot that I also got a placement problem of the calendar (when clicking on the little arrow near "today" - aujourd'hui in french - this problem appears in all views). Go you also got ideas about this ?

Thanks,
G.

// See my code bellow (simple ...)

<

 

telerik:RadScheduler ID="RadSchedulerCtrl" runat="server" Culture="French (France)" SelectedView="WeekView"

 

 

 

 

HoursPanelTimeFormat="Htt" Skin="WebBlue" ValidationGroup="ctl00_RadSchedulerCtrl" DataEndField="DateFin"

 

 

 

 

DataKeyField="ID" DataSourceID="ObjectDataSource1" DataStartField="DateDebut" DataSubjectField="Nom" FirstDayOfWeek="Monday" DayStartTime="09:00:00"

 

 

 

 

Height="774px" WorkDayStartTime="09:00:00" OnAppointmentDataBound="RadSchedulerCtrl_AppointmentDataBound"

 

 

 

 

OverflowBehavior="Expand" StartEditingInAdvancedForm="False" OnFormCreating="RadSchedulerCtrl_FormCreating" EnableRecurrenceSupport="False" OnAppointmentClick="RadSchedulerCtrl_AppointmentClick" OnAppointmentUpdate="RadSchedulerCtrl_AppointmentUpdate" DayEndTime="22:00:00" WorkDayEndTime="22:00:00">

 

 

 

 

<Localization AdvancedAllDayEvent="Journ&#233;e compl&#232;te" AdvancedCalendarCancel="Annuler"

 

 

 

 

AdvancedCalendarToday="Ajourd'hui" AdvancedDaily="Journalier" AdvancedDay="Jour"

 

 

 

 

AdvancedDays="jour(s)" AdvancedDone="Fait" AdvancedEndAfter="Termine apr&#232;s le"

 

 

 

 

AdvancedEndByThisDate="Termine le" AdvancedEndDateRequired="Une date de fin est requise"

 

 

 

 

AdvancedEndTimeRequired="Une heure de fin est requise" AdvancedEvery="Tout" AdvancedEveryWeekday="Tout les jours"

 

 

 

 

AdvancedFirst="premier" AdvancedFourth="quatrieme" AdvancedFrom="Depuis" AdvancedHours="heure(s)"

 

 

 

 

AdvancedInvalidNumber="Nombre invalide" AdvancedLast="dernier" AdvancedMaskDay="jour"

 

 

 

 

AdvancedMaskWeekday="Jour de la semain" AdvancedMaskWeekendDay="jour du weekend"

 

 

 

 

AdvancedMonthly="Mensuel" AdvancedMonths="mois" AdvancedMoreDetails="Plus de d&#233;tails"

 

 

 

 

AdvancedNoEndDate="Pas de date de fin" AdvancedOf="de" AdvancedOfEvery="de tout"

 

 

 

 

AdvancedRange="Etendu de la r&#233;curence" AdvancedRecurEvery="A lieu tout les"

 

 

 

 

AdvancedRecurrence="R&#233;currence" AdvancedRecurringAppointment="Tache r&#233;curente"

 

 

 

 

AdvancedSecond="seconde" AdvancedStartDateRequired="Une date de fin est requise"

 

 

 

 

AdvancedStartTimeBeforeEndTime="L'heure de d&#233;but doit pr&#233;c&#233;der l'heure de fin"

 

 

 

 

AdvancedStartTimeRequired="heure" AdvancedSubjectRequired="Un sujet/nom est requis"

 

 

 

 

AdvancedThe="Le" AdvancedThird="troisieme" AdvancedTo="&#224;" AdvancedWeekly="Hebdomadaire"

 

 

 

 

AdvancedWeeks="semaine(s)" AdvancedWorking="En cours ..." AdvancedYearly="Annuel"

 

 

 

 

AllDay="Toute la journ&#233;e" Cancel="Annuler" ConfirmCancel="Annuler" ConfirmDeleteText="Confirmez vous la suppression de l'&#233;l&#233;ment ?"

 

 

 

 

ConfirmDeleteTitle="Confirmer la suppression" ConfirmRecurrenceDeleteOccurrence="Supprimer cette occurence uniquement"

 

 

 

 

ConfirmRecurrenceDeleteSeries="Supprimer la s&#233;rie" ConfirmRecurrenceDeleteTitle="Supprimer une tache r&#233;curente"

 

 

 

 

ConfirmRecurrenceEditOccurrence="Modifier cette ocurence uniquement" ConfirmRecurrenceEditSeries="Modifier la s&#233;rie"

 

 

 

 

ConfirmRecurrenceEditTitle="Editer une tache r&#233;curente" ConfirmRecurrenceMoveOccurrence="D&#233;placer cette occurence uniquement"

 

 

 

 

ConfirmRecurrenceMoveSeries="D&#233;placer la s&#233;rie" ConfirmRecurrenceMoveTitle="D&#233;placement d'une tache r&#233;curente"

 

 

 

 

ConfirmRecurrenceResizeOccurrence="Redimensionner cette ocurence uniquement"

 

 

 

 

ConfirmRecurrenceResizeSeries="Redimensioner la s&#233;rie" ConfirmRecurrenceResizeTitle="Redimentionner une tache r&#233;curente"

 

 

 

 

ConfirmResetExceptionsText="Voulez vous supprimer toutes les ocurences ?" HeaderDay="Jour"

 

 

 

 

HeaderMonth="Mois" HeaderMultiDay="Plusieurs jours" HeaderNextDay="jour suivant"

 

 

 

 

HeaderPrevDay="jour pr&#233;c&#233;dent" HeaderTimeline="Liste" HeaderToday="aujourd'hui"

 

 

 

 

HeaderWeek="Semaine" Insert="Ajouter" Save="Sauvegarder" Show24Hours="Afficher 24 heures"

 

 

 

 

ShowBusinessHours="Affichier les heures ouvr&#233;s" ShowMore="plus ..." Update="Mise &#224; jour" />

 

 

 

 

<MonthView VisibleAppointmentsPerDay="10" AdaptiveRowHeight="True" />

 

</

 

 

 

telerik:RadScheduler>

 

 

 

[Charles Berger]

(Month view screenshot changed: http://img297.imageshack.us/img297/6528/monthview2.jpg). Edited in my original post

[Praveen Rustagi]

Hi,

When you insert appointment , add some hours in start time and substract some hours in end time of appointment.
ex:
e.Appointment.Start.Add(new TimeSpan(12, 0, 0));
e.Appointment.End.Subtract(new TimeSpan(10, 0, 0));

[Charles Berger]

Praveen, I do not understand your answer ...
Appointement start and end date&time are good, as it shows well in week view  (as you can see in the screenshots) ...
I really think more about a UI problem, as there are no reasons for a in-day appointment to appear as cross-day in month view.

Any more ideas ?
Thanks

G.

[Charles Berger]

After some investigations, it seemed it is coming from my masterpage CSS (as when I use the control, with the same configuration, but out of the master page, all is ok ...).
Do you know what kind of specific CSS configuration for this control I have to do to avoid this problem ?

Thx,
G.

[Charles Berger]

I found that the problem is comming from the "text-align:center;" in my CSS.
I can't remove it. I have added a <div style="text-align:left;"> before the scheduler control and it resolve all UI problem.
But now, all text in the scheduler (headers, appointment text ...) are aligned to the left ! Any ideas to avoid this ?

Thanks,
G.

[Kamen Bundev]

Hi Charles,

Can you post here the rule that you use to specify the text-alignment in your main CSS?

Sincerely yours,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Charles Berger]

In my main CSS, text alignement is defined with

text-align

 

:center;
I can't remove it,or change it ...
The workaround I found is to add a  <div style="text-align:left;">  before the RadScheduler Control, but it has some border effects (all text now on the left !)

 

[Yana]

Hello Charles,

RadScheduler has text-align set to "left" by default.  Please tell us the exact css rule where text-align is set.

Regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.