Customize RadTabView "More" button using code behind

[Klayton]

Good afternoon,

First sorry for my bad English.

I added several buttons to a RadTabView, the "More" button is displayed automatically. But how do I customize the design via code behind this button? Add an icon and text.

 

Thanks

[Didi]

Hello Klayton,

Thank you for your interest in TabView control.

In order to customize the overflow button you need to use the OverflowButtonTemplate property of the TabViewHeader. For example:

<telerikPrimitives:RadTabView x:Name="tabView" HeaderPosition="Bottom">
    <telerikPrimitives:RadTabView.Header>
        <telerikPrimitives:TabViewHeader BackgroundColor="Orange" >
            <telerikPrimitives:TabViewHeader.OverflowButtonTemplate>
                <DataTemplate>
                    <Label Margin="3,0,3,0"
                            BackgroundColor="Red"
                            Text=" + " />
                </DataTemplate>
            </telerikPrimitives:TabViewHeader.OverflowButtonTemplate>
        </telerikPrimitives:TabViewHeader>
    </telerikPrimitives:RadTabView.Header>
    <telerikPrimitives:RadTabView.Items>
        <telerikPrimitives:TabViewItem HeaderText="Tab1 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab2 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab3 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab4 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab5 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab6 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab7 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab8 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab9 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab10 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab11 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab12 " />
        <telerikPrimitives:TabViewItem HeaderText="Tab13 " />
    </telerikPrimitives:RadTabView.Items>
</telerikPrimitives:RadTabView>

I hope this will help you achieve the requirements you have.

Regards,
Didi
Progress Telerik

[Klayton]

Thank you, I

 

will test this solution. Would it be possible to implement TabView as a horizontal scroll bar for the user to scroll between items?

:)

 

[Didi]

Hello Klayton,

Regarding to the question: " Would it be possible to implement TabView as a horizontal scroll bar for the user to scroll between items?" Currently this is not supported by the control. We have this logged as a feature request in our feedback portal. You can follow and vote for the item at the link below:

https://feedback.telerik.com/xamarin/1366063-tabview-support-sliding-in-the-header

Also in the feedback item from the link above you can check the provided temporary solution.

Regards,
Didi
Progress Telerik