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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

SfAutoComplete with border

Thread ID:

Created:

Updated:

Platform:

Replies:

143452 Mar 20,2019 04:50 PM UTC Mar 22,2019 11:38 AM UTC Xamarin.Forms 3
loading
Tags: SfAutoComplete
Jan Minarik
Asked On March 20, 2019 04:50 PM UTC

I use Xamarin.Forms 3.6.0.264807 and Syncfusion.Xamarin.SfAutoComplete 17.1.0.32-beta.

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"

                                   Grid.Row="2"

                                   Watermark="Departments"

                                   SuggestionMode="StartsWith"

                                   ShowBorder="True"

                                   BorderColor="Black"

                                   DropDownCornerRadius="4"

                                   DataSource="{Binding Departments}"

                                   SelectedItem="{Binding SearchForm.Department}"

                                   DisplayMemberPath="Name" />


but no work. I get this look



Mugundhan Saravanan [Syncfusion]
Replied On 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"         
                                         MinimumHeightRequest="40" 
                                         ShowBorder="False"                              
                                         DataSource="{Binding Collections}" 
                                         SelectedItem="{Binding SelectedItem}" 
                                         DisplayMemberPath="Name" /> 
        </border:SfBorder> 
 
 
 
Screenshot: 
 
 
Sample 
 
Please check our UG-Documentation link for SfBorder control to know more information from the following 
 
 
 
Thanks,
Mugundhan S.
 


Jan Minarik
Replied On March 21, 2019 05:16 PM UTC

Thank you. This solution is OK for me. 

Dhanasekar R [Syncfusion]
Replied On 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. 
 
Regards, 
Dhanasekar 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;