How to remove outer border of the searchbar in MAUI

Question

Need to hide the outer border.

Answer 1

Hello,

You could refer to the solution proposed in the How to redesign the searchbar in .NET MAUI and put the corresponding Style into App.xaml.

Then, you could search for <Setter Property="BorderThickness" in <Style TargetType="TextBox" x:Key="AutoSuggestBoxTextBoxStyle"> code block.

After that, you need to set the value of BorderThickness to 0 to remove outer border:

<Setter Property="BorderThickness" Value="0" />

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.