Disabling arrows on appointments overlapping the edge of the timeline view

7 posts, 1 answers
  1. Testman
    Testman avatar
    8 posts
    Member since:
    Jul 2010

    Posted 13 Apr 2011 Link to this post

    I have a RadScheduler that's showing meetings using the timeline view. Meetings that overlap the edge of the view gets an arrow that you can click to move the view and see the rest of that meeting. A great feature, but right now I need to disable it. How do I accomplish that? I wouldn't mind keeping the arrows and just disabling the action that gets performed.

    Thanks
  2. Answer
    Veronica
    Admin
    Veronica avatar
    1213 posts

    Posted 14 Apr 2011 Link to this post

    Hello Testman,

    You can acces the right and left arrows in the timelineview and hide them by the following css :

    .rsArrowLeft, .rsArrowRight 
            
                visibility: hidden
            }

    Hope this helps.

    Regards,
    Veronica Milcheva
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Testman
    Testman avatar
    8 posts
    Member since:
    Jul 2010

    Posted 14 Apr 2011 Link to this post

    Works like a charm.

    Thanks
  5. Velu
    Velu avatar
    4 posts
    Member since:
    Jun 2013

    Posted 30 Dec 2014 Link to this post

    How about removing the up arrow and down arrow in day view. I tried .rsPrevDay and .rsNextDay and is not working.
  6. Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 02 Jan 2015 Link to this post

    Hello,

    Here is the CSS that worked at my side:
    .rsArrowWrap {
         display:none;
         }

    Hope this will be helpful.

    Regards,
    Plamen
    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.

     
  7. Bicky
    Bicky avatar
    2 posts
    Member since:
    Feb 2015

    Posted 21 Apr 2015 in reply to Veronica Link to this post

    Hi All,

    Could you tell me how to make those left and right arrows just Read only or visible but disable so that users won't be able to click on it? 

    Thanks

    Bicky

     

  8. Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 23 Apr 2015 Link to this post

    Hi Bicky,

    Here is the code that i added to achieve such behavior at my side:
    (function() {
            var $ = $telerik.$,
                $T = Telerik.Web.UI,
                $TS = $T.Scheduler;
     
            $T.RadScheduler.prototype._onPreviousDayClick = function(e) {
                e.stopPropagation();
                e.preventDefault();
            }
            $T.RadScheduler.prototype._onNextDayClick = function(e) {
                e.stopPropagation();
                e.preventDefault();
            }
            })()

    Hope this will help you solve the issue.

    Regards,
    Plamen
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017