Articles in this section
Category / Section

How to create a rounded corner in .NET MAUI TextInputLayout?

2 mins read

This section explains how to create rounded corners for the .NET MAUI TextInputLayout control to enhance the visual appeal of your user interface.

By utilizing the ContainerType property and configuring the OutlineCornerRadius, you can achieve a stylish outlined style with rounded corners.

Steps:

Step 1: Use ContainerType Property

To create a visually appealing outlined style with rounded corners, leverage the ContainerType property of the .NET MAUI TextInputLayout control. This property allows you to specify the appearance of the input field container.

Step 2: Configure OutlineCornerRadius

To achieve the desired curvature of the rounded corners, utilize the OutlineCornerRadius property within the TextInputLayout. This property enables you to set the radius value for the rounded corners.

XAML

   <inputLayout:SfTextInputLayout  Hint="Name" 
                                   ContainerType="Outlined"  
                                   HeightRequest="100"
                                   WidthRequest="250"                                  
                                   OutlineCornerRadius="20">                                   
                           <Entry  Text="James"/>
  </inputLayout:SfTextInputLayout>

Output

TIL_Roundedcorner.png

Conclusion

Hope you enjoyed learning about how to create a rounded corner in the NET MAUI TextInputLayout.

You can refer to our .NET MAUI TextInputLayout feature tour page to learn about its other groundbreaking feature representations. You can explore our .NET MAUI TextInputLayout documentation to understand how to present and manipulate data.

For current customers, you can check out our .NET MAUI components from the License and downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our .NET MAUI TextInputLayout and other .NET MAUI components.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct - Trac, or feedback portal. We are always happy to assist you!

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