[Solved] DayView Width of the Appointment shrinks

[Vuyiswa]

Good Day

In my Scheduler on the Day View my Appointments shrinks , i am not sure why, i have attached the Image and my css looks like this

    <style type="text/css">

    .rsMainHeader
    {
     white-space: normal;
    }
     #ConfigurationPanel1 ul
    {
        list-style: none;
        padding:0;
        margin:0;
    }

    #ConfigurationPanel1 ul li
    {
     line-height: 24px;
     float:left;
     border-left: solid 1px #b1d8eb;
     padding-left: 11px;
     margin-left: 10px;
    }


    .rsAllDayRow
    {
        height: 50px !important;
    }
 /*RadScheduler Appointment Overrides*/

.RadScheduler

.rsTimelineView .rsWrap,



.RadScheduler

.rsTimelineView .rsApt



{



height:auto !important;



}

.RadScheduler

.rsTimelineView .rsApt



{



position:static !important;



}

div.RadScheduler

.rsAptContent,



div.RadScheduler

.rsAptIn,



div.RadScheduler

.rsAptMid,



div.RadScheduler

.rsAptOut



{



height: auto !important;



}
.rsTodayCell
  {
      background:gray !important;
  }

</style>

and  the Definition of the Schedular as below

       <telerik:RadScheduler ID="RadScheduler1" ColumnWidth="2000px" RowHeaderWidth="2000px" DayView-GroupingDirection="Vertical" RowHeaderHeight="500px"  runat="server" DataSourceID="SqlDataSource2"
            DataEndField="ENDDATE"   DataKeyField="ID"  Skin="Telerik" Height="66%" Width="96%" DataSubjectField="SUBJECTS"  DataStartField="STARTDATE" AllowDelete="False" AllowEdit="False" AllowInsert="False"   DayEndTime="20:00:00" OverflowBehavior="Expand" SelectedView="MonthView"  OnDataBound="RadScheduler1_DataBound" OnAppointmentCreated="RadScheduler1_AppointmentCreated" CssClass="ConfigurationPanel1" OnTimeSlotCreated="RadScheduler1_TimeSlotCreated" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" GroupingDirection="Vertical" EnableViewState="False" DisplayDeleteConfirmation="False" EnableAdvancedForm="False" EnableResourceEditing="False" ReadOnly="True" MinutesPerRow="60" OnAppointmentCommand="RadScheduler1_AppointmentCommand">

                <TimelineView GroupBy="SESS" GroupingDirection="Vertical" />

             <ResourceTypes>
            <telerik:ResourceType KeyField="SESS"  Name="SESS" TextField="SESS" ForeignKeyField="SESS" DataSourceID="SqlDataSource2" />
            </ResourceTypes>

            <DayView GroupingDirection="Vertical" />
        </telerik:RadScheduler>

Thanks

[Peter]

Hello Vuyiswa,

Do you have a live url which we can test? Using the code and css you sent we cannot replicate the problem.

Greetings,
Peter
the Telerik team