Borderless Entries in Xamarin.Forms

To use entries with no borders in Xamarin.Forms you need to create a custom element. Luckily this is done pretty quickly with two damn simple custom renderers and I’ll show you how to do it!

Create a new entry control

Because we do not want that every entry in our application will be borderless we need to create a new entry control. To do so create a new class in your shared project called BorderlessEntry.cs and inherit from Xamarin.Forms.Entry.

Now you just have to write the custom renderer.

iOS Renderer

To remove the entry border for iOS devices create a new custom renderer inside the iOS project.

As you can see it’s pretty simple to remove the border. All we need to do is to call the OnElementChanged method and set the border style to .None.

Android Renderer

The custom renderer for android is just as simple as the one for ios. the custom renderer for android looks like this.

Use the entry

That’s it! Pretty simple, isn’t it?
Now you are ready to use your borderless entry.

One thought on “Borderless Entries in Xamarin.Forms

    I am genuinely happy to read this webpage posts which carries tons of valuable data, thanks for providing these kinds of data.

Leave a Reply

Your email address will not be published.