Rounded corners

2 posts, 0 answers
  1. Martin
    Martin avatar
    18 posts
    Member since:
    Oct 2018

    Posted 22 Nov 2018 Link to this post

    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

  2. Yana
    Admin
    Yana avatar
    4897 posts

    Posted 23 Nov 2018 Link to this post

    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
Back to Top