Merge pull request #155 from syncfusion-content/XAMARINANDROID-3913-Update-Code-Changes-In-SfAutoComplete

XAMARINANDROID-3913 : In AutoComplete, Update Code Changes For First Occurrence

Author: PaulAndersonS

xamarin-android/SfAutoComplete/highlighting-matched-text.md

@@ -1,12 +1,18 @@
 ---
 layout : post
-title : MatchHighlighting in Syncfusion SfAutoComplete control for Xamarin.Android
-description : Learn how to highlight the matched text in SfAutoComplete
+title: MatchHighlighting text in Syncfusion SfAutoComplete control.
+description: Learn on how to highlight the matched text in SfAutoComplete for Xamarin.Android and also understood the highlight the matching characters in suggestion list
 platform : Xamarin.Android
 control : SfAutoComplete
 documentation : ug
 ---
 
+{% banner %}
+
+{:.gradient_m}
+
+{% col_2_equal %}
+
 # Highlighting matched text
 
 Highlight matching characters in a suggestion list to pick an item with more clarity. There are two ways to highlight the matching text:
@@ -20,7 +26,7 @@ The text highlight can be indicated with various customizing styles by enabling
 
 * HighlightedTextColor -  sets the color of the highlighted text for differentiating the highlighted characters.
 
-* HighlightedTextFontAttributes - sets the FontAttributes of the highlighted text.
+* HighlightedTextFontTypeFace - sets the FontAttributes of the highlighted text.
 
 ## First Occurrence
 
@@ -30,19 +36,19 @@ It highlights the first position of the matching characters in the suggestion li
 
 {% highlight C# %}
 
-countryAutoComplete.SuggestionMode=SuggestionMode.StartsWith;
-countryAutoComplete.TextHighlightMode=OccurrenceMode.FirstOccurrence;
-countryNameAutoComplete.HighlightedTextColor = Color.Red; 
-countryNameAutoComplete.HighlightedTextFontAttributes = HighlightedTextFontAttributes.Bold;
+countryAutoComplete.SuggestionMode = SuggestionMode.StartsWith;
+countryAutoComplete.TextHighlightMode = OccurrenceMode.FirstOccurrence; 
+countryAutoComplete.HighlightedTextColor = Color.Blue; 
+countryAutoComplete.HighlightedTextFontTypeFace = TypefaceStyle.Bold; 
 
 {% endhighlight %}
 
 {% endtabs %}
 
 N> The default Color of HighlightedTextColor is Red.
-   The default FontAttribute of HighlightedTextFontAttributes is None.
+   The default FontAttribute of HighlightedTextFontTypeFace is None.
 
-![](images/FirstOccurrence.png)
+![First Occurrence AutoComplete Image](images/FirstOccurrence.png)
 
 ## Multiple Occurrence
 
@@ -52,16 +58,16 @@ It highlights the matching character that are present everywhere in the suggesti
 
 {% highlight C# %}
 
-countryAutoComplete.SuggestionMode=SuggestionMode.Contains;
-countryAutoComplete.TextHighlightMode=OccurrenceMode.MultipleOccurrence;
+countryAutoComplete.SuggestionMode = SuggestionMode.Contains;
+countryAutoComplete.TextHighlightMode = OccurrenceMode.MultipleOccurrence;
 countryNameAutoComplete.HighlightedTextColor = Color.Red; 
-countryNameAutoComplete.HighlightedTextFontAttributes = HighlightedTextFontAttributes.Bold;
+countryNameAutoComplete.HighlightedTextFontTypeFace = TypefaceStyle.Bold;
 
 {% endhighlight %}
 
 {% endtabs %}
 
-![](images/MultipleOccurrence.png)
+![Multiple Occurrence AutoComplete Image](images/MultipleOccurrence.png)