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
30 changes: 15 additions & 15 deletions Xamarin-iOS/SfAutoComplete/Customizing-the-Suggestion-DropDown.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
---
layout : post
title : MaximumDropDownHeight for Syncfusion® AutoComplete control in Xamarin.iOS
description : Learn how to set the MaximumDropDownHeight in AutoComplete
platform : Xamarin.iOS
control : AutoComplete
documentation : ug
layout: post
title: DropDown Height Configuration in Syncfusion® AutoComplete
description: Learn how to set the MaximumDropDownHeight in AutoComplete control to customize the dropdown suggestion display.
platform: xamarin.ios
control: AutoComplete
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, the most relevant matches can be filtered and displayed 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=2;

## 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 @@ -49,9 +49,9 @@ countryAutoComplete.PopUpDelay = 100;

## Set Maximum Height to 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
N> The `MaximumDropDownHeight` value can be any positive integer value.

{% tabs %}

Expand All @@ -65,9 +65,9 @@ countryAutoComplete.MaxDropDownHeight = 90;

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

## Set border color to the DropDown
## Set Border Color to 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
17 changes: 8 additions & 9 deletions Xamarin-iOS/SfAutoComplete/Diacritic-Sensitivity.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout : post
title : Diacritic sensitivity in Syncfusion® SfAutoComplete control for Xamarin.iOS
description : Learn how to enable and disable Diacritic sensitivity in SfAutoComplete
platform : xamarin.ios
control : AutoComplete
documentation : ug
layout: post
title: Diacritic Sensitivity in Syncfusion® SfAutoComplete iOS
description: Learn how to enable and disable Diacritic sensitivity in SfAutoComplete control to handle accented characters.
platform: xamarin.ios
control: AutoComplete
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. In the below code example we have illustrate how to enables the diacritic sensitivity so that items in the suggestion list get populated by entering any diacritic character of that alphabet.
The control is not restricted to 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 diacritic sensitivity using the `IgnoreDiacritic` property. In the code example below, we demonstrate how to enable diacritic sensitivity so that items in the suggestion list are populated by entering any diacritic character of that alphabet.

{% tabs %}

Expand All @@ -34,5 +34,4 @@ countryAutoComplete.IgnoreDiacritic = false;

{% endtabs %}

![](images/Diacritic.png)

![Diacritic sensitivity example](images/Diacritic.png)
34 changes: 17 additions & 17 deletions Xamarin-iOS/SfAutoComplete/Events.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout : post
title : Events in Syncfusion® SfAutoComplete control for Xamarin.iOS
description : Learn how to handle the Events in SfAutoComplete
platform : xamarin.ios
control : AutoComplete
documentation : ug
layout: post
title: Events in Syncfusion® SfAutoComplete control for Xamarin.iOS
description: Learn how to handle various Events in SfAutoComplete control including selection, text changed, and suggestion events.
platform: xamarin.ios
control: AutoComplete
documentation: ug
---

# Events

The Events in SfAutoComplete are:
The events in SfAutoComplete are:

* FocusChanged

Expand All @@ -23,7 +23,7 @@ The Events in SfAutoComplete are:

## FocusChanged

The `FocusChanged` event occurs when the control gets the focus and loses the focus. The argument contains the following information.
The `FocusChanged` event occurs when the control gains focus or loses focus. The event argument contains the following information:

<table>
<tr>
Expand All @@ -32,7 +32,7 @@ The `FocusChanged` event occurs when the control gets the focus and loses the fo
</tr>
<tr>
<td>HasFocus</td>
<td>Indicates whether the control is in focused state or not.</td>
<td>Indicates whether the control is in a focused state or not.</td>
</tr>
</table>

Expand Down Expand Up @@ -62,7 +62,7 @@ The `FocusChanged` event occurs when the control gets the focus and loses the fo

## SelectionChanged

