From f13cbe59b6365a3cbaea2a848fd91e24991f439e Mon Sep 17 00:00:00 2001
From: Choza-rajan <92723643+Choza-rajan@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:17:18 +0530
Subject: [PATCH] Updated the readme file
---
README.md | 79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 78 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 225c9cb..499c056 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,79 @@
# How-to-add-Header-and-Footer-support-in-DOTNET-MAUI-Autocomplete
-This repository contains a sample demonstrating of Header and Footer support in .NET MAUI Autocomplete.
+This repository contains a sample demonstrating Header and Footer support in .NET MAUI Autocomplete. We can achieve it by following the steps below,
+
+**Step 1:** Initialize the Autocomplete control in the XAML page with all required assemblies.
+
+**XAML:**
+```
+
+```
+**Step 2:** Create the Model class with the properties that need to be assigned.
+
+**C#:**
+**Model**
+```
+public class SocialMedia
+{
+ public string Name { get; set; }
+ public int ID { get; set; }
+}
+```
+**Step 3:** Create the ViewModel class and then populate social media data in the SocialMediaViewModel
+
+**C#**
+**ViewModel**
+```
+public class SocialMediaViewModel
+{
+ public ObservableCollection SocialMedias { get; set; }
+ public SocialMediaViewModel()
+ {
+ this.SocialMedias = new ObservableCollection();
+ this.SocialMedias.Add(new SocialMedia() { Name = "Facebook", ID = 0 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Google Plus", ID = 1 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Instagram", ID = 2 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "LinkedIn", ID = 3 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Skype", ID = 4 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Telegram", ID = 5 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Televzr", ID = 6 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Tik Tok", ID = 7 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Tout", ID = 8 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Tumblr", ID = 9 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Twitter", ID = 10 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "Vimeo", ID = 11 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "WhatsApp", ID = 12 });
+ this.SocialMedias.Add(new SocialMedia() { Name = "YouTube", ID = 13 });
+ }
+}
+```
+**Step 4:** Initialize the Autocomplete control in the XAML page in which the ViewModel class is set to the BindingContext.
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```