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
8 Answers, 1 is accepted
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.
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?
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.
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.
Regards,
/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.