The `SelectionChanged` event is triggered after selecting an item among the filtered suggestions in SfAutoComplete.
The `SelectionChanged` event is triggered after selecting an item from the filtered suggestions in SfAutoComplete.

The SelectionChanged event returns the following arguments:

Expand All @@ -73,11 +73,11 @@ The SelectionChanged event returns the following arguments:
</tr>
<tr>
<td>AddedItems</td>
<td>Shows recently added item in AutoComplete.</td>
<td>Shows the recently added item in AutoComplete.</td>
</tr>
<tr>
<td>RemovedItems</td>
<td>Shows recently removed items in AutoComplete.</td>
<td>Shows the recently removed items in AutoComplete.</td>
</tr>
<tr>
<td>Value</td>
Expand Down Expand Up @@ -105,9 +105,9 @@ The SelectionChanged event returns the following arguments:

## SelectionChanging

The `SelectionChanging` event is triggered when you select an item among the filtered suggestions in SfAutoComplete.
The `SelectionChanging` event is triggered when you select an item from the filtered suggestions in SfAutoComplete.

The SelectionChanging event returns the following argument:
The SelectionChanging event returns the following arguments:

<table>
<tr>
Expand All @@ -120,7 +120,7 @@ The SelectionChanging event returns the following argument:
</tr>
<tr>
<td>Cancel</td>
<td>Restricts the item to be selected.</td>
<td>Restricts the item from being selected.</td>
</tr>
</table>

Expand Down Expand Up @@ -177,7 +177,7 @@ The TextChanged event returns the following argument:

## FilterCollectionChanged

The `FilterCollectionChanged` event is triggered whenever the items gets filtered in the suggestion.
The `FilterCollectionChanged` event is triggered whenever items are filtered in the suggestion list.

The FilterCollectionChanged event returns the following argument:

Expand All @@ -188,7 +188,7 @@ The FilterCollectionChanged event returns the following argument:
</tr>
<tr>
<td>Value</td>
<td>Holds the filtered items in the suggestion.</td>
<td>Holds the filtered items in the suggestion list.</td>
</tr>
</table>

Expand Down
26 changes: 13 additions & 13 deletions Xamarin-iOS/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.iOS
description : Learn here about getting started with Syncfusion® Essential® Xamarin.iOS AutoComplete Control, its elements, and more.
platform : xamarin.ios
control : AutoComplete
documentation : ug
layout: post
title: Getting Started with Syncfusion® AutoComplete for Xamarin.iOS
description: Learn here about getting started with Syncfusion® Essential® Xamarin.iOS AutoComplete Control, its elements, and more.
platform: xamarin.ios
control: AutoComplete
documentation: ug
---

# Getting Started with Xamarin.iOS AutoComplete

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 of 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, typically:

{Syncfusion Installed location}\Essential Studio {version number}\lib

And below assembly reference to the iOS unified project.
Add the following assembly reference to the iOS unified project:

iOS-unifed\Syncfusion.SfAutoComplete.iOS.dll

## Add SfAutoComplete

* Adding namespace for the added assemblies.
* Add the namespace for the added assemblies.

{% tabs %}

Expand All @@ -35,7 +35,7 @@ iOS-unifed\Syncfusion.SfAutoComplete.iOS.dll

{% endtabs %}

* Now add the SfAutoComplete control with a required optimal name by using the included namespace.
* Now add the SfAutoComplete control with a required optimal name using the included namespace.

{% tabs %}

Expand All @@ -51,7 +51,7 @@ this.AddSubview(countryAutoComplete);

## 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 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 based on text entry.

{% tabs %}

Expand All @@ -71,9 +71,9 @@ countryAutoComplete.AutoCompleteSource= countryList;

