preventing client appointment resize

10 posts, 0 answers
  1. ewart
    ewart avatar
    221 posts
    Member since:
    Jan 2007

    Posted 09 Apr 2008 Link to this post

    Hi, this is embarrasing but I can't seem to find a property to disable the client resizing the appointments.  Moving, adding and editing is OK but clients are not allowed to change the length of the appointment. 

    I can prevent the event with OnClientAppointmentResizeStart(), but it makes no sense to have the option there and then cancel it, thats just confusing UI design - I want to remove the resize iconography period.   (which presumably means slighly less JS is generated too).

    regards
    ewart
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Apr 2008 Link to this post

    Hello Ewart,

    You can hide the resizing bar with the following css selector:

    .rsAptWrap .rsAptResize  
        {  
            visibilityhidden;  
        } 



    Kind regards,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. ewart
    ewart avatar
    221 posts
    Member since:
    Jan 2007

    Posted 13 Apr 2008 Link to this post

    Thanks Peter the css change works nicely.  A property for the same might be a nice feature at some point, for those of us without your css talents :)

    cheers
  4. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 14 Apr 2008 Link to this post

    Hello Ewart,

    Thanks for the suggestion. We may create a KB to include this case and a few other - we just need to think of what would be most useful to show.

    Greetings,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. bad nick
    bad nick avatar
    24 posts
    Member since:
    May 2009

    Posted 17 Mar 2010 Link to this post

    Hi, I was also looking for same property (e.g. AllowResize) and got here. The above css did not work , but this did:

        .rsAptResize   
        {   
            visibilityhidden;   
        }  

    possibly, because I am using an <AppointmentTemplate>

    Regards,
    Rus
  6. Vasssek
    Vasssek avatar
    151 posts
    Member since:
    Aug 2010

    Posted 17 Dec 2016 in reply to bad nick Link to this post

    Hello,

    I need an advice. How to hide a resize bar programmatically ? I tried it as :

    .hideAllowResizeApt.rsAptResize {
    visibility: hidden;
    }

    And from server side I tried to assign custom class:

    protected void RadScheduler1_Load(object sender, EventArgs e)
    {
                RadScheduler1.AddCssClass("hideAllowResizeApt");
    }

    But it didn't apply.

    Please help me to solve this issue

    Thank you

    Best regards

    Vassek

  7. Bozhidar
    Admin
    Bozhidar avatar
    1108 posts

    Posted 21 Dec 2016 Link to this post

    Hello,

    The styles defined in such a way search for an element with both classes. You need to find an element with rsAptResize class inside​ an element with ​hideAllowResizeApt​ class. Change the style declaration to the following and it should work as expected:
    .hideAllowResizeApt .rsAptResize {
        visibility: hidden;
    }


    Regards,
    Bozhidar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8. Vasssek
    Vasssek avatar
    151 posts
    Member since:
    Aug 2010

    Posted 25 Dec 2016 in reply to Bozhidar Link to this post

    OK, that's clear. The question is, how to assign this class only to current appointment based on some condition from server side. It should be as appointment, maybe in server event OnAppointmentsPopulating ?

    Thank you

    Best regards

    Vasssek

  9. Bozhidar
    Admin
    Bozhidar avatar
    1108 posts

    Posted 26 Dec 2016 Link to this post

    Hello,

    The AppointmentCreated event is what you need:
    http://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/server-side-programming/server-events/appointmentcreated

    Regards,
    Bozhidar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  10. Vasssek
    Vasssek avatar
    151 posts
    Member since:
    Aug 2010

    Posted 26 Dec 2016 in reply to Bozhidar Link to this post

    Hello,

    thank you, it worked as you suggest, but I did it in RadScheduler1_AppointmentDataBound event. CSS style is here:

    .hideAllowResizeApt > span.rsAptResize {
    visibility: hidden;
    }

    Hope it helps somebody :-)

Back to Top