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

RadScheduler to have spacing on last schedule slot in timeline view

6 Answers 109 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Ei Wai
Top achievements
Rank 1
Ei Wai asked on 02 Dec 2014, 04:34 AM
Hi,

I am trying to add a few space after last schedule slot inside timeline view. My scheduler will allow the user to key in three different timing in schedule. But after key in two timing , there is no space to allow them to click on timeslot to add one more timing with inline edit view. Please see below picture.


I tried to play around  with css.
.RadScheduler .rsTimelineView .rsAptIn
  {
      height:14px !important;
  }
  .RadScheduler .rsTimelineView .rsAptMid
  {
      height:14px !important;
  }
   
 
.RadScheduler .rsTimelineView  .rsAptOut
 {
      height:14px !important;
  }
   
   .RadScheduler .rsTimelineView  .rsApt
 {
      height:14px !important;
  }
   
  .RadScheduler .rsTimelineView .rsLastWrap .rsLastSpacingWrapper
  {
      height: 30px !important;
  }

 But it will apply for both schedule slot as below picture. I don't want space in between. Is there anyone who can help me with this issue.
 

Thanks in advance.

Best regards,
Ei Wai





6 Answers, 1 is accepted

Sort by
0
Ei Wai
Top achievements
Rank 1
answered on 02 Dec 2014, 04:36 AM
Sorry I forgot to attach image files. 
0
Boyan Dimitrov
Telerik team
answered on 04 Dec 2014, 01:48 PM
Hеllo Ei,

The RadScheduler property ShowInsertArea
in the TimelineView section controls whether to leave an empty space below the last appointment and the end of the current cell. This way the user is able to add a new appointment since there is always empty space in order to click on the time slot.
//markup code
<telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedView="TimelineView" GroupBy="User" GroupingDirection="Vertical">
       <TimelineView  ShowInsertArea="true"/>         
   </telerik:RadScheduler>



Regards,
Boyan Dimitrov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Ei Wai
Top achievements
Rank 1
answered on 08 Dec 2014, 01:31 AM
Hello Boyan,

Thank you for the solution. I've tried that as well. But the space for the insert area will give the same height as schedule slot. I don't want to have too many gap. Is there any possible way to change the height of insert area? 

Thank you.

Best regards,
Ei Wai
0
Boyan Dimitrov
Telerik team
answered on 10 Dec 2014, 04:23 PM
Hello Ei,

Could you please try using the RadScheduler RowHeight property and set it for example to 30px.


Regards,
Boyan Dimitrov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Ei Wai
Top achievements
Rank 1
answered on 11 Dec 2014, 01:41 AM
Dear Boyan,

I tried to change the RowHeight property to 30px. But it still seems too big. So I changed it to 20 px now. But still the gap is still bigger than expected. Please find attached file. 

Thank you.

Best regards,
Ei Wai
0
Boyan Dimitrov
Telerik team
answered on 15 Dec 2014, 01:22 PM
Hello Ei,

In the timeline view the only way to control the gap between the last appointment bottom edge and the time slot bottom edge is to use the RowHeight property. Also the minimum possible gap is equal to the RowHeight value. So basically if you set the RowHeight to "20px" and start adding appointments for that slot the gap will be reduced to 20px eventually. It is the smallest height that can be achieved.


Regards,
Boyan Dimitrov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Scheduler
Asked by
Ei Wai
Top achievements
Rank 1
Answers by
Ei Wai
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or