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

Overlapping appointments display choices?

7 Answers 121 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Peter Briggs
Top achievements
Rank 1
Peter Briggs asked on 16 Mar 2010, 05:27 PM
I am currently implementing an application using the trial version of Telerik in hopes to see if it can fit our needs. I have a question/issue. I need to show the user a plan layout of appointments along with current appointments. Whenever these 2 conflict they appear side by side. Is there any way to merge them or combine them into 1 section. Even better can I set the overlapping section a different color.
For example the plan is 2-5, so that block shows blue. The appointment created is 3-6, so 2-3 is blue, 3-5 is green, 5-6 is red.
In other words I want to indicate the difference in the plan vs schedule.

7 Answers, 1 is accepted

Sort by
0
Kevin Price
Top achievements
Rank 1
answered on 16 Mar 2010, 06:22 PM
Peter,
I have asked the same question and been told it is being considered for inclusion in a future release.
0
Accepted
Peter
Telerik team
answered on 17 Mar 2010, 05:44 PM
Hello guys,

Yes, we have logged this feature request, but there wasn't much demand for it so we have postponed it in favor of bug fixes and performance improvements.

Best wishes,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Jorge
Top achievements
Rank 1
answered on 03 Oct 2011, 11:40 PM
Hello,

I want  that feature too: show appointments in the same range one over the other instead of side by side.
How would I achieve it manipulating css rules or with jQuery ?
0
Peter
Telerik team
answered on 05 Oct 2011, 01:31 PM
Hello Jorge,

Unfortunately, that's not supported. Please, excuse us for this limitation of our control.


All the best, Peter
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
Jorge
Top achievements
Rank 1
answered on 05 Oct 2011, 04:25 PM
HI,

With the tweaks below I've achieved most of my objectives. Watch the sample screen cast:
http://screencast.com/t/DGNOAitFX9


<style type="text/css">
.RadScheduler .rsBlockEdit .rsAptResize
{
    visibility: hidden !important;
}
.RadScheduler .rsApt,
.RadScheduler .rsAptPai,
.RadScheduler .rsAptFilho
 {
   width:50% !important;
   left: 0% !important;
 }
 .RadScheduler .rsAptFilho
{
    width: 100% !important;
    z-index: 11 !important;
}
.RadScheduler .rsAptPai
{
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
 .RadScheduler .rsWrap
 {
     z-index: 10 !important;
 }
 
</style>


protected void mainSched_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)
{
   if (e.Appointment.Attributes["IdApontamentoPai"] == null)//Eh pai, então não pode editar
   {
      e.Appointment.AllowDelete = e.Appointment.AllowEdit = false;
      e.Appointment.CssClass = "rsAptPai";
      e.Appointment.BorderWidth = Unit.Pixel(1);
      e.Appointment.BorderStyle = BorderStyle.Solid;
      e.Appointment.BorderColor = Color.LightGreen;
      e.Appointment.BackColor = Color.LightGreen;
   }
   else//Eh filho
   {
      e.Appointment.CssClass = "rsAptFilho";
      e.Appointment.BorderWidth = Unit.Pixel(1);
      e.Appointment.BorderStyle = BorderStyle.Solid;
      e.Appointment.BorderColor = Color.Gray;
      e.Appointment.BackColor = ColorTranslator.FromHtml("#FF9999");
      //Filho do usuário corrente
      if (e.Appointment.Attributes["UsuarioCriador"] == GerenciadorSeguranca.GetUsuarioCorrentePersonificado())//é filho e o dono
      {
         e.Appointment.AllowDelete = e.Appointment.AllowEdit = true;
      }
      else//Filho de terceiros
      {
         ((Label)e.Container.FindControl("lblText")).Visible = false;
         e.Appointment.AllowDelete = e.Appointment.AllowEdit = false;
         e.Appointment.BackColor = ColorTranslator.FromHtml("#f6bcbc");
         e.Appointment.BorderColor = e.Appointment.BackColor;
      }
   }
   if (e.Appointment.AllowEdit == false)
      e.Appointment.CssClass += " rsBlockEdit";
 
}


P.S. I think that Telerik would have a better and FASTER support, mainly in give workarounds to your control's limitations because it is a expansive control suite!
0
Peter
Telerik team
answered on 09 Oct 2011, 08:37 AM
Hello Jorge,

Thank you for sharing your workaround!

Your Telerik points have been updated.

Best wishes,
Peter
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
Gopi
Top achievements
Rank 1
answered on 20 Sep 2017, 09:35 AM
I know this is while you have posted , do you have complete code to share ? Thank you in-advance
Tags
Scheduler
Asked by
Peter Briggs
Top achievements
Rank 1
Answers by
Kevin Price
Top achievements
Rank 1
Peter
Telerik team
Jorge
Top achievements
Rank 1
Gopi
Top achievements
Rank 1
Share this question
or