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

Move Tabs

1 Answer 79 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Hamed
Top achievements
Rank 2
Hamed asked on 14 Jul 2014, 11:01 AM
Hi there,

How can i move tabs like what I'm showing in attached image?

1 Answer, 1 is accepted

Sort by
0
Martin Ivanov
Telerik team
answered on 15 Jul 2014, 02:33 PM
Hi Hamed,

I am not sure that I completely understand your scenario, but I guess you want to display the items at the top part of the tab control, instead of the bottom. If so, you can slightly edit the ControlTemplate of the RadTabControl. In general you can find the ItemsPresenter placed in the ScrollViewer with x:Name set to "ScrollViewerElement" and set its HorizontalAlignment property to Right.
......
<ScrollViewer x:Name="ScrollViewerElement" BorderThickness="0" HorizontalScrollBarVisibility="{Binding (ScrollViewer.HorizontalScrollBarVisibility), RelativeSource={RelativeSource TemplatedParent}}" IsTabStop="False" Margin="2,4,2,0" VerticalScrollBarVisibility="Disabled">
    <ScrollViewer.Style>
        ......
    </ScrollViewer.Style>
    <ItemsPresenter HorizontalAlignment="Right"/>
</ScrollViewer>
.......

Please let me know if this is what you are looking for. Otherwise can you please elaborate more an your scenario by giving me more details for your requirement. Thank you for any help you can provide.

Regards,
Martin
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
Tags
TabControl
Asked by
Hamed
Top achievements
Rank 2
Answers by
Martin Ivanov
Telerik team
Share this question
or