Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
---
layout : post
title : MinimumPrefixCharacters for Syncfusion® AutoComplete Control in Xamarin.Android
description : Learn how to set the MinimumPrefixCharacter in SfAutoComplete
platform : Xamarin.Android
control : SfAutoComplete
documentation : ug
layout: post
title: Syncfusion® AutoComplete MinimumPrefixCharacters Android
description: Learn how to set MinimumPrefixCharacter property in SfAutoComplete to define minimum characters needed for suggestion dropdown display.
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---


# Customizing the Suggestion DropDown

The suggestion list displaying behavior can be customized based on the entered text and delays in displaying the items.
The suggestion list display behavior can be customized based on the entered text and delays in displaying the items.

## Set Minimum Prefix Character
## Set Minimum Prefix Characters

Instead of displaying suggestion list on every text entry, the most possible match can be filtered and displayed after few text entries. This can be done by modifying `MinimumPrefixCharacters`.
Instead of displaying the suggestion list on every text entry, you can filter and display the most relevant matches after a few text entries. This can be achieved by modifying the `MinimumPrefixCharacters` property.

N> The default property value is 1.

Expand All @@ -32,9 +32,9 @@ countryAutoComplete.MinimumPrefixCharacters = 4;

## Set PopUp Delay

We can delay the time taken to display the dropdown with suggestion list by using the `PopUpDelay` property in SfAutoComplete .
You can delay the time taken to display the dropdown with the suggestion list by using the `PopUpDelay` property in SfAutoComplete.

N> The default value is 0. The property value is maintained in milliseconds.
N> The default value is 0. The property value is specified in milliseconds.

{% tabs %}

Expand All @@ -46,9 +46,9 @@ countryAutoComplete.PopUpDelay = 100;

{% endtabs %}

## Set Maximum Height to the DropDown
## Set Maximum Height for the DropDown

The height of the drop-down portion of the SfAutocomplete control can be varied using `MaximumDropDownHeight` property.
The height of the dropdown portion of the SfAutoComplete control can be customized using the `MaximumDropDownHeight` property.

N> The `MaximumDropDownHeight` value can be any positive integer value.

Expand All @@ -64,9 +64,9 @@ countryAutoComplete.MaximumDropDownHeight = 200;

![Maximum drop down height](images/maximumdropdownheight.png)

## Set border color to the DropDown
## Set Border Color for the DropDown

The DropDownBorderColor property is used to change the border color of DropDown. The following code example demonstrates how to change the border color of DropDown.
The `DropDownBorderColor` property is used to change the border color of the dropdown. The following code example demonstrates how to change the border color of the dropdown.

{% tabs %}

Expand Down
21 changes: 9 additions & 12 deletions xamarin-android/SfAutoComplete/Diacritic-Sensitivity.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
layout : post
title : Diacritic sensitivity in Syncfusion® SfAutoComplete control for Xamarin.Android
description : Learn how to enable and disable Diacritic sensitivity in SfAutoComplete
platform : Xamarin.Android
control : SfAutoComplete
documentation : ug
layout: post
title: Syncfusion® SfAutoComplete Diacritic Sensitivity Android
description: Learn how to enable and disable diacritic sensitivity in SfAutoComplete for multilingual text search
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---

# Diacritic Sensitivity

The control does not stick with one type of keyboard, so you can populate items from a language with letters containing diacritics, and search for them with English characters from an en-US keyboard. Users can enable or disable the diacritic sensitivity with the `IgnoreDiacritic` property.
The control supports multiple keyboard types, allowing you to populate items from languages with diacritical marks and search for them using English characters from an en-US keyboard. Users can enable or disable diacritic sensitivity using the `IgnoreDiacritic` property.

In the below code example we have illustrate how to enable the diacritic sensitivity so that items in the suggestion list get populated by entering any diacritic character of that alphabet.
The following code example demonstrates how to disable diacritic sensitivity so that items in the suggestion list are populated when entering any diacritic character of that alphabet.


{% tabs %}
Expand Down Expand Up @@ -39,7 +39,4 @@ countryAutoComplete.IgnoreDiacritic=false;

{% endtabs %}

![](images/diacritic.png)



