We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

SfAutoComplete with border

I use Xamarin.Forms and Syncfusion.Xamarin.SfAutoComplete

It’s possible add border with radius arround SfAutoComplete control?

I am try achieve same look as SfTextInputLayoutStyle with ContainerType Outlined and OutlineCornerRadius 4.

I tried set this:

            <xForms:SfAutoComplete Grid.Column="0"







                                   DataSource="{Binding Departments}"

                                   SelectedItem="{Binding SearchForm.Department}"

                                   DisplayMemberPath="Name" />

but no work. I get this look

3 Replies

MS Mugundhan Saravanan Syncfusion Team March 21, 2019 01:09 PM UTC

Hi Jan Minarik,

Greetings from Syncfusion. 
Query: "SfAutoComplete with border". 
We have analyzed the reported query. In our implementation, we have inherit the EditText control for SfAutoComplete control in the native platform so line should be appeared under the text it's a general behavior. We can overcome this by adding SfAutoComplete inside the SfBorder and set the ShowBorder property as false in SfAutoComplete.  
We have prepared a sample by using the SfAutoComplete inside the SfBorder. Please check the sample and let us know any other concern. 
Code Snippet: 
 <border:SfBorder  BorderColor="Black"  BorderWidth="2" CornerRadius="4">

            <autocomplete:SfAutoComplete Watermark="Departments"         
                                         DataSource="{Binding Collections}" 
                                         SelectedItem="{Binding SelectedItem}" 
                                         DisplayMemberPath="Name" /> 
Please check our UG-Documentation link for SfBorder control to know more information from the following 
Mugundhan S.

JM Jan Minarik March 21, 2019 05:16 PM UTC

Thank you. This solution is OK for me. 

DR Dhanasekar R Syncfusion Team March 22, 2019 11:38 AM UTC

Hi Jan Minarik, 
Glad that the solution works. Please get back to us if any further assistance on this. 

Live Chat Icon For mobile
Up arrow icon