Overlapping appointments display choices?

8 posts, 1 answers
  1. Peter Briggs
    Peter Briggs avatar
    14 posts
    Member since:
    Mar 2010

    Posted 16 Mar 2010 Link to this post

    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.
  2. Kevin Price
    Kevin Price avatar
    49 posts
    Member since:
    Sep 2012

    Posted 16 Mar 2010 Link to this post

    Peter,
    I have asked the same question and been told it is being considered for inclusion in a future release.
  3. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 17 Mar 2010 Link to this post

    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.
  4. Jorge
    Jorge avatar
    3 posts
    Member since:
    Jul 2012

    Posted 03 Oct 2011 Link to this post

    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 ?
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 05 Oct 2011 Link to this post

    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
  6. Jorge
    Jorge avatar
    3 posts
    Member since:
    Jul 2012

    Posted 05 Oct 2011 Link to this post

    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!
  7. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 09 Oct 2011 Link to this post

    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
  8. Gopi
    Gopi avatar
    2 posts
    Member since:
    Jan 2014

    Posted 20 Sep 2017 in reply to Jorge Link to this post

    I know this is while you have posted , do you have complete code to share ? Thank you in-advance
Back to Top