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

Navigation arrow not working

3 Answers 48 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Miłosz
Top achievements
Rank 1
Miłosz asked on 01 Mar 2019, 05:56 PM

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

3 Answers, 1 is accepted

Sort by
0
Accepted
Vladimir Stoyanov
Telerik team
answered on 06 Mar 2019, 02:33 PM
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.
0
Miłosz
Top achievements
Rank 1
answered on 07 Mar 2019, 11:03 AM

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? ;)

0
Vladimir Stoyanov
Telerik team
answered on 12 Mar 2019, 09:23 AM
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.
Tags
TabControl
Asked by
Miłosz
Top achievements
Rank 1
Answers by
Vladimir Stoyanov
Telerik team
Miłosz
Top achievements
Rank 1
Share this question
or