![Diacritic sensitivity example](images/diacritic.png)
39 changes: 19 additions & 20 deletions xamarin-android/SfAutoComplete/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
---
layout : post
title : Getting Started with Syncfusion® AutoComplete Control for Xamarin.Android
description : A quick tour to initial users on Syncfusion® SfAutoComplete control for Xamarin.Android platform
platform : Xamarin.Android
control : SfAutoComplete
documentation : ug
layout: post
title: Syncfusion® AutoComplete Getting Started for Android
description: A quick tour and step-by-step guide for initial users to get started with Syncfusion® SfAutoComplete control implementation in Xamarin.Android
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---

# Getting Started

This section explains you the steps to configure a SfAutoComplete control in a real-time scenario and also provides a walk-through on some of the customization features available in SfAutoComplete control.
This section explains the steps to configure an SfAutoComplete control in a real-time scenario and also provides a walk-through on some of the customization features available in the SfAutoComplete control.

## Referencing Essential Studio<sup>®</sup> Components in Your Solution

After installing Essential Studio<sup>®</sup> for Xamarin, you can find all the required assemblies in the installation folders,
After installing Essential Studio<sup>®</sup> for Xamarin, you can find all the required assemblies in the installation folders:

{Syncfusion Installed location}\Essential Studio\12.4.0.24\lib

Add the following assembly references to the Android project,
Add the following assembly reference to the Android project:

android\Syncfusion.SfAutoComplete.Android.dll

### Add SfAutoComplete

The following steps helps to add a SfAutoComplete control through code.
The following steps help to add an SfAutoComplete control through code.

* Adding namespace for the added assemblies.

Expand Down Expand Up @@ -59,9 +59,9 @@ SetContentView(linearLayout);

## Add Items

A list of string with country names are created and added to auto complete source. This list will be populated as suggestion list by setting the `AutoCompleteSource` property based on text entry .
A list of strings with country names is created and added to the AutoComplete source. This list will be populated as a suggestion list by setting the `AutoCompleteSource` property based on text entry.

You can set the suggestion list to the SfAutoComplete using the property `AutoCompleteSource`. Add the AutoCompleteSource for the SfAutoComplete as follows.
You can set the suggestion list to the SfAutoComplete using the `AutoCompleteSource` property. Add the AutoCompleteSource for the SfAutoComplete as follows:

{% tabs %}

Expand Down Expand Up @@ -94,9 +94,9 @@ SetContentView(linearLayout);

## Set Filter Mode

Filters can be applied to the displayed items based on starting letter. We can also append the first item from the suggested list to the TextBox. This can be done by using the `SuggestionMode` and `AutoCompleteMode` properties in SfAutoComplete control.
Filters can be applied to the displayed items based on the starting letter. You can also append the first item from the suggested list to the TextBox. This can be achieved by using the `SuggestionMode` and `AutoCompleteMode` properties in the SfAutoComplete control.

The following example shows the SfAutoComplete control which suggest the country list starting with the letter U.
The following example shows the SfAutoComplete control which suggests countries from the list starting with the letter "U":

{% tabs %}

Expand Down Expand Up @@ -132,13 +132,12 @@ SetContentView(linearLayout);

{% endtabs %}

![](images/gettingstarted.png)

## Creating AutoComplete control in AXML layout
![AutoComplete getting started example](images/gettingstarted.png)
## Creating AutoComplete Control in AXML Layout

Create a new blank application for Android using Visual Studio. Add reference to the required assemblies in the project.

Add the following code in the Main.axml file to include SfAutoComplete control.
Add the following code in the Main.axml file to include the SfAutoComplete control:

{% tabs %}

Expand All @@ -160,9 +159,9 @@ android:id="@+id/autocomplete" />

{% endtabs %}

Add the following code in MainActivity.cs file.
Add the following code in the MainActivity.cs file.

Declare an instance of SfAutoComplete to access the control and its properties.
Declare an instance of SfAutoComplete to access the control and its properties:

{% tabs %}

Expand Down
24 changes: 10 additions & 14 deletions xamarin-android/SfAutoComplete/Header-and-Footer.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
layout : post
title: Header and Footer in Xamarin.Android SfAutoComplete Control|Syncfusion®
layout: post
title: Header and Footer in Syncfusion® SfAutoComplete Xamarin.Android
description: Learn here about how to enable Header and Footer in Syncfusion® Essential® Xamarin.Android SfAutoComplete Control, its elements, and more.
platform: Xamarin.Android
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---

