TabControl with Scroll buttons

[Rajesh]

Hi

I am using Silverlight RadTab Control to show different tabs. The area in which i am displaying the tabs is smaller and the number of tab items in the control are larger enought ( say 7-8 tab items). Since the area is small, all my tab heading gets shrinked and displays only partial text.

By applying custom template, i am able to display two arrow on right side of the tab headers and with scroll bar i can get full tabs and scrolling. Now i need following three functionality implemented with this updated style -
1. After hiding the scrollbars visiblity, i would like to handle the events thro' the two arrow added and scroll the items.
2. In case partial tab header is displayed. clicking on the partial tab should display the full tab ( make scroll left/right )
3. Control the visiblity of arrows when the number of tab items fits/unfits in the given area [ Similar to ToolBar menus ].

Would you please provide me a sample with above three functionality. Third functionality if provided then welcome but not mandatory.

-Rajesh

[Miroslav]

Hello Rajesh,

The RadTabControl does not support this scenario out of the box. We are planning to add these features in a future version of the TabControl, but unfortunately currently there is no quick way to implement them.

Sincerely yours,
Miroslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[tungnt185]

Hi all,
Now I'm facing with problem to create a scrollable tab. How I can implement this myself or Telerik team will add this feature in what version. When is it released?

[Valentin.Stoychev]

Hi Taufik Hidayat,

This functionality will be available in Q3 for sure. We will have a beta version available for download within 6 weeks. As Miro mentioned below - there is not easy way to code this yourself. I hope that this time range is suitable for you.

Best wishes,
Valentin.Stoychev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Alan Sauls]

What is the status of this implementation?

[Valentin.Stoychev]

Hello Alan Sauls,

This is done and is available since the first beta of Q3. Today we are releasing beta2 so you may want to wait for a few hours to get the latest bits.

Please let us know if you have any feedback on that feature.

Regards,
Valentin.Stoychev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[hwsoderlund]

Hi, I have a question on this feature: How do I turn it off? :) Although cool and useful, there are certain situations where I do not want it. Take a look at the attached screen shots. I'm using the tab control to display a large (and growing) number of "permission groups" within a system role. Although not the perfect GUI (it's cluttered, I know) it did actually give you a nice overview of things. After the Q3 release about 70% of the tabs are initially hidden. So, how do I disable this? I looked for something like a "UseScrollButtons" property but could not find it.

Regards,
/Henrik

[Kiril Stanoev]

Hi Henrik,

You can achieve this functionality by doing couple of things. First you will have to set ScrollViewer.HorizontalScrollBarVisibility="Disabled" of RadTabCotnrol. Second, you will have to change the ItemsPanel of RadTabControl to RadWrapPanel.

<telerikNavigation:RadTabControl x:Name="tabControl1" Width="500" Height="400" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <telerikNavigation:RadTabControl.ItemsPanel>
        <ItemsPanelTemplate>
            <telerik:RadWrapPanel />
        </ItemsPanelTemplate>
    </telerikNavigation:RadTabControl.ItemsPanel>
</telerikNavigation:RadTabControl>

Give this approach a try and let me know how it works for you. I have also attached a sample project demonstrating this functionality.

All the best,
Kiril Stanoev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[hwsoderlund]

Excellent! While I'm sure we can all agree that attached properties are a godsend, they sometimes make it difficult to find simple things in VS. Thank you!