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

scroling radmenu farther

2 Answers 32 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Arkadiusz
Top achievements
Rank 1
Arkadiusz asked on 12 Jan 2017, 02:39 PM

Hello!

 

Is there a possibility to scroll list od items inside radmenu by more elements than just 1? My goal is to move all visible elements.

eg: I have 30 elements, but window width allows me to show only 10, so after clicking on the arrow I would like elements from 11 to 20 to be shown.
Thanks for all the answers!

2 Answers, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 17 Jan 2017, 10:22 AM
Hello Arkadiusz,

This scenario could be achieved by using custom implementation. It would require custom calculation of the scrolling position and subscribing to the click event of the span elements with class .rmArrow. The top arrow has also a .rmTopArrow class ​and the bottom arrow - .rmBottomArrow.

In the click event handler the following function could be used to scroll the menu: 
var $ = $telerik.$;
$(".rmExpanded .rmVertical")[0].style.top = "-80px";

Regards,
Peter Milchev
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 23 Jan 2017, 08:55 AM

Hello! Thanks for answer!<br>

The problem is I can't use jQuery and I'm sentenced to ie8 :(<br>
Furthermore, even If I add new action to arrows (rmLeftArrow and rmRightArrow classes) by arrow.onclick bar with elements (rmRootScrollGroup class) moves as it was. <br>
After creating additional function to other elements (other than embaded arows) to moving the bar it moves, but after clicking on telerik's arrows (or even mouseover them) bar backs to starting position and then moves. That means there is some variable holding "left" css property of he bar. <br>
The easiest way to achieve it would be detaching all the events for clicking/mouseover on arrows and windows resize. But even after window.onresize = null nothing changes. <br>
Is there some way to move this further without script in inerval?

Tags
Menu
Asked by
Arkadiusz
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Arkadiusz
Top achievements
Rank 1
Share this question
or