# Header and Footer in Xamarin.Android SfAutoComplete

We can provide Header and Footer content in the SfAutoComplete by enabling `ShowDropDownHeaderView` and `ShowDropDownFooterView`.
You can provide header and footer content in the SfAutoComplete by enabling `ShowDropDownHeaderView` and `ShowDropDownFooterView` properties.

## Header Content

We can provide Header Content at the top of the AutoComplete's Suggestion box. `DropDownHeaderView` property is used to set the content of the header. The height of the Header in the SfAutoComplete can be adjusted by the property `DropDownHeaderViewHeight`.
You can provide header content at the top of the AutoComplete suggestion box. The `DropDownHeaderView` property is used to set the content of the header. The height of the header in the SfAutoComplete can be adjusted using the `DropDownHeaderViewHeight` property.

The following code example illustrate how to set Header content in SfAutoComplete.
The following code example illustrates how to set header content in SfAutoComplete:

{% tabs %}

Expand All @@ -25,7 +25,7 @@ countryAutoComplete.ShowDropDownHeaderView = true;
countryAutoComplete.DropDownItemHeight = 30;
countryAutoComplete.DropDownTextSize = 16;

// set the Height for the HeaderView
// Set the height for the HeaderView
countryAutoComplete.DropDownHeaderViewHeight = 50;


Expand All @@ -46,9 +46,9 @@ countryAutoComplete.DropDownHeaderView = textView;

## Footer Content

We can provide Footer Content at the bottom of the AutoComplete's Suggestion box. `DropDownFooterView` property is used to set the content of the footer. The height of the Footer in the SfAutoComplete can be adjusted by the property `DropDownFooterViewHeight`.
You can provide footer content at the bottom of the AutoComplete suggestion box. The `DropDownFooterView` property is used to set the content of the footer. The height of the footer in the SfAutoComplete can be adjusted using the `DropDownFooterViewHeight` property.

The following code example illustrate how to set Footer content in SfAutoComplete.
The following code example illustrates how to set footer content in SfAutoComplete:

{% tabs %}

Expand All @@ -58,7 +58,7 @@ countryAutoComplete.ShowDropDownHeaderView = true;
countryAutoComplete.DropDownItemHeight = 30;
countryAutoComplete.DropDownTextSize = 16;

// set the Height for the FooterView
// Set the height for the FooterView
countryAutoComplete.DropDownFooterViewHeight = 50;

TextView textView = new TextView(this);
Expand All @@ -75,7 +75,3 @@ countryAutoComplete.DropDownFooterView = textView;
{% endtabs %}

![Xamarin.Android SfAutoComplete footer](images/Footer.png)




Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout : post
title : LoadMore in Syncfusion® SfAutoComplete control for Xamarin.Android
description : Learn how to restrict maximum suggestion to be displayed in SfAutoComplete
platform : Xamarin.Android
control : SfAutoComplete
documentation : ug
layout: post
title: Max Display Items with Load More Syncfusion® SfAutoComplete
description: Learn how to restrict the maximum number of suggestions displayed in SfAutoComplete and implement load more functionality
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---

# Maximum Display Item with Expander
# Maximum Display Items with Load More

Restrict the number of suggestions displayed and have the remaining items loaded by selecting LoadMore.We can restrict maximum suggestion to be displayed with the `MaximumSuggestion` property. We can set the desire text for the displaying the Load more text with the property `LoadMoreText`.
You can restrict the number of suggestions displayed and load the remaining items by selecting Load More. The maximum number of suggestions to be displayed can be restricted using the `MaximumSuggestion` property. You can set the desired text for displaying the Load More text using the `LoadMoreText` property.


{% tabs %}
Expand All @@ -23,20 +23,19 @@ countryAutoComplete.LoadMoreText="LOAD MORE";

{% endtabs %}

![](images/loadmore.png)
![Load More functionality example](images/loadmore.png)
## Restricting Maximum Display Items Dynamically

### Restricting the maximum display of item dynamically

