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

disabling mouse Scroll in RadMenu

5 Answers 111 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Arkadiusz
Top achievements
Rank 1
Arkadiusz asked on 21 Feb 2017, 03:54 PM

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?

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 21 Feb 2017, 04:54 PM

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.
0
Arkadiusz
Top achievements
Rank 1
answered on 22 Feb 2017, 08:15 AM

Thank you Rumen!

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

0
Rumen
Telerik team
answered on 22 Feb 2017, 09:56 AM

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.
0
Arkadiusz
Top achievements
Rank 1
answered on 22 Feb 2017, 10:17 AM
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 :(
0
Arkadiusz
Top achievements
Rank 1
answered on 22 Feb 2017, 01:51 PM

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;

Tags
DropDownList
Asked by
Arkadiusz
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Arkadiusz
Top achievements
Rank 1
Share this question
or