Navigation arrow not working

4 posts, 1 answers
  1. Miłosz
    Miłosz avatar
    2 posts
    Member since:
    Jul 2012

    Posted 01 Mar Link to this post

    Hi,

    I've problem with TabControl inside RadBusyIndicator. Lower navigation arrow is disabled when there is no space for all TabItem headers. It's enabled only when I'm click on random header. If I remove TabControl from indicator, arrow is enabled and everything works fine. I attached sample project with this problem (change jpg extension to zip).

     

    OS: Windows 10

    Silverlight: 5

    Telerik product version: 2019.1.128.1050

  2. Answer
    Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    444 posts

    Posted 06 Mar Link to this post

    Hello Miłosz,

    Thank you for the provided sample project.

    I was able to reproduce the described behavior on my end. I investigated it and in order to avoid it, you can handle the Loaded event of the RadTabControl and call the ScrollToHorizontalOffset method of the ScrollViewer inside the RadTabControl. You can access it, using the ChildrenOfType extension method. Here is what I have in mind:
    private void RadTabControl_Loaded(object sender, RoutedEventArgs e)
            {
                var tabControl = sender as RadTabControl;
     
                var scrollViewer = tabControl.ChildrenOfType<ScrollViewer>().FirstOrDefault();
                Dispatcher.BeginInvoke(new Action(() =>
                {
                    scrollViewer.ScrollToHorizontalOffset(5);
                }));
            }

    Can you give this approach a try and let me know how it goes?

    I am looking forward to your reply.

    Regards,
    Vladimir Stoyanov
    Progress Telerik
    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. Miłosz
    Miłosz avatar
    2 posts
    Member since:
    Jul 2012

    Posted 07 Mar in reply to Vladimir Stoyanov Link to this post

    thank you, I tested your solution and it works just fine :) Is that going to be fixed on next release or this 'hack' must stay forever in our code? ;)

  4. Vladimir Stoyanov
    Admin
    Vladimir Stoyanov avatar
    444 posts

    Posted 12 Mar Link to this post

    Hello Milosz,

    I am glad to hear that my suggestion was helpful. 

    I have logged an item in our feedback portal for this scenario: TabControl: Incorrect navigation behavior when the control is placed within a BusyIndicator. I have also updated your telerik points for bringing this to our attention. 

    I am afraid that I cannot commit to a certain time frame for a possible fix. That said, you can follow the feedback item in order to get notified for any developments. 

    Regards,
    Vladimir Stoyanov
    Progress Telerik
    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.
Back to Top