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

Rounded corners

1 Answer 154 Views
SegmentedControl
This is a migrated thread and some comments may be shown as answers.
Martin
Top achievements
Rank 1
Martin asked on 22 Nov 2018, 01:57 PM

Hello,

is there any possibility for setting rounded corners on the outer buttons on Android and UWP like seen on iOS?

From Telerik segmented control overview

here phone number 3:

From Telerik Docs

 

Thank you,

regards Martin

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 23 Nov 2018, 09:01 AM
Hello Martin,

RadSegmentedControl does not provide such an option itself, however, you could achieve it using our RadBorder control. All you need to do is to wrap SegmentedControl inside Border and set a few color properties. Here is a quick example:

<telerikPrimitives:RadBorder BorderColor="#4488F6" CornerRadius="5" VerticalOptions="Start">
    <telerikInput:RadSegmentedControl x:Name="segmentControl"
                                    HeightRequest="60"
                                    VerticalOptions="Start"
                                    SelectedSegmentBackgroundColor="#4488F6">
        <telerikInput:RadSegmentedControl.ItemsSource>
            <x:Array Type="{x:Type x:String}">
                <x:String>Popular</x:String>
                <x:String>Library</x:String>
                <x:String>Playlists</x:String>
                <x:String>Friends</x:String>
            </x:Array>
        </telerikInput:RadSegmentedControl.ItemsSource>
    </telerikInput:RadSegmentedControl>
</telerikPrimitives:RadBorder>

I hope this would be helpful.

Regards,
Yana
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
SegmentedControl
Asked by
Martin
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or