## 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
31 changes: 15 additions & 16 deletions Xamarin-iOS/SfAutoComplete/Header-and-Footer.md
Original file line number Diff line number Diff line change
@@ -1,28 +1,28 @@
---
layout : post
title : Header and Footer in Syncfusion® SfAutoComplete control for Xamarin.iOS
description : Learn how to enable Header and Footer in SfAutoComplete
platform : xamarin.ios
control : AutoComplete
documentation : ug
layout: post
title: Syncfusion® SfAutoComplete Header Footer for Xamarin.iOS
description: Learn how to enable and configure Header and Footer in SfAutoComplete control to enhance user interface.
platform: xamarin.ios
control: AutoComplete
documentation: ug
---

# Header and Footer

We can provide Header and Footer view in the suggestion list in SfAutoComplete by enabling `ShowDropDownHeaderView` and `ShowDropDownFooterView`.
You can provide header and footer views in the suggestion list in SfAutoComplete by enabling `ShowDropDownHeaderView` and `ShowDropDownFooterView`.

## 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 following code example illustrate how to set Header content in SfAutoComplete. 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's suggestion box. The `DropDownHeaderView` property is used to set the content of the header. The following code example illustrates how to set header content in SfAutoComplete. The height of the header in the SfAutoComplete can be adjusted using the `DropDownHeaderViewHeight` property.

{% tabs %}

{% highlight C# %}

//Shows the header view
// Shows the header view
countryAutoComplete.ShowDropDownHeaderView = true;

//Set height of the Header view
// Set height of the header view
countryAutoComplete.DropDownHeaderViewHeight = 50;
UILabel label = new UILabel();
label.Text = "Search for U";
Expand All @@ -34,21 +34,20 @@ countryAutoComplete.DropDownHeaderView = label;

{% endtabs %}

![](images/Header.png)

![Header view in AutoComplete](images/Header.png)
## 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 following code example illustrate how to set Footer content in SfAutoComplete. The height of the Header in the SfAutoComplete can be adjusted by the property `DropDownFooterViewHeight`.
You can provide footer content at the bottom of the AutoComplete's suggestion box. The `DropDownFooterView` property is used to set the content of the footer. The following code example illustrates how to set footer content in SfAutoComplete. The height of the footer in the SfAutoComplete can be adjusted using the `DropDownFooterViewHeight` property.


{% tabs %}

{% highlight C# %}

//Shows the footer view
// Shows the footer view
countryAutoComplete.ShowDropDownFooterView = true;

//Set height of the Footer view
// Set height of the footer view
countryAutoComplete.DropDownFooterViewHeight = 50;
UILabel label = new UILabel();
label.Text = "Add New";
Expand All @@ -59,4 +58,4 @@ countryAutoComplete.DropDownFooterView = label;

{% endtabs %}

![](images/Footer.png)
![Footer view in AutoComplete](images/Footer.png)
24 changes: 12 additions & 12 deletions Xamarin-iOS/SfAutoComplete/Maximum-display-item-with-Expander.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout : post
title : MatchHighlighting in Syncfusion® SfAutoComplete control for Xamarin.iOS
description : Learn how to highlight the matched text in SfAutoComplete
platform : xamarin.ios
control : AutoComplete
documentation : ug
layout: post
title: Syncfusion® SfAutoComplete Maximum Display Item with Expander
description: Learn how to restrict the number of suggestions displayed and load remaining items using LoadMore functionality in SfAutoComplete
platform: xamarin.ios
control: AutoComplete
documentation: ug
---

# Maximum Display Item with Expander

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`.
Restrict the number of suggestions displayed and load the remaining items by selecting LoadMore. You can restrict the maximum number of suggestions to be displayed using the `MaximumSuggestion` property. You can set the desired text for displaying the Load More option using the `LoadMoreText` property.

{% tabs %}

Expand All @@ -22,20 +22,20 @@ countryAutoComplete.SuggestionMode=SuggestionMode.StartsWith;
{% endhighlight %}

{% endtabs %}
### Restricting the maximum display of item dynamically
## Restricting the Maximum Display of Items 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
countryAutoComplete.LoadMore();

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

{% endhighlight %}
{% endtabs %}

![](images/loadmore.png)
![Load More](images/loadmore.png)
Loading