Articles in this section
Category / Section

How to create a rounded corner SfTextInputLayout in Xamarin.Forms

1 min read

This section explains how to set TextInputLayout with rounded corner as below.

 

TextInputLayout with rounded corner

 

Step 1: Refer to this Getting started  documentation to create a simple SfTextInputLayout sample in Xamarin.Forms.

 

Step 2: Set a value for the OutlineCornerRadius property of SfTextInputLayout control as below.

 

xmlns:textInputLayout ="clr-namespace:Syncfusion.XForms.TextInputLayout;assembly=Syncfusion.Core.XForms"
 
..
       
 <textInputLayout:SfTextInputLayout Hint="Name" ContainerType="Outlined"    
                                       OutlineCornerRadius="10" FocusedColor="Blue" UnfocusedColor="Green">
            
                            <Entry Text="James"/>
 
        </textInputLayout:SfTextInputLayout>

 

See Also

What are the supported input views

How to customize the font in Xamarin.Forms SfTextInputLayout

How to customize the hint text position

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied