Issues related to scrolling in RadNavigationView

1 Answer 12 Views
NavigationView
Alakay
Top achievements
Rank 1
Alakay asked on 23 Jun 2025, 06:48 AM | edited on 24 Jun 2025, 01:37 AM

This is a test program for RadNavigationView. I've added 20 RadPageViewPages inside the RadNavigationView, and each page contains a UserControl. After adding 20 pages, a vertical scrollbar appears in the pageList area. However, after switching between pages once, when I scroll within a UserControl using the mouse, the scrollbar in the pageList area also moves simultaneously, which affects my usage. Is there a way to solve this issue?

1 Answer, 1 is accepted

Sort by
1
Accepted
Dinko | Tech Support Engineer
Telerik team
answered on 23 Jun 2025, 12:53 PM

Hello Alakay,

Thank you for reaching out to us.

The UserControl does not handle the mouse input, and they bubbles it to the parent, which is the RadNavigationView control. In a case, you will have a scrollable content in the UserControl, you can use our RadScrollablePanel set to Dock.Fill. The panel will handle the mouse wheel. This way, you can scroll the UserControl and the navigation elements separately. 

I have prepared a sample project to demonstrate this approach.

    Regards,
    Dinko | Tech Support Engineer
    Progress Telerik

    Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

    Alakay
    Top achievements
    Rank 1
    commented on 24 Jun 2025, 01:32 AM | edited

    Thank you very much! You've taught me some new knowledge points. I'm also very sorry that I didn't express my needs clearly. My main issue is that I have a RadPropertyGrid placed inside a UserControl, and it's set to ReadOnly = true. When I want to scroll through the information in the RadPropertyGrid, the PropertyGrid scrolls, but at the same time, the navigation elements also scroll. I don't want them to scroll simultaneously. I've noticed that the PropertyGrid in the .NET components doesn't behave like this.
    Dinko | Tech Support Engineer
    Telerik team
    commented on 24 Jun 2025, 08:31 AM

    Thank you for elaborating on your scenario. The RadPropertyGrid has its own logic for handling the mouse wheel logic. What I can suggest here is to place first a RadPanel and add the RadPropertyGrid as a child. Both the panel and the control can have Dock property set to Fill. Then you can handle the MouseWheel event as it bubbles from the RadPropertyGrid. This way we can stop it before moving to the RadNavigationView:

    public partial class UserControl3 : UserControl
    {
        // RadPanel 
            // RadPropertyGrid
        public UserControl3()
        {
            InitializeComponent();
            this.radPropertyGrid1.SelectedObject = new RadButton();
            this.radPanel1.MouseWheel += RadPanel1_MouseWheel;
        }
    
        private void RadPanel1_MouseWheel(object sender, MouseEventArgs e)
        {
            ((HandledMouseEventArgs)e).Handled = true;
        }
    }

    Alakay
    Top achievements
    Rank 1
    commented on 24 Jun 2025, 09:54 AM | edited

    That's fantastic! It's precisely the effect I was hoping for! You not only helped me solve the problem but also made me understand the principle behind it.Thank you so, so, so much!
    Tags
    NavigationView
    Asked by
    Alakay
    Top achievements
    Rank 1
    Answers by
    Dinko | Tech Support Engineer
    Telerik team
    Share this question
    or