disabling mouse Scroll in RadMenu

6 posts, 0 answers
  1. Arkadiusz
    Arkadiusz avatar
    9 posts
    Member since:
    Jan 2017

    Posted 21 Feb 2017 Link to this post

    Is there a possibility to disable mouse scrolling in radmenu?

    I tried to add IsMouseWheelEnabled="False" among other properties in aspx file, but nothing changes.

                        <telerik:RadMenu ID="ActionListMenu" SkinID="Menu" OnItemDataBound="OnActionButtonDataBound" 
                            Width="100%" Flow="Horizontal" runat="server" DefaultGroupSettings-Flow="Horizontal" 
                            IsMouseWheelEnabled="False" DefaultGroupSettings-RepeatColumns="1" CssClass="ActionsBar">
                        </telerik:RadMenu>

    I also found element of "rmRootScrollGroup" class name but because of my browser version I am not abled to turning it off like:

    rmRootScrollGroup.onwheel = null;

    Is there any other way to disabling strolling by mouse wheel?

  2. Rumen
    Admin
    Rumen avatar
    13302 posts

    Posted 21 Feb 2017 Link to this post

    Hello Arkadiusz,

    You can get a reference using jQuery to the Menu element holding the scroll and disable the mouse wheel.

    If you need further help, please open a support ticket and provide a working sample.

    Regards,
    Rumen
    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.
  3. Arkadiusz
    Arkadiusz avatar
    9 posts
    Member since:
    Jan 2017

    Posted 22 Feb 2017 in reply to Rumen Link to this post

    Thank you Rumen!

    Unfortunately I can't use jQuery and I stuck in ie8.

  4. Rumen
    Admin
    Rumen avatar
    13302 posts

    Posted 22 Feb 2017 Link to this post

    You can inspect with IE dev toolbar the scroll element and hide it with CSS with display: none. 

    Note that IE8 is no longer supported as of R1 2017 - http://www.telerik.com/aspnet-ajax/tech-sheets/browser-support

     

    Regards,
    Rumen
    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.
  5. Arkadiusz
    Arkadiusz avatar
    9 posts
    Member since:
    Jan 2017

    Posted 22 Feb 2017 in reply to Rumen Link to this post

    I'm afraid the mouse scrolling action is attached to rmRootScrollGroup, so after hiding or disabling it entire functionality could got crushed. rmRootScrollGroup element is the bar with buttons on it, the bar which is moving so It has to be there :(
  6. Arkadiusz
    Arkadiusz avatar
    9 posts
    Member since:
    Jan 2017

    Posted 22 Feb 2017 in reply to Arkadiusz Link to this post

    The way to remove all events is to clone element and then remove original one:

    var actionsBar; // element of "rmRootScrollGroup" class

    var clone = actionsBar.cloneNode();

     

    while (actionsBar.lastChild) {
    clone.appendChild(actionsBar.firstChild);
    }

    actionsBar.parentNode.replaceChild(clone, actionsBar);
    actionsBar = clone;

Back to Top