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

Customize RadTabView "More" button using code behind

3 Answers 22 Views
TabView
This is a migrated thread and some comments may be shown as answers.
Klayton
Top achievements
Rank 1
Veteran
Klayton asked on 19 Feb 2020, 06:12 PM

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

3 Answers, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 20 Feb 2020, 12:50 PM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Klayton
Top achievements
Rank 1
Veteran
answered on 20 Feb 2020, 02:52 PM

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?

:)

 

0
Didi
Telerik team
answered on 21 Feb 2020, 07:17 AM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
TabView
Asked by
Klayton
Top achievements
Rank 1
Veteran
Answers by
Didi
Telerik team
Klayton
Top achievements
Rank 1
Veteran
Share this question
or