We can restrict the maximum display of items dynamically by calling `LoadMore` method. The user can dynamically change the maximum suggestion count by calling LoadMore method by giving the maximum suggestion as the argument inside.
You can restrict the maximum display of items dynamically by calling the `LoadMore` method. The maximum suggestion count can be changed dynamically by calling the LoadMore method with the maximum suggestion count as an argument.

{% tabs %}

{% highlight c# %}

// without passing arguments
// Without passing arguments
autoComplete.LoadMore();

// with passing arguments
// With passing arguments
autoComplete.LoadMore(5);

{% endhighlight %}
Expand Down
47 changes: 19 additions & 28 deletions xamarin-android/SfAutoComplete/Multiple-selection.md
Original file line number Diff line number Diff line change
@@ -1,31 +1,30 @@
---
layout: post
title: Multipe Selection in Xamarin.Android SfAutoComplete | Syncfusion®
title: Multiple Selection in Xamarin.Android SfAutoComplete | Syncfusion®
description: Learn how to select multiple items in Syncfusion® Essential® Xamarin.Android SfAutoComplete Control, its elements, and more.
platform: Xamarin.Android
platform: xamarin.android
control: SfAutoComplete
documentation: ug
---

# Multiple Selection in Xamarin.Android SfAutoComplete

Select multiple items from a suggestion list. There are two ways to perform multi selection in autocomplete.
You can select multiple items from a suggestion list. There are two ways to perform multiple selection in AutoComplete:

* Token Representation

* Delimiter

## Token Representation

Selected items will be displayed with a customizable token representation and the users can remove each tokenized item with the close button.
Selected items will be displayed with customizable token representation, and users can remove each tokenized item using the close button.

### Wrap Mode of Token
### Wrap Mode of Tokens

The selected item can be displayed as token inside SfAutoComplete in two ways. They are
Selected items can be displayed as tokens inside SfAutoComplete in two ways:

* `Wrap` - When `TokensWrapMode` is set to `Wrap` the selected items will be wrap to the next line of the SfAutoComplete.

* `None` - When `TokensWrapMode` is set to `None` the selected item will be wrap in horizontal orientation.
* `Wrap` - When `TokensWrapMode` is set to `Wrap`, the selected items will wrap to the next line of the SfAutoComplete.
* `None` - When `TokensWrapMode` is set to `None`, the selected items will be displayed in horizontal orientation.

{% tabs %}

Expand Down Expand Up @@ -89,24 +88,15 @@ SetContentView(linearLayout);

### Token Customization

Customization can be done for Token. There are various ways to customize the tokens. They are as follows.

* `TextColor` - sets the color of the text inside the token.

* `FontSize` - sets the size of the Font inside the token.

* `FontFamily` - sets the Font family for the text inside the token.

* `BackgroundColor` - sets the background color of the token.

* `SelectedBackgroundColor` - sets the background color of the token when it is selected.

* `IsCloseButtonVisible` - Enables and disables the close button inside SfAutoComplete.

* `DeleteButtonColor` - sets the color of the close button inside SfAutoComplete.

* `CornerRadius` - sets the corner radius for the token.

Tokens can be customized in various ways. The available customization options are as follows:
* `TextColor` - Sets the color of the text inside the token.
* `FontSize` - Sets the size of the font inside the token.
* `FontFamily` - Sets the font family for the text inside the token.
* `BackgroundColor` - Sets the background color of the token.
* `SelectedBackgroundColor` - Sets the background color of the token when it is selected.
* `IsCloseButtonVisible` - Enables and disables the close button inside the token.
* `DeleteButtonColor` - Sets the color of the close button inside the token.
* `CornerRadius` - Sets the corner radius for the token.

{% tabs %}

Expand All @@ -131,7 +121,7 @@ employeeAutoComplete.TokenSettings = token;

## Delimiter

When selecting the multiple items, the selected items can be divided with a desired character given for a delimiter. We can set delimiter character with the `Delimiter` property.
When selecting multiple items, the selected items can be separated using a desired delimiter character. You can set the delimiter character using the `Delimiter` property.

{% tabs %}

Expand All @@ -151,3 +141,4 @@ countryAutoComplete.Delimiter="#";




Loading