diff --git a/EssentialUIKit.Android/EssentialUIKit.Android.csproj b/EssentialUIKit.Android/EssentialUIKit.Android.csproj
old mode 100644
new mode 100755
index 59ec5153..519153b8
--- a/EssentialUIKit.Android/EssentialUIKit.Android.csproj
+++ b/EssentialUIKit.Android/EssentialUIKit.Android.csproj
@@ -39,10 +39,16 @@
     <ErrorReport>prompt</ErrorReport>
     <WarningLevel>4</WarningLevel>
     <AndroidManagedSymbols>true</AndroidManagedSymbols>
-    <AndroidUseSharedRuntime>false</AndroidUseSharedRuntime>    
+    <AndroidUseSharedRuntime>false</AndroidUseSharedRuntime>
   </PropertyGroup>
+
+  <PropertyGroup>
+    <CodeAnalysisRuleSet>..\EssentialUIKit\StyleCop.ruleset</CodeAnalysisRuleSet>
+  </PropertyGroup>
+  
   <ItemGroup>
     <Reference Include="Mono.Android" />
+    <Reference Include="Mono.Android.Export" />
     <Reference Include="System" />
     <Reference Include="System.Core" />
     <Reference Include="System.Xml.Linq" />
@@ -58,45 +64,60 @@
     <PackageReference Include="SkiaSharp.Views.Forms">
       <Version>1.68.0</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Core" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Core" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.DataSource">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.GridCommon">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfChart">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfGauge">
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfPicker">
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfProgressBar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.Essentials">
+      <Version>1.6.0</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.Forms" Version="4.8.0.1821" />
+    <PackageReference Include="Xamarin.AndroidX.Legacy.Support.V4">
+      <Version>1.0.0.6</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.Google.Android.Material">
+      <Version>1.2.1.1</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.AndroidX.Lifecycle.LiveData">
+      <Version>2.2.0.4</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.AndroidX.Browser">
+      <Version>1.3.0.4</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
-    <PackageReference Include="Xamarin.Android.Support.Design" Version="28.0.0.1" />
-    <PackageReference Include="Xamarin.Android.Support.v7.AppCompat" Version="28.0.0.1" />
-    <PackageReference Include="Xamarin.Android.Support.v4" Version="28.0.0.1" />
-    <PackageReference Include="Xamarin.Android.Support.v7.CardView" Version="28.0.0.1" />
-    <PackageReference Include="Xamarin.Android.Support.v7.MediaRouter" Version="28.0.0.1" />
-    <PackageReference Include="Xamarin.Android.Support.CustomTabs" Version="28.0.0.1" />
   </ItemGroup>
   <ItemGroup>
     <Compile Include="MainActivity.cs" />
@@ -104,17 +125,13 @@
     <Compile Include="Renderers\ParallaxListViewRenderer.cs" />
     <Compile Include="Renderers\BorderlessEditorRenderer.cs" />
     <Compile Include="Renderers\BorderlessEntryRenderer.cs" />
+    <Compile Include="Renderers\TransitionNavigationPageRenderer.cs" />
     <Compile Include="Renderers\TemplateHostViewRenderer.cs" />
     <Compile Include="Resources\Resource.Designer.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
     <Compile Include="SplashScreenActivity.cs" />
   </ItemGroup>
   <ItemGroup>
-    <AndroidAsset Include="Assets\UIFontIcons.ttf" />
-    <AndroidAsset Include="Assets\Montserrat-Bold.ttf" />
-    <AndroidAsset Include="Assets\Montserrat-Medium.ttf" />
-    <AndroidAsset Include="Assets\Montserrat-Regular.ttf" />
-    <AndroidAsset Include="Assets\Montserrat-SemiBold.ttf" />
     <None Include="Resources\AboutResources.txt" />
     <None Include="Assets\AboutAssets.txt" />
     <None Include="Properties\AndroidManifest.xml">
@@ -228,9 +245,6 @@
   <ItemGroup>
     <AndroidResource Include="Resources\drawable-xxxhdpi\SplashScreen.png" />
   </ItemGroup>
-  <ItemGroup>
-    <AndroidResource Include="Resources\drawable\ChatMessageBackground.png" />
-  </ItemGroup>
   <ItemGroup>
     <AndroidResource Include="Resources\drawable-land\ChatMessageBackground.png" />
   </ItemGroup>
@@ -267,6 +281,12 @@
   <ItemGroup>
     <AndroidResource Include="Resources\drawable\ReSchedule.png" />
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\Visa.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ChatMessageBackground.png" />
+  </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
   <Import Project="..\build\tools\Syncfusion.CodeAnalysis.StyleCop\tools\StyleCop.MsBuild.targets" Condition="Exists('..\build\tools\Syncfusion.CodeAnalysis.StyleCop\tools\StyleCop.MsBuild.targets')" />
   <Target Name="BeforeBuild" Condition=" $(SetVersion) == true ">
diff --git a/EssentialUIKit.Android/MainActivity.cs b/EssentialUIKit.Android/MainActivity.cs
index 08c7dc65..9703ce97 100644
--- a/EssentialUIKit.Android/MainActivity.cs
+++ b/EssentialUIKit.Android/MainActivity.cs
@@ -2,6 +2,7 @@
 using Android.Content.PM;
 using Android.OS;
 using Android.Views;
+using Xamarin.Forms;
 using Xamarin.Forms.PlatformConfiguration.AndroidSpecific;
 
 namespace EssentialUIKit.Droid
@@ -11,12 +12,14 @@ namespace EssentialUIKit.Droid
     public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
     {
         protected override void OnCreate(Bundle savedInstanceState)
-        {   
-            Window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);
+        {
+            this.Window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);
 
             base.OnCreate(savedInstanceState);
 
-            Xamarin.Forms.Forms.Init(this, savedInstanceState);
+            Forms.SetFlags("CollectionView_Experimental");
+
+            Forms.Init(this, savedInstanceState);
 
             Syncfusion.XForms.Android.PopupLayout.SfPopupLayoutRenderer.Init();
 
diff --git a/EssentialUIKit.Android/Properties/AndroidManifest.xml b/EssentialUIKit.Android/Properties/AndroidManifest.xml
index 9094bbc9..d6709958 100644
--- a/EssentialUIKit.Android/Properties/AndroidManifest.xml
+++ b/EssentialUIKit.Android/Properties/AndroidManifest.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.syncfusion.EssentialUIKit" android:installLocation="auto">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="8" android:versionName="18.4" package="com.syncfusion.xamarin.uikit" android:installLocation="internalOnly">
 	<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="28" />
 	<application android:label="Essential UI Kit"></application>
 </manifest>
\ No newline at end of file
diff --git a/EssentialUIKit.Android/Renderers/BorderlessEditorRenderer.cs b/EssentialUIKit.Android/Renderers/BorderlessEditorRenderer.cs
index d49bf991..8a784632 100644
--- a/EssentialUIKit.Android/Renderers/BorderlessEditorRenderer.cs
+++ b/EssentialUIKit.Android/Renderers/BorderlessEditorRenderer.cs
@@ -14,13 +14,15 @@ public class BorderlessEditorRenderer : EditorRenderer
     {
         #region Constructor
 
-        public BorderlessEditorRenderer() : base(Application.Context)
+        public BorderlessEditorRenderer()
+            : base(Application.Context)
         {
         }
 
         #endregion
 
         #region Methods
+
         /// <summary>
         /// Used to set the transparent color for editor control background property.
         /// </summary>
diff --git a/EssentialUIKit.Android/Renderers/BorderlessEntryRenderer.cs b/EssentialUIKit.Android/Renderers/BorderlessEntryRenderer.cs
index ac922623..d2f65828 100644
--- a/EssentialUIKit.Android/Renderers/BorderlessEntryRenderer.cs
+++ b/EssentialUIKit.Android/Renderers/BorderlessEntryRenderer.cs
@@ -9,7 +9,8 @@ namespace EssentialUIKit.Droid
 {
     public class BorderlessEntryRenderer : EntryRenderer
     {
-        public BorderlessEntryRenderer() : base(Application.Context)
+        public BorderlessEntryRenderer()
+            : base(Application.Context)
         {
         }
 
@@ -20,8 +21,8 @@ protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
             if (this.Control != null)
             {
                 this.Control.SetBackground(null);
-                Control.Gravity = GravityFlags.CenterVertical;
-                Control.SetPadding(0, 0, 0, 0);
+                this.Control.Gravity = GravityFlags.CenterVertical;
+                this.Control.SetPadding(0, 0, 0, 0);
             }
         }
     }
diff --git a/EssentialUIKit.Android/Renderers/CalenderDatePickerRenderer.cs b/EssentialUIKit.Android/Renderers/CalenderDatePickerRenderer.cs
index ba4d8da8..41b6b82d 100644
--- a/EssentialUIKit.Android/Renderers/CalenderDatePickerRenderer.cs
+++ b/EssentialUIKit.Android/Renderers/CalenderDatePickerRenderer.cs
@@ -11,7 +11,8 @@ namespace EssentialUIKit.Droid
     /// </summary>
     public class CalenderDatePickerRenderer : DatePickerRenderer
     {
-        public CalenderDatePickerRenderer(Context context) : base(context)
+        public CalenderDatePickerRenderer(Context context)
+            : base(context)
         {
         }
 
@@ -25,10 +26,10 @@ protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
             if (this.Control != null)
             {
                 this.Control.SetBackground(null);
-                Control.Text = (e.NewElement as Controls.CalenderDatePicker).PlaceHolderText;
-                Control.SetTextColor(new Android.Graphics.Color(96, 106, 123));
-                Control.Gravity = Android.Views.GravityFlags.CenterVertical;
-                Control.SetPadding(0, 0, 0, 0);
+                this.Control.Text = (e?.NewElement as Controls.CalenderDatePicker).PlaceHolderText;
+                this.Control.SetTextColor(new Android.Graphics.Color(96, 106, 123));
+                this.Control.Gravity = Android.Views.GravityFlags.CenterVertical;
+                this.Control.SetPadding(0, 0, 0, 0);
             }
         }
     }
diff --git a/EssentialUIKit.Android/Renderers/ParallaxListViewRenderer.cs b/EssentialUIKit.Android/Renderers/ParallaxListViewRenderer.cs
index 0bbed7a4..c3cb63b7 100644
--- a/EssentialUIKit.Android/Renderers/ParallaxListViewRenderer.cs
+++ b/EssentialUIKit.Android/Renderers/ParallaxListViewRenderer.cs
@@ -12,16 +12,17 @@ public class ParallaxListViewRenderer : ListViewRenderer
     {
         private int previousScrollPosition;
 
-        public ParallaxListViewRenderer(Context context) : base(context)
+        public ParallaxListViewRenderer(Context context)
+            : base(context)
         {
         }
 
         protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
         {
             base.OnElementChanged(e);
-            if (e.NewElement != null)
+            if (e?.NewElement != null)
             {
-                (e.NewElement as ParallaxListView).WidthInPixel = Context.Resources.DisplayMetrics.WidthPixels;
+                (e.NewElement as ParallaxListView).WidthInPixel = this.Context.Resources.DisplayMetrics.WidthPixels;
                 if (this.Control != null)
                 {
                     this.Control.Scroll += (sender, arg) =>
@@ -29,10 +30,10 @@ protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
                         var topView = arg.View.GetChildAt(0);
                         if (this.Control.FirstVisiblePosition == 0)
                         {
-                            previousScrollPosition = topView.Top;
+                            this.previousScrollPosition = topView.Top;
                         }
 
-                        ParallaxListView.OnScrollChanged(Element, new ScrollChangedEventArgs(previousScrollPosition));
+                        ParallaxListView.OnScrollChanged(this.Element, new ScrollChangedEventArgs(this.previousScrollPosition));
                     };
                 }
             }
diff --git a/EssentialUIKit.Android/Renderers/TemplateHostViewRenderer.cs b/EssentialUIKit.Android/Renderers/TemplateHostViewRenderer.cs
index 2de24c87..1c7185cb 100644
--- a/EssentialUIKit.Android/Renderers/TemplateHostViewRenderer.cs
+++ b/EssentialUIKit.Android/Renderers/TemplateHostViewRenderer.cs
@@ -11,7 +11,8 @@ namespace EssentialUIKit.Droid.Renderers
 {
     public class TemplateHostViewRenderer : ViewRenderer
     {
-        public TemplateHostViewRenderer(Context context) : base(context)
+        public TemplateHostViewRenderer(Context context)
+            : base(context)
         {
         }
 
@@ -55,9 +56,11 @@ protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.V
         {
             base.OnElementChanged(e);
 
-            var pageView = e.NewElement as TemplateHostView;
+            var pageView = e?.NewElement as TemplateHostView;
 
+#pragma warning disable CA2000 // Dispose objects before losing scope
             var nativePage = this.GetNativeView(pageView?.Template, pageView);
+#pragma warning restore CA2000 // Dispose objects before losing scope
 
             if (nativePage != null)
             {
@@ -65,7 +68,9 @@ protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.V
             }
             else
             {
+#pragma warning disable CA2000 // Dispose objects before losing scope
                 this.SetNativeControl(new TextView(this.Context) { Text = "There is no loaded page" });
+#pragma warning restore CA2000 // Dispose objects before losing scope
             }
         }
 
diff --git a/EssentialUIKit.Android/Renderers/TransitionNavigationPageRenderer.cs b/EssentialUIKit.Android/Renderers/TransitionNavigationPageRenderer.cs
new file mode 100644
index 00000000..703cafba
--- /dev/null
+++ b/EssentialUIKit.Android/Renderers/TransitionNavigationPageRenderer.cs
@@ -0,0 +1,35 @@
+using Android.Content;
+using Android.Support.V4.App;
+using EssentialUIKit.Droid.Renderers;
+using Xamarin.Forms;
+using Xamarin.Forms.Platform.Android.AppCompat;
+
+[assembly: ExportRenderer(typeof(NavigationPage), typeof(TransitionNavigationPageRenderer))]
+
+namespace EssentialUIKit.Droid.Renderers
+{
+    public class TransitionNavigationPageRenderer : NavigationPageRenderer
+    {
+        public TransitionNavigationPageRenderer(Context context)
+            : base(context)
+        {
+        }
+
+        protected override void SetupPageTransition(FragmentTransaction transaction, bool isPush)
+        {
+            if (transaction != null)
+            {
+                if (isPush)
+                {
+                    transaction.SetCustomAnimations(Resource.Animation.abc_slide_in_bottom, 0, 0, 0);
+                }
+                else
+                {
+                    transaction.SetCustomAnimations(0, Resource.Animation.abc_slide_out_bottom, 0, 0);
+                }
+
+                base.SetupPageTransition(transaction, isPush);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit.Android/Resources/Resource.designer.cs b/EssentialUIKit.Android/Resources/Resource.designer.cs
deleted file mode 100644
index bc1df426..00000000
--- a/EssentialUIKit.Android/Resources/Resource.designer.cs
+++ /dev/null
@@ -1,16232 +0,0 @@
-#pragma warning disable 1591
-//------------------------------------------------------------------------------
-// <auto-generated>
-//     This code was generated by a tool.
-//     Runtime Version:4.0.30319.42000
-//
-//     Changes to this file may cause incorrect behavior and will be lost if
-//     the code is regenerated.
-// </auto-generated>
-//------------------------------------------------------------------------------
-
-[assembly: global::Android.Runtime.ResourceDesignerAttribute("EssentialUIKit.Droid.Resource", IsApplication=true)]
-
-namespace EssentialUIKit.Droid
-{
-	
-	
-	[System.CodeDom.Compiler.GeneratedCodeAttribute("Xamarin.Android.Build.Tasks", "1.0.0.0")]
-	public partial class Resource
-	{
-		
-		static Resource()
-		{
-			global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-		}
-		
-		public static void UpdateIdValues()
-		{
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_indeterminate_to_checked_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_indeterminate_to_checked_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_indeterminate_to_checked_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_indeterminate_to_checked_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_checked_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_checked_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_checked_box_outer_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_checked_box_outer_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_checked_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_checked_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_indeterminate_from_checked_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_indeterminate_from_checked_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_indeterminate_from_unchecked_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_check_path_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_check_path_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_from_indeterminate_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Animation.btn_checkbox_to_unchecked_icon_null_animation = global::EssentialUIKit.Droid.Resource.Animation.btn_checkbox_to_unchecked_icon_null_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Attribute.state_indeterminate = global::EssentialUIKit.Droid.Resource.Attribute.state_indeterminate;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Color.control_checkable_material = global::EssentialUIKit.Droid.Resource.Color.control_checkable_material;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Dimension.disabledAlpha = global::EssentialUIKit.Droid.Resource.Dimension.disabledAlpha;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_checked = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_checked;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_checked_to_indeterminate_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_checked_to_indeterminate_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_checked_to_unchecked_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_checked_to_unchecked_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_indeterminate = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_indeterminate;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_indeterminate_to_checked_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_indeterminate_to_checked_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_indeterminate_to_unchecked_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_indeterminate_to_unchecked_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_unchecked = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_unchecked;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_unchecked_to_checked_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_unchecked_to_checked_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Drawable.btn_checkbox_unchecked_to_indeterminate_animation = global::EssentialUIKit.Droid.Resource.Drawable.btn_checkbox_unchecked_to_indeterminate_animation;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Id.@checked = global::EssentialUIKit.Droid.Resource.Id.@checked;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Id.indeterminate = global::EssentialUIKit.Droid.Resource.Id.indeterminate;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Id.@unchecked = global::EssentialUIKit.Droid.Resource.Id.@unchecked;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Interpolator.btn_checkbox_checked_animation_interpolator_0 = global::EssentialUIKit.Droid.Resource.Interpolator.btn_checkbox_checked_animation_interpolator_0;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Interpolator.btn_checkbox_checked_animation_interpolator_1 = global::EssentialUIKit.Droid.Resource.Interpolator.btn_checkbox_checked_animation_interpolator_1;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Interpolator.btn_checkbox_indeterminate_animation_interpolator_1 = global::EssentialUIKit.Droid.Resource.Interpolator.btn_checkbox_indeterminate_animation_interpolator_1;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Interpolator.btn_checkbox_unchecked_animation_interpolator_0 = global::EssentialUIKit.Droid.Resource.Interpolator.btn_checkbox_unchecked_animation_interpolator_0;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Interpolator.btn_checkbox_unchecked_animation_interpolator_1 = global::EssentialUIKit.Droid.Resource.Interpolator.btn_checkbox_unchecked_animation_interpolator_1;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfCheckBox = global::EssentialUIKit.Droid.Resource.Styleable.SfCheckBox;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfCheckBox_checked = global::EssentialUIKit.Droid.Resource.Styleable.SfCheckBox_checked;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfCheckBox_cornerradius = global::EssentialUIKit.Droid.Resource.Styleable.SfCheckBox_cornerradius;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfCheckBox_isthreestate = global::EssentialUIKit.Droid.Resource.Styleable.SfCheckBox_isthreestate;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentBackColor = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentBackColor;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentBorderColor = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentBorderColor;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentBorderThickness = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentBorderThickness;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentColor = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentColor;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentCornerRadius;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentDisplayMode = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentDisplayMode;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentPosition = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentPosition;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentSelectedIndex = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentSelectedIndex;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentStrokeThickness = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentStrokeThickness;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentedHeight = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentedHeight;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentedPadding = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentedPadding;
-			global::Syncfusion.Buttons.XForms.Android.Resource.Styleable.SfSegmentedControl_segmentedWidth = global::EssentialUIKit.Droid.Resource.Styleable.SfSegmentedControl_segmentedWidth;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar1 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar1;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar10 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar10;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar11 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar11;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar12 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar12;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar13 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar13;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar14 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar14;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar15 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar15;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar16 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar16;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar17 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar17;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar18 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar18;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar19 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar19;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar2 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar2;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar20 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar20;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar21 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar21;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar22 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar22;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar23 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar23;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar24 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar24;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar25 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar25;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar26 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar26;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar27 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar27;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar28 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar28;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar29 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar29;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar3 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar3;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar30 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar30;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar4 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar4;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar5 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar5;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar6 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar6;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar7 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar7;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar8 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar8;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.Avatar9 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar9;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.input_layout_drop_down_icon = global::EssentialUIKit.Droid.Resource.Drawable.input_layout_drop_down_icon;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.inputlayout_togglecollapseicon = global::EssentialUIKit.Droid.Resource.Drawable.inputlayout_togglecollapseicon;
-			global::Syncfusion.XForms.Android.Core.Resource.Drawable.inputlayout_togglevisibleicon = global::EssentialUIKit.Droid.Resource.Drawable.inputlayout_togglevisibleicon;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.activity_horizontal_margin = global::EssentialUIKit.Droid.Resource.Dimension.activity_horizontal_margin;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.activity_vertical_margin = global::EssentialUIKit.Droid.Resource.Dimension.activity_vertical_margin;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.date_text_size = global::EssentialUIKit.Droid.Resource.Dimension.date_text_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.date_text_tab_size = global::EssentialUIKit.Droid.Resource.Dimension.date_text_tab_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.month_row_size = global::EssentialUIKit.Droid.Resource.Dimension.month_row_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.month_row_tab_size = global::EssentialUIKit.Droid.Resource.Dimension.month_row_tab_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.month_text_size = global::EssentialUIKit.Droid.Resource.Dimension.month_text_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.Dimension.month_text_tab_size = global::EssentialUIKit.Droid.Resource.Dimension.month_text_tab_size;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.String.sfcalendar_inlineviewalldaytext = global::EssentialUIKit.Droid.Resource.String.sfcalendar_inlineviewalldaytext;
-			global::Syncfusion.SfCalendar.XForms.Droid.Resource.String.sfcalendar_inlineviewnoappointmenttext = global::EssentialUIKit.Droid.Resource.String.sfcalendar_inlineviewnoappointmenttext;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.Scale_in = global::EssentialUIKit.Droid.Resource.Animation.Scale_in;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.Scale_out = global::EssentialUIKit.Droid.Resource.Animation.Scale_out;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.SfChart_Fade_In = global::EssentialUIKit.Droid.Resource.Animation.SfChart_Fade_In;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.SfChart_Scale_In = global::EssentialUIKit.Droid.Resource.Animation.SfChart_Scale_In;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.SfChart_Fade_Out = global::EssentialUIKit.Droid.Resource.Animation.SfChart_Fade_Out;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Animation.SfChart_Scale_Out = global::EssentialUIKit.Droid.Resource.Animation.SfChart_Scale_Out;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.annotationLayout = global::EssentialUIKit.Droid.Resource.Id.annotationLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.axisLayout = global::EssentialUIKit.Droid.Resource.Id.axisLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.bottom_labels = global::EssentialUIKit.Droid.Resource.Id.bottom_labels;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.chartBehaviorLayout = global::EssentialUIKit.Droid.Resource.Id.chartBehaviorLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.chartLegendScrollView = global::EssentialUIKit.Droid.Resource.Id.chartLegendScrollView;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.content = global::EssentialUIKit.Droid.Resource.Id.content;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.dataMarkerLayout = global::EssentialUIKit.Droid.Resource.Id.dataMarkerLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.gridLineLayout = global::EssentialUIKit.Droid.Resource.Id.gridLineLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.gridLinesLayout = global::EssentialUIKit.Droid.Resource.Id.gridLinesLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.iconView = global::EssentialUIKit.Droid.Resource.Id.iconView;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.label = global::EssentialUIKit.Droid.Resource.Id.label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.legendHeader = global::EssentialUIKit.Droid.Resource.Id.legendHeader;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.legendItemsLayout = global::EssentialUIKit.Droid.Resource.Id.legendItemsLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.legendLayout = global::EssentialUIKit.Droid.Resource.Id.legendLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.legendScrollView = global::EssentialUIKit.Droid.Resource.Id.legendScrollView;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.legendViewGroup = global::EssentialUIKit.Droid.Resource.Id.legendViewGroup;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.rootLayout = global::EssentialUIKit.Droid.Resource.Id.rootLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.seriesLayout = global::EssentialUIKit.Droid.Resource.Id.seriesLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.stripLinesLayout = global::EssentialUIKit.Droid.Resource.Id.stripLinesLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.technicalIndicatorLayout = global::EssentialUIKit.Droid.Resource.Id.technicalIndicatorLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.thumbLayout = global::EssentialUIKit.Droid.Resource.Id.thumbLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.titleLayout = global::EssentialUIKit.Droid.Resource.Id.titleLayout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Id.top_labels = global::EssentialUIKit.Droid.Resource.Id.top_labels;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Layout.chart_layout = global::EssentialUIKit.Droid.Resource.Layout.chart_layout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Layout.chart_legend = global::EssentialUIKit.Droid.Resource.Layout.chart_legend;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Layout.chart_legend_item = global::EssentialUIKit.Droid.Resource.Layout.chart_legend_item;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.Layout.range_navigator_layout = global::EssentialUIKit.Droid.Resource.Layout.range_navigator_layout;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.q = global::EssentialUIKit.Droid.Resource.String.q;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.quarter = global::EssentialUIKit.Droid.Resource.String.quarter;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_close_label = global::EssentialUIKit.Droid.Resource.String.sfchart_close_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_high_label = global::EssentialUIKit.Droid.Resource.String.sfchart_high_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_low_label = global::EssentialUIKit.Droid.Resource.String.sfchart_low_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_open_label = global::EssentialUIKit.Droid.Resource.String.sfchart_open_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.w = global::EssentialUIKit.Droid.Resource.String.w;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.week = global::EssentialUIKit.Droid.Resource.String.week;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_others_label = global::EssentialUIKit.Droid.Resource.String.sfchart_others_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_increase_label = global::EssentialUIKit.Droid.Resource.String.sfchart_increase_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_decrease_label = global::EssentialUIKit.Droid.Resource.String.sfchart_decrease_label;
-			global::Syncfusion.SfChart.XForms.Droid.Resource.String.sfchart_total_label = global::EssentialUIKit.Droid.Resource.String.sfchart_total_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_fade_in = global::EssentialUIKit.Droid.Resource.Animation.abc_fade_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_fade_out = global::EssentialUIKit.Droid.Resource.Animation.abc_fade_out;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_grow_fade_in_from_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_grow_fade_in_from_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_popup_enter = global::EssentialUIKit.Droid.Resource.Animation.abc_popup_enter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_popup_exit = global::EssentialUIKit.Droid.Resource.Animation.abc_popup_exit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_shrink_fade_out_from_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_shrink_fade_out_from_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_slide_in_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_in_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_slide_in_top = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_in_top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_slide_out_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_out_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_slide_out_top = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_out_top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_tooltip_enter = global::EssentialUIKit.Droid.Resource.Animation.abc_tooltip_enter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.abc_tooltip_exit = global::EssentialUIKit.Droid.Resource.Animation.abc_tooltip_exit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.design_bottom_sheet_slide_in = global::EssentialUIKit.Droid.Resource.Animation.design_bottom_sheet_slide_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.design_bottom_sheet_slide_out = global::EssentialUIKit.Droid.Resource.Animation.design_bottom_sheet_slide_out;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.design_snackbar_in = global::EssentialUIKit.Droid.Resource.Animation.design_snackbar_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.design_snackbar_out = global::EssentialUIKit.Droid.Resource.Animation.design_snackbar_out;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.EnterFromLeft = global::EssentialUIKit.Droid.Resource.Animation.EnterFromLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.EnterFromRight = global::EssentialUIKit.Droid.Resource.Animation.EnterFromRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.ExitToLeft = global::EssentialUIKit.Droid.Resource.Animation.ExitToLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animation.ExitToRight = global::EssentialUIKit.Droid.Resource.Animation.ExitToRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.design_appbar_state_list_animator = global::EssentialUIKit.Droid.Resource.Animator.design_appbar_state_list_animator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.design_fab_hide_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.design_fab_hide_motion_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.design_fab_show_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.design_fab_show_motion_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_btn_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_btn_state_list_anim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_btn_unelevated_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_btn_unelevated_state_list_anim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_chip_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_chip_state_list_anim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_fab_hide_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_hide_motion_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_fab_show_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_show_motion_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_fab_transformation_sheet_collapse_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_transformation_sheet_collapse_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Animator.mtrl_fab_transformation_sheet_expand_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_transformation_sheet_expand_spec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarDivider = global::EssentialUIKit.Droid.Resource.Attribute.actionBarDivider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarItemBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionBarItemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarPopupTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarPopupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarSize = global::EssentialUIKit.Droid.Resource.Attribute.actionBarSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarSplitStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarSplitStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarTabBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarTabStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarTabTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionBarWidgetTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarWidgetTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionDropDownStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionDropDownStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionLayout = global::EssentialUIKit.Droid.Resource.Attribute.actionLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionMenuTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.actionMenuTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionMenuTextColor = global::EssentialUIKit.Droid.Resource.Attribute.actionMenuTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionModeBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeCloseButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCloseButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeCloseDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCloseDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeCopyDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCopyDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeCutDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCutDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeFindDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeFindDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModePasteDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModePasteDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModePopupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModePopupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeSelectAllDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeSelectAllDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeShareDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeShareDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeSplitBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionModeSplitBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModeStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionModeWebSearchDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeWebSearchDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionOverflowButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionOverflowButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionOverflowMenuStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionOverflowMenuStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionProviderClass = global::EssentialUIKit.Droid.Resource.Attribute.actionProviderClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.actionViewClass = global::EssentialUIKit.Droid.Resource.Attribute.actionViewClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.activityChooserViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.activityChooserViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alertDialogButtonGroupStyle = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogButtonGroupStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alertDialogCenterButtons = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogCenterButtons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alertDialogStyle = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alertDialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.allowStacking = global::EssentialUIKit.Droid.Resource.Attribute.allowStacking;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alpha = global::EssentialUIKit.Droid.Resource.Attribute.alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.alphabeticModifiers = global::EssentialUIKit.Droid.Resource.Attribute.alphabeticModifiers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.arrowHeadLength = global::EssentialUIKit.Droid.Resource.Attribute.arrowHeadLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.arrowShaftLength = global::EssentialUIKit.Droid.Resource.Attribute.arrowShaftLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoCompleteTextViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.autoCompleteTextViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoSizeMaxTextSize = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeMaxTextSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoSizeMinTextSize = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeMinTextSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoSizePresetSizes = global::EssentialUIKit.Droid.Resource.Attribute.autoSizePresetSizes;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoSizeStepGranularity = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeStepGranularity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.autoSizeTextType = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeTextType;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.background = global::EssentialUIKit.Droid.Resource.Attribute.background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.backgroundSplit = global::EssentialUIKit.Droid.Resource.Attribute.backgroundSplit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.backgroundStacked = global::EssentialUIKit.Droid.Resource.Attribute.backgroundStacked;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.backgroundTint = global::EssentialUIKit.Droid.Resource.Attribute.backgroundTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.backgroundTintMode = global::EssentialUIKit.Droid.Resource.Attribute.backgroundTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.barLength = global::EssentialUIKit.Droid.Resource.Attribute.barLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_autoHide = global::EssentialUIKit.Droid.Resource.Attribute.behavior_autoHide;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_fitToContents = global::EssentialUIKit.Droid.Resource.Attribute.behavior_fitToContents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_hideable = global::EssentialUIKit.Droid.Resource.Attribute.behavior_hideable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_overlapTop = global::EssentialUIKit.Droid.Resource.Attribute.behavior_overlapTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_peekHeight = global::EssentialUIKit.Droid.Resource.Attribute.behavior_peekHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.behavior_skipCollapsed = global::EssentialUIKit.Droid.Resource.Attribute.behavior_skipCollapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.borderWidth = global::EssentialUIKit.Droid.Resource.Attribute.borderWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.borderlessButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.borderlessButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.bottomAppBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomAppBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.bottomNavigationStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomNavigationStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.bottomSheetDialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomSheetStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.boxBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxBackgroundMode = global::EssentialUIKit.Droid.Resource.Attribute.boxBackgroundMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxCollapsedPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.boxCollapsedPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxCornerRadiusBottomEnd = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusBottomEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxCornerRadiusBottomStart = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusBottomStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxCornerRadiusTopEnd = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusTopEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxCornerRadiusTopStart = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusTopStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxStrokeColor = global::EssentialUIKit.Droid.Resource.Attribute.boxStrokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.boxStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.boxStrokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonBarButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonBarNegativeButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarNegativeButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonBarNeutralButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarNeutralButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonBarPositiveButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarPositiveButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonGravity = global::EssentialUIKit.Droid.Resource.Attribute.buttonGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonIconDimen = global::EssentialUIKit.Droid.Resource.Attribute.buttonIconDimen;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonPanelSideLayout = global::EssentialUIKit.Droid.Resource.Attribute.buttonPanelSideLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonStyleSmall = global::EssentialUIKit.Droid.Resource.Attribute.buttonStyleSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonTint = global::EssentialUIKit.Droid.Resource.Attribute.buttonTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.buttonTintMode = global::EssentialUIKit.Droid.Resource.Attribute.buttonTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.cardBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.cardCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardElevation = global::EssentialUIKit.Droid.Resource.Attribute.cardElevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardMaxElevation = global::EssentialUIKit.Droid.Resource.Attribute.cardMaxElevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardPreventCornerOverlap = global::EssentialUIKit.Droid.Resource.Attribute.cardPreventCornerOverlap;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardUseCompatPadding = global::EssentialUIKit.Droid.Resource.Attribute.cardUseCompatPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cardViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.cardViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkboxStyle = global::EssentialUIKit.Droid.Resource.Attribute.checkboxStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkedChip = global::EssentialUIKit.Droid.Resource.Attribute.checkedChip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkedIcon = global::EssentialUIKit.Droid.Resource.Attribute.checkedIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkedIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.checkedIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkedIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.checkedIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.checkedTextViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.checkedTextViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.chipBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.chipCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.chipEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipGroupStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipGroupStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipIcon = global::EssentialUIKit.Droid.Resource.Attribute.chipIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.chipIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipIconSize = global::EssentialUIKit.Droid.Resource.Attribute.chipIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipIconTint = global::EssentialUIKit.Droid.Resource.Attribute.chipIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.chipIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipMinHeight = global::EssentialUIKit.Droid.Resource.Attribute.chipMinHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipSpacing = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipSpacingHorizontal = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacingHorizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipSpacingVertical = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacingVertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipStandaloneStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipStandaloneStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.chipStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipStrokeColor = global::EssentialUIKit.Droid.Resource.Attribute.chipStrokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.chipStrokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.chipStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIcon = global::EssentialUIKit.Droid.Resource.Attribute.closeIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.closeIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.closeIconEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconSize = global::EssentialUIKit.Droid.Resource.Attribute.closeIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.closeIconStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconTint = global::EssentialUIKit.Droid.Resource.Attribute.closeIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.closeIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.closeItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.closeItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.collapseContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.collapseContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.collapseIcon = global::EssentialUIKit.Droid.Resource.Attribute.collapseIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.collapsedTitleGravity = global::EssentialUIKit.Droid.Resource.Attribute.collapsedTitleGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.collapsedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.collapsedTitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.color = global::EssentialUIKit.Droid.Resource.Attribute.color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorAccent = global::EssentialUIKit.Droid.Resource.Attribute.colorAccent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Attribute.colorBackgroundFloating;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorButtonNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorButtonNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorControlActivated = global::EssentialUIKit.Droid.Resource.Attribute.colorControlActivated;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorControlHighlight = global::EssentialUIKit.Droid.Resource.Attribute.colorControlHighlight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorControlNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorControlNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorError = global::EssentialUIKit.Droid.Resource.Attribute.colorError;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorPrimary = global::EssentialUIKit.Droid.Resource.Attribute.colorPrimary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Attribute.colorPrimaryDark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorSecondary = global::EssentialUIKit.Droid.Resource.Attribute.colorSecondary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.colorSwitchThumbNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorSwitchThumbNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.commitIcon = global::EssentialUIKit.Droid.Resource.Attribute.commitIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentDescription = global::EssentialUIKit.Droid.Resource.Attribute.contentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetEnd = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetEndWithActions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetLeft = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetRight = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetStart = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetStartWithNavigation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentPadding = global::EssentialUIKit.Droid.Resource.Attribute.contentPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentPaddingBottom = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentPaddingLeft = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentPaddingRight = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.contentScrim = global::EssentialUIKit.Droid.Resource.Attribute.contentScrim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.controlBackground = global::EssentialUIKit.Droid.Resource.Attribute.controlBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.coordinatorLayoutStyle = global::EssentialUIKit.Droid.Resource.Attribute.coordinatorLayoutStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.cornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.cornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.counterEnabled = global::EssentialUIKit.Droid.Resource.Attribute.counterEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.counterMaxLength = global::EssentialUIKit.Droid.Resource.Attribute.counterMaxLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.counterOverflowTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.counterOverflowTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.counterTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.counterTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.customNavigationLayout = global::EssentialUIKit.Droid.Resource.Attribute.customNavigationLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.defaultQueryHint = global::EssentialUIKit.Droid.Resource.Attribute.defaultQueryHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dialogCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.dialogCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dialogPreferredPadding = global::EssentialUIKit.Droid.Resource.Attribute.dialogPreferredPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.dialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.displayOptions = global::EssentialUIKit.Droid.Resource.Attribute.displayOptions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.divider = global::EssentialUIKit.Droid.Resource.Attribute.divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dividerHorizontal = global::EssentialUIKit.Droid.Resource.Attribute.dividerHorizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dividerPadding = global::EssentialUIKit.Droid.Resource.Attribute.dividerPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dividerVertical = global::EssentialUIKit.Droid.Resource.Attribute.dividerVertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.drawableSize = global::EssentialUIKit.Droid.Resource.Attribute.drawableSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.drawerArrowStyle = global::EssentialUIKit.Droid.Resource.Attribute.drawerArrowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dropDownListViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.dropDownListViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.dropdownListPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Attribute.dropdownListPreferredItemHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.editTextBackground = global::EssentialUIKit.Droid.Resource.Attribute.editTextBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.editTextColor = global::EssentialUIKit.Droid.Resource.Attribute.editTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.editTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.editTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.elevation = global::EssentialUIKit.Droid.Resource.Attribute.elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.enforceMaterialTheme = global::EssentialUIKit.Droid.Resource.Attribute.enforceMaterialTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.enforceTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.enforceTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.errorEnabled = global::EssentialUIKit.Droid.Resource.Attribute.errorEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.errorTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.errorTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandActivityOverflowButtonDrawable = global::EssentialUIKit.Droid.Resource.Attribute.expandActivityOverflowButtonDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expanded = global::EssentialUIKit.Droid.Resource.Attribute.expanded;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleGravity = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleMargin = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleMarginBottom = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleMarginEnd = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleMarginStart = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleMarginTop = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.expandedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabAlignmentMode = global::EssentialUIKit.Droid.Resource.Attribute.fabAlignmentMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabCradleMargin = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabCradleRoundedCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleRoundedCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabCradleVerticalOffset = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleVerticalOffset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabCustomSize = global::EssentialUIKit.Droid.Resource.Attribute.fabCustomSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fabSize = global::EssentialUIKit.Droid.Resource.Attribute.fabSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fastScrollEnabled = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fastScrollHorizontalThumbDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollHorizontalThumbDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fastScrollHorizontalTrackDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollHorizontalTrackDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fastScrollVerticalThumbDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollVerticalThumbDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fastScrollVerticalTrackDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollVerticalTrackDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.firstBaselineToTopHeight = global::EssentialUIKit.Droid.Resource.Attribute.firstBaselineToTopHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.floatingActionButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.floatingActionButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.font = global::EssentialUIKit.Droid.Resource.Attribute.font;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontFamily = global::EssentialUIKit.Droid.Resource.Attribute.fontFamily;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderAuthority = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderAuthority;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderCerts = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderCerts;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderFetchStrategy = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderFetchStrategy;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderFetchTimeout = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderFetchTimeout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderPackage = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderPackage;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontProviderQuery = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderQuery;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontStyle = global::EssentialUIKit.Droid.Resource.Attribute.fontStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontVariationSettings = global::EssentialUIKit.Droid.Resource.Attribute.fontVariationSettings;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.fontWeight = global::EssentialUIKit.Droid.Resource.Attribute.fontWeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.foregroundInsidePadding = global::EssentialUIKit.Droid.Resource.Attribute.foregroundInsidePadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.gapBetweenBars = global::EssentialUIKit.Droid.Resource.Attribute.gapBetweenBars;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.goIcon = global::EssentialUIKit.Droid.Resource.Attribute.goIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.headerLayout = global::EssentialUIKit.Droid.Resource.Attribute.headerLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.height = global::EssentialUIKit.Droid.Resource.Attribute.height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.helperText = global::EssentialUIKit.Droid.Resource.Attribute.helperText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.helperTextEnabled = global::EssentialUIKit.Droid.Resource.Attribute.helperTextEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.helperTextTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.helperTextTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hideMotionSpec = global::EssentialUIKit.Droid.Resource.Attribute.hideMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hideOnContentScroll = global::EssentialUIKit.Droid.Resource.Attribute.hideOnContentScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hideOnScroll = global::EssentialUIKit.Droid.Resource.Attribute.hideOnScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hintAnimationEnabled = global::EssentialUIKit.Droid.Resource.Attribute.hintAnimationEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hintEnabled = global::EssentialUIKit.Droid.Resource.Attribute.hintEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hintTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.hintTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Attribute.homeAsUpIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.homeLayout = global::EssentialUIKit.Droid.Resource.Attribute.homeLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.hoveredFocusedTranslationZ = global::EssentialUIKit.Droid.Resource.Attribute.hoveredFocusedTranslationZ;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.icon = global::EssentialUIKit.Droid.Resource.Attribute.icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconGravity = global::EssentialUIKit.Droid.Resource.Attribute.iconGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconSize = global::EssentialUIKit.Droid.Resource.Attribute.iconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconTint = global::EssentialUIKit.Droid.Resource.Attribute.iconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconTintMode = global::EssentialUIKit.Droid.Resource.Attribute.iconTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.iconifiedByDefault = global::EssentialUIKit.Droid.Resource.Attribute.iconifiedByDefault;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.imageButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.imageButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.indeterminateProgressStyle = global::EssentialUIKit.Droid.Resource.Attribute.indeterminateProgressStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.initialActivityCount = global::EssentialUIKit.Droid.Resource.Attribute.initialActivityCount;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.insetForeground = global::EssentialUIKit.Droid.Resource.Attribute.insetForeground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.isLightTheme = global::EssentialUIKit.Droid.Resource.Attribute.isLightTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemBackground = global::EssentialUIKit.Droid.Resource.Attribute.itemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemHorizontalPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemHorizontalPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemHorizontalTranslationEnabled = global::EssentialUIKit.Droid.Resource.Attribute.itemHorizontalTranslationEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemIconPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemIconPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemIconSize = global::EssentialUIKit.Droid.Resource.Attribute.itemIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemIconTint = global::EssentialUIKit.Droid.Resource.Attribute.itemIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemSpacing = global::EssentialUIKit.Droid.Resource.Attribute.itemSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemTextAppearanceActive = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearanceActive;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemTextAppearanceInactive = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearanceInactive;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.itemTextColor = global::EssentialUIKit.Droid.Resource.Attribute.itemTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.keylines = global::EssentialUIKit.Droid.Resource.Attribute.keylines;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.labelVisibilityMode = global::EssentialUIKit.Droid.Resource.Attribute.labelVisibilityMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.lastBaselineToBottomHeight = global::EssentialUIKit.Droid.Resource.Attribute.lastBaselineToBottomHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout = global::EssentialUIKit.Droid.Resource.Attribute.layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layoutManager = global::EssentialUIKit.Droid.Resource.Attribute.layoutManager;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_anchor = global::EssentialUIKit.Droid.Resource.Attribute.layout_anchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_anchorGravity = global::EssentialUIKit.Droid.Resource.Attribute.layout_anchorGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_behavior = global::EssentialUIKit.Droid.Resource.Attribute.layout_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_collapseMode = global::EssentialUIKit.Droid.Resource.Attribute.layout_collapseMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_collapseParallaxMultiplier = global::EssentialUIKit.Droid.Resource.Attribute.layout_collapseParallaxMultiplier;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_dodgeInsetEdges = global::EssentialUIKit.Droid.Resource.Attribute.layout_dodgeInsetEdges;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_insetEdge = global::EssentialUIKit.Droid.Resource.Attribute.layout_insetEdge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_keyline = global::EssentialUIKit.Droid.Resource.Attribute.layout_keyline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_scrollFlags = global::EssentialUIKit.Droid.Resource.Attribute.layout_scrollFlags;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.layout_scrollInterpolator = global::EssentialUIKit.Droid.Resource.Attribute.layout_scrollInterpolator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.liftOnScroll = global::EssentialUIKit.Droid.Resource.Attribute.liftOnScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.lineHeight = global::EssentialUIKit.Droid.Resource.Attribute.lineHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.lineSpacing = global::EssentialUIKit.Droid.Resource.Attribute.lineSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listChoiceBackgroundIndicator = global::EssentialUIKit.Droid.Resource.Attribute.listChoiceBackgroundIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listDividerAlertDialog = global::EssentialUIKit.Droid.Resource.Attribute.listDividerAlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.listItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listLayout = global::EssentialUIKit.Droid.Resource.Attribute.listLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listMenuViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.listMenuViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPopupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.listPopupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPreferredItemHeightLarge = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeightLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPreferredItemHeightSmall = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeightSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPreferredItemPaddingLeft = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemPaddingLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.listPreferredItemPaddingRight = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemPaddingRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.logo = global::EssentialUIKit.Droid.Resource.Attribute.logo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.logoDescription = global::EssentialUIKit.Droid.Resource.Attribute.logoDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.materialButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.materialButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.materialCardViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.materialCardViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.maxActionInlineWidth = global::EssentialUIKit.Droid.Resource.Attribute.maxActionInlineWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.maxButtonHeight = global::EssentialUIKit.Droid.Resource.Attribute.maxButtonHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.maxImageSize = global::EssentialUIKit.Droid.Resource.Attribute.maxImageSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.measureWithLargestChild = global::EssentialUIKit.Droid.Resource.Attribute.measureWithLargestChild;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.menu = global::EssentialUIKit.Droid.Resource.Attribute.menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.multiChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.multiChoiceItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.navigationContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.navigationContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.navigationIcon = global::EssentialUIKit.Droid.Resource.Attribute.navigationIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.navigationMode = global::EssentialUIKit.Droid.Resource.Attribute.navigationMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.navigationViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.navigationViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.numericModifiers = global::EssentialUIKit.Droid.Resource.Attribute.numericModifiers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.overlapAnchor = global::EssentialUIKit.Droid.Resource.Attribute.overlapAnchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.paddingBottomNoButtons = global::EssentialUIKit.Droid.Resource.Attribute.paddingBottomNoButtons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.paddingEnd = global::EssentialUIKit.Droid.Resource.Attribute.paddingEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.paddingStart = global::EssentialUIKit.Droid.Resource.Attribute.paddingStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.paddingTopNoTitle = global::EssentialUIKit.Droid.Resource.Attribute.paddingTopNoTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.panelBackground = global::EssentialUIKit.Droid.Resource.Attribute.panelBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.panelMenuListTheme = global::EssentialUIKit.Droid.Resource.Attribute.panelMenuListTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.panelMenuListWidth = global::EssentialUIKit.Droid.Resource.Attribute.panelMenuListWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.passwordToggleContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.passwordToggleDrawable = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.passwordToggleEnabled = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.passwordToggleTint = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.passwordToggleTintMode = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.popupMenuStyle = global::EssentialUIKit.Droid.Resource.Attribute.popupMenuStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.popupTheme = global::EssentialUIKit.Droid.Resource.Attribute.popupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.popupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.popupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.preserveIconSpacing = global::EssentialUIKit.Droid.Resource.Attribute.preserveIconSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.pressedTranslationZ = global::EssentialUIKit.Droid.Resource.Attribute.pressedTranslationZ;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.progressBarPadding = global::EssentialUIKit.Droid.Resource.Attribute.progressBarPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.progressBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.progressBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.queryBackground = global::EssentialUIKit.Droid.Resource.Attribute.queryBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.queryHint = global::EssentialUIKit.Droid.Resource.Attribute.queryHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.radioButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.radioButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.ratingBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.ratingBarStyleIndicator = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyleIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.ratingBarStyleSmall = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyleSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.reverseLayout = global::EssentialUIKit.Droid.Resource.Attribute.reverseLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.rippleColor = global::EssentialUIKit.Droid.Resource.Attribute.rippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.scrimAnimationDuration = global::EssentialUIKit.Droid.Resource.Attribute.scrimAnimationDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.scrimBackground = global::EssentialUIKit.Droid.Resource.Attribute.scrimBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.scrimVisibleHeightTrigger = global::EssentialUIKit.Droid.Resource.Attribute.scrimVisibleHeightTrigger;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.searchHintIcon = global::EssentialUIKit.Droid.Resource.Attribute.searchHintIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.searchIcon = global::EssentialUIKit.Droid.Resource.Attribute.searchIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.searchViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.searchViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.seekBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.seekBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.selectableItemBackground = global::EssentialUIKit.Droid.Resource.Attribute.selectableItemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.selectableItemBackgroundBorderless = global::EssentialUIKit.Droid.Resource.Attribute.selectableItemBackgroundBorderless;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.showAsAction = global::EssentialUIKit.Droid.Resource.Attribute.showAsAction;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.showDividers = global::EssentialUIKit.Droid.Resource.Attribute.showDividers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.showMotionSpec = global::EssentialUIKit.Droid.Resource.Attribute.showMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.showText = global::EssentialUIKit.Droid.Resource.Attribute.showText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.showTitle = global::EssentialUIKit.Droid.Resource.Attribute.showTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.singleChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.singleChoiceItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.singleLine = global::EssentialUIKit.Droid.Resource.Attribute.singleLine;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.singleSelection = global::EssentialUIKit.Droid.Resource.Attribute.singleSelection;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.snackbarButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.snackbarStyle = global::EssentialUIKit.Droid.Resource.Attribute.snackbarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.spanCount = global::EssentialUIKit.Droid.Resource.Attribute.spanCount;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.spinBars = global::EssentialUIKit.Droid.Resource.Attribute.spinBars;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.spinnerDropDownItemStyle = global::EssentialUIKit.Droid.Resource.Attribute.spinnerDropDownItemStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.spinnerStyle = global::EssentialUIKit.Droid.Resource.Attribute.spinnerStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.splitTrack = global::EssentialUIKit.Droid.Resource.Attribute.splitTrack;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.srcCompat = global::EssentialUIKit.Droid.Resource.Attribute.srcCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.stackFromEnd = global::EssentialUIKit.Droid.Resource.Attribute.stackFromEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.state_above_anchor = global::EssentialUIKit.Droid.Resource.Attribute.state_above_anchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.state_collapsed = global::EssentialUIKit.Droid.Resource.Attribute.state_collapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.state_collapsible = global::EssentialUIKit.Droid.Resource.Attribute.state_collapsible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.state_liftable = global::EssentialUIKit.Droid.Resource.Attribute.state_liftable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.state_lifted = global::EssentialUIKit.Droid.Resource.Attribute.state_lifted;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.statusBarBackground = global::EssentialUIKit.Droid.Resource.Attribute.statusBarBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.statusBarScrim = global::EssentialUIKit.Droid.Resource.Attribute.statusBarScrim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.strokeColor = global::EssentialUIKit.Droid.Resource.Attribute.strokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.strokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.strokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.subMenuArrow = global::EssentialUIKit.Droid.Resource.Attribute.subMenuArrow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.submitBackground = global::EssentialUIKit.Droid.Resource.Attribute.submitBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.subtitle = global::EssentialUIKit.Droid.Resource.Attribute.subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.subtitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.subtitleTextColor = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.suggestionRowLayout = global::EssentialUIKit.Droid.Resource.Attribute.suggestionRowLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.switchMinWidth = global::EssentialUIKit.Droid.Resource.Attribute.switchMinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.switchPadding = global::EssentialUIKit.Droid.Resource.Attribute.switchPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.switchStyle = global::EssentialUIKit.Droid.Resource.Attribute.switchStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.switchTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.switchTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabBackground = global::EssentialUIKit.Droid.Resource.Attribute.tabBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabContentStart = global::EssentialUIKit.Droid.Resource.Attribute.tabContentStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabGravity = global::EssentialUIKit.Droid.Resource.Attribute.tabGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIconTint = global::EssentialUIKit.Droid.Resource.Attribute.tabIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIconTintMode = global::EssentialUIKit.Droid.Resource.Attribute.tabIconTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicator = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicatorAnimationDuration = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorAnimationDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicatorColor = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicatorFullWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorFullWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicatorGravity = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabIndicatorHeight = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabInlineLabel = global::EssentialUIKit.Droid.Resource.Attribute.tabInlineLabel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabMaxWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabMaxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabMinWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabMinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabMode = global::EssentialUIKit.Droid.Resource.Attribute.tabMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabPadding = global::EssentialUIKit.Droid.Resource.Attribute.tabPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabPaddingBottom = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabPaddingEnd = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabPaddingStart = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabRippleColor = global::EssentialUIKit.Droid.Resource.Attribute.tabRippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabSelectedTextColor = global::EssentialUIKit.Droid.Resource.Attribute.tabSelectedTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabStyle = global::EssentialUIKit.Droid.Resource.Attribute.tabStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.tabTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabTextColor = global::EssentialUIKit.Droid.Resource.Attribute.tabTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tabUnboundedRipple = global::EssentialUIKit.Droid.Resource.Attribute.tabUnboundedRipple;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAllCaps = global::EssentialUIKit.Droid.Resource.Attribute.textAllCaps;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceBody1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceBody1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceBody2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceBody2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceButton = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceCaption = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceCaption;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline3 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline4 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline5 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline5;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceHeadline6 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline6;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceLargePopupMenu = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceLargePopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceListItem = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceListItemSecondary = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItemSecondary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceListItemSmall = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItemSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceOverline = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceOverline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearancePopupMenuHeader = global::EssentialUIKit.Droid.Resource.Attribute.textAppearancePopupMenuHeader;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceSearchResultSubtitle = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSearchResultSubtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceSearchResultTitle = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSearchResultTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceSmallPopupMenu = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSmallPopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceSubtitle1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSubtitle1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textAppearanceSubtitle2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSubtitle2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textColorAlertDialogListItem = global::EssentialUIKit.Droid.Resource.Attribute.textColorAlertDialogListItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textColorSearchUrl = global::EssentialUIKit.Droid.Resource.Attribute.textColorSearchUrl;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.textEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textInputStyle = global::EssentialUIKit.Droid.Resource.Attribute.textInputStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.textStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.textStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.theme = global::EssentialUIKit.Droid.Resource.Attribute.theme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.thickness = global::EssentialUIKit.Droid.Resource.Attribute.thickness;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.thumbTextPadding = global::EssentialUIKit.Droid.Resource.Attribute.thumbTextPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.thumbTint = global::EssentialUIKit.Droid.Resource.Attribute.thumbTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.thumbTintMode = global::EssentialUIKit.Droid.Resource.Attribute.thumbTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tickMark = global::EssentialUIKit.Droid.Resource.Attribute.tickMark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tickMarkTint = global::EssentialUIKit.Droid.Resource.Attribute.tickMarkTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tickMarkTintMode = global::EssentialUIKit.Droid.Resource.Attribute.tickMarkTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tint = global::EssentialUIKit.Droid.Resource.Attribute.tint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tintMode = global::EssentialUIKit.Droid.Resource.Attribute.tintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.title = global::EssentialUIKit.Droid.Resource.Attribute.title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleEnabled = global::EssentialUIKit.Droid.Resource.Attribute.titleEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMargin = global::EssentialUIKit.Droid.Resource.Attribute.titleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMarginBottom = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMarginEnd = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMarginStart = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMarginTop = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleMargins = global::EssentialUIKit.Droid.Resource.Attribute.titleMargins;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.titleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleTextColor = global::EssentialUIKit.Droid.Resource.Attribute.titleTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.titleTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.titleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.toolbarId = global::EssentialUIKit.Droid.Resource.Attribute.toolbarId;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.toolbarNavigationButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.toolbarNavigationButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.toolbarStyle = global::EssentialUIKit.Droid.Resource.Attribute.toolbarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tooltipForegroundColor = global::EssentialUIKit.Droid.Resource.Attribute.tooltipForegroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tooltipFrameBackground = global::EssentialUIKit.Droid.Resource.Attribute.tooltipFrameBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.tooltipText = global::EssentialUIKit.Droid.Resource.Attribute.tooltipText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.track = global::EssentialUIKit.Droid.Resource.Attribute.track;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.trackTint = global::EssentialUIKit.Droid.Resource.Attribute.trackTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.trackTintMode = global::EssentialUIKit.Droid.Resource.Attribute.trackTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.ttcIndex = global::EssentialUIKit.Droid.Resource.Attribute.ttcIndex;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.useCompatPadding = global::EssentialUIKit.Droid.Resource.Attribute.useCompatPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.viewInflaterClass = global::EssentialUIKit.Droid.Resource.Attribute.viewInflaterClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.voiceIcon = global::EssentialUIKit.Droid.Resource.Attribute.voiceIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowActionBar = global::EssentialUIKit.Droid.Resource.Attribute.windowActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowActionBarOverlay = global::EssentialUIKit.Droid.Resource.Attribute.windowActionBarOverlay;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowActionModeOverlay = global::EssentialUIKit.Droid.Resource.Attribute.windowActionModeOverlay;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowFixedHeightMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedHeightMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowFixedHeightMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedHeightMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowFixedWidthMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedWidthMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowFixedWidthMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedWidthMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowMinWidthMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowMinWidthMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowMinWidthMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowMinWidthMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Attribute.windowNoTitle = global::EssentialUIKit.Droid.Resource.Attribute.windowNoTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Boolean.abc_action_bar_embed_tabs = global::EssentialUIKit.Droid.Resource.Boolean.abc_action_bar_embed_tabs;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Boolean.abc_allow_stacked_button_bar = global::EssentialUIKit.Droid.Resource.Boolean.abc_allow_stacked_button_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Boolean.abc_config_actionMenuItemAllCaps = global::EssentialUIKit.Droid.Resource.Boolean.abc_config_actionMenuItemAllCaps;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Boolean.mtrl_btn_textappearance_all_caps = global::EssentialUIKit.Droid.Resource.Boolean.mtrl_btn_textappearance_all_caps;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_background_cache_hint_selector_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_background_cache_hint_selector_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_background_cache_hint_selector_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_background_cache_hint_selector_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_btn_colored_borderless_text_material = global::EssentialUIKit.Droid.Resource.Color.abc_btn_colored_borderless_text_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_btn_colored_text_material = global::EssentialUIKit.Droid.Resource.Color.abc_btn_colored_text_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_color_highlight_material = global::EssentialUIKit.Droid.Resource.Color.abc_color_highlight_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_hint_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_hint_foreground_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_hint_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_hint_foreground_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_input_method_navigation_guard = global::EssentialUIKit.Droid.Resource.Color.abc_input_method_navigation_guard;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_primary_text_disable_only_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_disable_only_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_primary_text_disable_only_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_disable_only_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_primary_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_primary_text_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_search_url_text = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_search_url_text_normal = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_normal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_search_url_text_pressed = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_pressed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_search_url_text_selected = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_selected;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_secondary_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_secondary_text_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_secondary_text_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_secondary_text_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_btn_checkable = global::EssentialUIKit.Droid.Resource.Color.abc_tint_btn_checkable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_default = global::EssentialUIKit.Droid.Resource.Color.abc_tint_default;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_edittext = global::EssentialUIKit.Droid.Resource.Color.abc_tint_edittext;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_seek_thumb = global::EssentialUIKit.Droid.Resource.Color.abc_tint_seek_thumb;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_spinner = global::EssentialUIKit.Droid.Resource.Color.abc_tint_spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.abc_tint_switch_track = global::EssentialUIKit.Droid.Resource.Color.abc_tint_switch_track;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.accent_material_dark = global::EssentialUIKit.Droid.Resource.Color.accent_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.accent_material_light = global::EssentialUIKit.Droid.Resource.Color.accent_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.background_floating_material_dark = global::EssentialUIKit.Droid.Resource.Color.background_floating_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.background_floating_material_light = global::EssentialUIKit.Droid.Resource.Color.background_floating_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.background_material_dark = global::EssentialUIKit.Droid.Resource.Color.background_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.background_material_light = global::EssentialUIKit.Droid.Resource.Color.background_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_disabled_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_disabled_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_inverse_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_inverse_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_inverse_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_inverse_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.bright_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.browser_actions_bg_grey = global::EssentialUIKit.Droid.Resource.Color.browser_actions_bg_grey;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.browser_actions_divider_color = global::EssentialUIKit.Droid.Resource.Color.browser_actions_divider_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.browser_actions_text_color = global::EssentialUIKit.Droid.Resource.Color.browser_actions_text_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.browser_actions_title_color = global::EssentialUIKit.Droid.Resource.Color.browser_actions_title_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.button_material_dark = global::EssentialUIKit.Droid.Resource.Color.button_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.button_material_light = global::EssentialUIKit.Droid.Resource.Color.button_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.cardview_dark_background = global::EssentialUIKit.Droid.Resource.Color.cardview_dark_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.cardview_light_background = global::EssentialUIKit.Droid.Resource.Color.cardview_light_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.cardview_shadow_end_color = global::EssentialUIKit.Droid.Resource.Color.cardview_shadow_end_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.cardview_shadow_start_color = global::EssentialUIKit.Droid.Resource.Color.cardview_shadow_start_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_bottom_navigation_shadow_color = global::EssentialUIKit.Droid.Resource.Color.design_bottom_navigation_shadow_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_default_color_primary = global::EssentialUIKit.Droid.Resource.Color.design_default_color_primary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_default_color_primary_dark = global::EssentialUIKit.Droid.Resource.Color.design_default_color_primary_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_error = global::EssentialUIKit.Droid.Resource.Color.design_error;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_shadow_end_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_end_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_shadow_mid_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_mid_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_shadow_start_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_start_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_stroke_end_inner_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_end_inner_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_stroke_end_outer_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_end_outer_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_stroke_top_inner_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_top_inner_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_fab_stroke_top_outer_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_top_outer_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_snackbar_background_color = global::EssentialUIKit.Droid.Resource.Color.design_snackbar_background_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.design_tint_password_toggle = global::EssentialUIKit.Droid.Resource.Color.design_tint_password_toggle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.dim_foreground_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_disabled_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.dim_foreground_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_disabled_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.dim_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.dim_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.error_color_material_dark = global::EssentialUIKit.Droid.Resource.Color.error_color_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.error_color_material_light = global::EssentialUIKit.Droid.Resource.Color.error_color_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.foreground_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.foreground_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.highlighted_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.highlighted_text_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.highlighted_text_material_light = global::EssentialUIKit.Droid.Resource.Color.highlighted_text_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_blue_grey_800 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_800;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_blue_grey_900 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_900;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_blue_grey_950 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_950;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_deep_teal_200 = global::EssentialUIKit.Droid.Resource.Color.material_deep_teal_200;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_deep_teal_500 = global::EssentialUIKit.Droid.Resource.Color.material_deep_teal_500;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_100 = global::EssentialUIKit.Droid.Resource.Color.material_grey_100;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_300 = global::EssentialUIKit.Droid.Resource.Color.material_grey_300;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_50 = global::EssentialUIKit.Droid.Resource.Color.material_grey_50;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_600 = global::EssentialUIKit.Droid.Resource.Color.material_grey_600;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_800 = global::EssentialUIKit.Droid.Resource.Color.material_grey_800;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_850 = global::EssentialUIKit.Droid.Resource.Color.material_grey_850;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.material_grey_900 = global::EssentialUIKit.Droid.Resource.Color.material_grey_900;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_bottom_nav_colored_item_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_bottom_nav_colored_item_tint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_bottom_nav_item_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_bottom_nav_item_tint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_bg_color_disabled = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_bg_color_disabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_bg_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_bg_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_stroke_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_stroke_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_text_btn_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_btn_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_text_color_disabled = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_color_disabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_btn_transparent_bg_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_transparent_bg_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_chip_background_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_background_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_chip_close_icon_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_close_icon_tint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_chip_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_chip_text_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_text_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_fab_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_fab_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_scrim_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_scrim_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_tabs_colored_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_colored_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_tabs_icon_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_icon_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_tabs_icon_color_selector_colored = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_icon_color_selector_colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_tabs_legacy_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_legacy_text_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_tabs_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_ripple_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_text_btn_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_text_btn_text_color_selector;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_textinput_default_box_stroke_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_default_box_stroke_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_textinput_disabled_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_disabled_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_textinput_filled_box_default_background_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_filled_box_default_background_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.mtrl_textinput_hovered_box_stroke_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_hovered_box_stroke_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.notification_action_color_filter = global::EssentialUIKit.Droid.Resource.Color.notification_action_color_filter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.notification_icon_bg_color = global::EssentialUIKit.Droid.Resource.Color.notification_icon_bg_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_dark_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_dark_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_dark_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_dark_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_text_default_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_text_default_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_text_default_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_text_default_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_text_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_text_disabled_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.primary_text_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_text_disabled_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.ripple_material_dark = global::EssentialUIKit.Droid.Resource.Color.ripple_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.ripple_material_light = global::EssentialUIKit.Droid.Resource.Color.ripple_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.secondary_text_default_material_dark = global::EssentialUIKit.Droid.Resource.Color.secondary_text_default_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.secondary_text_default_material_light = global::EssentialUIKit.Droid.Resource.Color.secondary_text_default_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.secondary_text_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.secondary_text_disabled_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.secondary_text_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.secondary_text_disabled_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_disabled_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_disabled_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_normal_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_normal_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.switch_thumb_normal_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_normal_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.tooltip_background_dark = global::EssentialUIKit.Droid.Resource.Color.tooltip_background_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Color.tooltip_background_light = global::EssentialUIKit.Droid.Resource.Color.tooltip_background_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_content_inset_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_content_inset_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_content_inset_with_nav = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_content_inset_with_nav;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_default_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_height_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_default_padding_end_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_padding_end_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_default_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_padding_start_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_elevation_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_elevation_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_icon_vertical_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_icon_vertical_padding_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_overflow_padding_end_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_overflow_padding_end_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_overflow_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_overflow_padding_start_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_stacked_max_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_stacked_max_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_stacked_tab_max_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_stacked_tab_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_subtitle_bottom_margin_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_subtitle_bottom_margin_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_bar_subtitle_top_margin_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_subtitle_top_margin_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_button_min_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_height_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_button_min_width_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_width_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_action_button_min_width_overflow_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_width_overflow_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_alert_dialog_button_bar_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_alert_dialog_button_bar_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_alert_dialog_button_dimen = global::EssentialUIKit.Droid.Resource.Dimension.abc_alert_dialog_button_dimen;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_button_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_inset_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_button_inset_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_inset_vertical_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_button_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_padding_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_button_padding_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_padding_vertical_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_cascading_menus_min_smallest_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_cascading_menus_min_smallest_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_config_prefDialogWidth = global::EssentialUIKit.Droid.Resource.Dimension.abc_config_prefDialogWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_control_corner_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_corner_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_control_inset_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_inset_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_control_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_padding_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_corner_radius_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_corner_radius_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_fixed_height_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_height_major;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_fixed_height_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_height_minor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_fixed_width_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_width_major;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_fixed_width_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_width_minor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_list_padding_bottom_no_buttons = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_list_padding_bottom_no_buttons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_list_padding_top_no_title = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_list_padding_top_no_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_min_width_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_min_width_major;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_min_width_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_min_width_minor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_padding_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_padding_top_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_padding_top_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dialog_title_divider_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_title_divider_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_disabled_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.abc_disabled_alpha_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_disabled_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.abc_disabled_alpha_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dropdownitem_icon_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_icon_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dropdownitem_text_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_text_padding_left;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_dropdownitem_text_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_text_padding_right;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_edit_text_inset_bottom_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_bottom_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_edit_text_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_edit_text_inset_top_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_top_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_floating_window_z = global::EssentialUIKit.Droid.Resource.Dimension.abc_floating_window_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_list_item_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_list_item_padding_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_panel_menu_list_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_panel_menu_list_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_progress_bar_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_progress_bar_height_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_search_view_preferred_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_search_view_preferred_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_search_view_preferred_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_search_view_preferred_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_seekbar_track_background_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_seekbar_track_background_height_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_seekbar_track_progress_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_seekbar_track_progress_height_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_select_dialog_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_select_dialog_padding_start_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_switch_padding = global::EssentialUIKit.Droid.Resource.Dimension.abc_switch_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_body_1_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_body_1_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_body_2_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_body_2_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_button_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_button_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_caption_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_caption_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_display_1_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_1_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_display_2_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_2_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_display_3_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_3_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_display_4_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_4_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_headline_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_headline_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_large_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_large_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_medium_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_medium_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_menu_header_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_menu_header_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_menu_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_menu_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_small_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_small_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_subhead_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_subhead_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_subtitle_material_toolbar = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_subtitle_material_toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_title_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_title_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.abc_text_size_title_material_toolbar = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_title_material_toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.browser_actions_context_menu_max_width = global::EssentialUIKit.Droid.Resource.Dimension.browser_actions_context_menu_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.browser_actions_context_menu_min_padding = global::EssentialUIKit.Droid.Resource.Dimension.browser_actions_context_menu_min_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.cardview_compat_inset_shadow = global::EssentialUIKit.Droid.Resource.Dimension.cardview_compat_inset_shadow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.cardview_default_elevation = global::EssentialUIKit.Droid.Resource.Dimension.cardview_default_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.cardview_default_radius = global::EssentialUIKit.Droid.Resource.Dimension.cardview_default_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_button_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_inset_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_button_inset_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_inset_vertical_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_button_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_padding_horizontal_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_button_padding_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_padding_vertical_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_control_corner_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_control_corner_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_notification_large_icon_max_height = global::EssentialUIKit.Droid.Resource.Dimension.compat_notification_large_icon_max_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.compat_notification_large_icon_max_width = global::EssentialUIKit.Droid.Resource.Dimension.compat_notification_large_icon_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_appbar_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_appbar_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_active_item_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_item_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_active_item_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_item_min_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_active_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_height = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_icon_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_item_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_item_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_item_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_item_min_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_margin = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_shadow_height = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_shadow_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_navigation_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_sheet_modal_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_sheet_modal_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_bottom_sheet_peek_height_min = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_sheet_peek_height_min;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_border_width = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_border_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_image_size = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_image_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_size_mini = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_size_mini;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_size_normal = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_size_normal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_translation_z_hovered_focused = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_translation_z_hovered_focused;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_fab_translation_z_pressed = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_translation_z_pressed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_icon_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_icon_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_item_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_item_horizontal_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_item_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_item_icon_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_padding_bottom = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_padding_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_navigation_separator_vertical_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_separator_vertical_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_action_inline_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_action_inline_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_background_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_background_corner_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_extra_spacing_horizontal = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_extra_spacing_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_min_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_padding_horizontal = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_padding_vertical = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_vertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_padding_vertical_2lines = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_vertical_2lines;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_snackbar_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_tab_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_max_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_tab_scrollable_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_scrollable_min_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_tab_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_tab_text_size_2line = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_text_size_2line;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.design_textinput_caption_translate_y = global::EssentialUIKit.Droid.Resource.Dimension.design_textinput_caption_translate_y;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.disabled_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.disabled_alpha_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.disabled_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.disabled_alpha_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.fastscroll_default_thickness = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_default_thickness;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.fastscroll_margin = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.fastscroll_minimum_range = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_minimum_range;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.highlight_alpha_material_colored = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.highlight_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.highlight_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.hint_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.hint_alpha_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.hint_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.hint_alpha_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.hint_pressed_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.hint_pressed_alpha_material_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.hint_pressed_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.hint_pressed_alpha_material_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.item_touch_helper_max_drag_scroll_per_frame = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_max_drag_scroll_per_frame;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.item_touch_helper_swipe_escape_max_velocity = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_swipe_escape_max_velocity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.item_touch_helper_swipe_escape_velocity = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_swipe_escape_velocity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_bottomappbar_fabOffsetEndMode = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fabOffsetEndMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_bottomappbar_fab_cradle_margin = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_bottomappbar_fab_cradle_rounded_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_rounded_corner_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_bottomappbar_fab_cradle_vertical_offset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_vertical_offset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_bottomappbar_height = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_corner_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_dialog_btn_min_width = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_dialog_btn_min_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_disabled_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_disabled_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_disabled_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_disabled_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_focused_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_focused_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_hovered_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_hovered_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_icon_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_icon_btn_padding_left;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_icon_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_inset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_inset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_letter_spacing = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_letter_spacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_padding_bottom = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_left;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_right;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_pressed_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_pressed_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_stroke_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_stroke_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_text_btn_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_icon_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_text_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_padding_left;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_text_btn_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_padding_right;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_text_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_btn_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_card_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_card_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_card_spacing = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_card_spacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_chip_pressed_translation_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_chip_pressed_translation_z;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_chip_text_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_chip_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_fab_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_fab_translation_z_hovered_focused = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_translation_z_hovered_focused;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_fab_translation_z_pressed = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_translation_z_pressed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_navigation_item_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_item_horizontal_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_navigation_item_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_item_icon_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_snackbar_background_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_snackbar_background_corner_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_snackbar_margin = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_snackbar_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_bottom_offset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_bottom_offset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_corner_radius_medium = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_corner_radius_medium;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_corner_radius_small = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_corner_radius_small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_label_cutout_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_label_cutout_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_padding_end = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_padding_end;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_stroke_width_default = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_stroke_width_default;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_box_stroke_width_focused = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_stroke_width_focused;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_textinput_outline_box_expanded_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_outline_box_expanded_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.mtrl_toolbar_default_height = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_toolbar_default_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_action_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_action_icon_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_action_text_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_action_text_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_big_circle_margin = global::EssentialUIKit.Droid.Resource.Dimension.notification_big_circle_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_content_margin_start = global::EssentialUIKit.Droid.Resource.Dimension.notification_content_margin_start;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_large_icon_height = global::EssentialUIKit.Droid.Resource.Dimension.notification_large_icon_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_large_icon_width = global::EssentialUIKit.Droid.Resource.Dimension.notification_large_icon_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_main_column_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.notification_main_column_padding_top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_media_narrow_margin = global::EssentialUIKit.Droid.Resource.Dimension.notification_media_narrow_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_right_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_right_icon_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_right_side_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.notification_right_side_padding_top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_small_icon_background_padding = global::EssentialUIKit.Droid.Resource.Dimension.notification_small_icon_background_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_small_icon_size_as_large = global::EssentialUIKit.Droid.Resource.Dimension.notification_small_icon_size_as_large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_subtext_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_subtext_size;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_top_pad = global::EssentialUIKit.Droid.Resource.Dimension.notification_top_pad;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.notification_top_pad_large_text = global::EssentialUIKit.Droid.Resource.Dimension.notification_top_pad_large_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_corner_radius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_horizontal_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_margin = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_margin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_precise_anchor_extra_offset = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_precise_anchor_extra_offset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_precise_anchor_threshold = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_precise_anchor_threshold;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_vertical_padding = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_vertical_padding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_y_offset_non_touch = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_y_offset_non_touch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Dimension.tooltip_y_offset_touch = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_y_offset_touch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ab_share_pack_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ab_share_pack_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_action_bar_item_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_action_bar_item_background_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_borderless_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_borderless_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_check_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_check_to_on_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_to_on_mtrl_000;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_check_to_on_mtrl_015 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_to_on_mtrl_015;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_colored_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_colored_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_default_mtrl_shape = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_default_mtrl_shape;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_radio_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_radio_to_on_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_to_on_mtrl_000;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_radio_to_on_mtrl_015 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_to_on_mtrl_015;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_switch_to_on_mtrl_00001 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_switch_to_on_mtrl_00001;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_btn_switch_to_on_mtrl_00012 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_switch_to_on_mtrl_00012;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_cab_background_internal_bg = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_internal_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_cab_background_top_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_top_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_cab_background_top_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_top_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_control_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_control_background_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_dialog_material_background = global::EssentialUIKit.Droid.Resource.Drawable.abc_dialog_material_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_edit_text_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_edit_text_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_ab_back_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_ab_back_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_arrow_drop_right_black_24dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_arrow_drop_right_black_24dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_clear_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_clear_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_commit_search_api_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_commit_search_api_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_go_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_go_search_api_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_copy_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_copy_mtrl_am_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_cut_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_cut_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_overflow_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_overflow_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_paste_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_paste_mtrl_am_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_selectall_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_selectall_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_menu_share_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_share_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_search_api_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_black_16dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_16dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_black_36dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_36dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_black_48dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_48dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_half_black_16dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_16dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_half_black_36dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_36dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_star_half_black_48dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_48dp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ic_voice_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_voice_search_api_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_item_background_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_item_background_holo_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_item_background_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_item_background_holo_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_divider_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_divider_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_divider_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_divider_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_focused_holo = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_focused_holo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_longpressed_holo = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_longpressed_holo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_pressed_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_pressed_holo_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_pressed_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_pressed_holo_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_background_transition_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_background_transition_holo_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_background_transition_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_background_transition_holo_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_disabled_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_disabled_holo_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_disabled_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_disabled_holo_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_holo_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_list_selector_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_holo_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_menu_hardkey_panel_mtrl_mult = global::EssentialUIKit.Droid.Resource.Drawable.abc_menu_hardkey_panel_mtrl_mult;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_popup_background_mtrl_mult = global::EssentialUIKit.Droid.Resource.Drawable.abc_popup_background_mtrl_mult;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ratingbar_indicator_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_indicator_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ratingbar_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_ratingbar_small_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_small_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_scrubber_control_off_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_off_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_000;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_005 = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_005;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_scrubber_primary_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_primary_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_scrubber_track_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_track_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_seekbar_thumb_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_thumb_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_seekbar_tick_mark_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_tick_mark_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_seekbar_track_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_track_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_spinner_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_spinner_mtrl_am_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_spinner_textfield_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_spinner_textfield_background_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_switch_thumb_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_switch_thumb_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_switch_track_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_switch_track_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_tab_indicator_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_tab_indicator_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_tab_indicator_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_tab_indicator_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_cursor_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_cursor_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_left_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_left_mtrl_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_left_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_left_mtrl_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_middle_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_middle_mtrl_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_middle_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_middle_mtrl_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_right_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_right_mtrl_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_text_select_handle_right_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_right_mtrl_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_textfield_activated_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_activated_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_textfield_default_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_default_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_textfield_search_activated_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_activated_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_textfield_search_default_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_default_mtrl_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_textfield_search_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.abc_vector_test = global::EssentialUIKit.Droid.Resource.Drawable.abc_vector_test;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar1 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar10 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar10;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar11 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar11;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar12 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar12;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar13 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar13;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar14 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar14;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar15 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar15;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar16 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar16;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar17 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar17;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar18 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar18;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar19 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar19;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar2 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar20 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar20;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar21 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar21;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar22 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar22;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar23 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar23;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar24 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar24;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar25 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar25;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar26 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar26;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar27 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar27;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar28 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar28;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar29 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar29;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar3 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar30 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar30;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar4 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar5 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar5;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar6 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar6;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar7 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar7;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar8 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar8;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.Avatar9 = global::EssentialUIKit.Droid.Resource.Drawable.Avatar9;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.avd_hide_password = global::EssentialUIKit.Droid.Resource.Drawable.avd_hide_password;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.avd_show_password = global::EssentialUIKit.Droid.Resource.Drawable.avd_show_password;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_bottom_navigation_item_background = global::EssentialUIKit.Droid.Resource.Drawable.design_bottom_navigation_item_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_fab_background = global::EssentialUIKit.Droid.Resource.Drawable.design_fab_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_ic_visibility = global::EssentialUIKit.Droid.Resource.Drawable.design_ic_visibility;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_ic_visibility_off = global::EssentialUIKit.Droid.Resource.Drawable.design_ic_visibility_off;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_password_eye = global::EssentialUIKit.Droid.Resource.Drawable.design_password_eye;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.design_snackbar_background = global::EssentialUIKit.Droid.Resource.Drawable.design_snackbar_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.dropdownbuttonimage = global::EssentialUIKit.Droid.Resource.Drawable.dropdownbuttonimage;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.ic_mtrl_chip_checked_black = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_checked_black;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.ic_mtrl_chip_checked_circle = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_checked_circle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.ic_mtrl_chip_close_circle = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_close_circle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.input_layout_drop_down_icon = global::EssentialUIKit.Droid.Resource.Drawable.input_layout_drop_down_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.inputlayout_togglecollapseicon = global::EssentialUIKit.Droid.Resource.Drawable.inputlayout_togglecollapseicon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.inputlayout_togglevisibleicon = global::EssentialUIKit.Droid.Resource.Drawable.inputlayout_togglevisibleicon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.mtrl_snackbar_background = global::EssentialUIKit.Droid.Resource.Drawable.mtrl_snackbar_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.mtrl_tabs_default_indicator = global::EssentialUIKit.Droid.Resource.Drawable.mtrl_tabs_default_indicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.navigation_empty_icon = global::EssentialUIKit.Droid.Resource.Drawable.navigation_empty_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_action_background = global::EssentialUIKit.Droid.Resource.Drawable.notification_action_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg_low = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg_low_normal = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low_normal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg_low_pressed = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low_pressed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg_normal = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_normal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_bg_normal_pressed = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_normal_pressed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_icon_background = global::EssentialUIKit.Droid.Resource.Drawable.notification_icon_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_template_icon_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_template_icon_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_template_icon_low_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_template_icon_low_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notification_tile_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_tile_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.notify_panel_notification_icon_bg = global::EssentialUIKit.Droid.Resource.Drawable.notify_panel_notification_icon_bg;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.tooltip_frame_dark = global::EssentialUIKit.Droid.Resource.Drawable.tooltip_frame_dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Drawable.tooltip_frame_light = global::EssentialUIKit.Droid.Resource.Drawable.tooltip_frame_light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.ALT = global::EssentialUIKit.Droid.Resource.Id.ALT;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.CTRL = global::EssentialUIKit.Droid.Resource.Id.CTRL;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.FUNCTION = global::EssentialUIKit.Droid.Resource.Id.FUNCTION;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.Itemname = global::EssentialUIKit.Droid.Resource.Id.Itemname;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.META = global::EssentialUIKit.Droid.Resource.Id.META;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.SHIFT = global::EssentialUIKit.Droid.Resource.Id.SHIFT;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.SYM = global::EssentialUIKit.Droid.Resource.Id.SYM;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar = global::EssentialUIKit.Droid.Resource.Id.action_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_activity_content = global::EssentialUIKit.Droid.Resource.Id.action_bar_activity_content;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_container = global::EssentialUIKit.Droid.Resource.Id.action_bar_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_root = global::EssentialUIKit.Droid.Resource.Id.action_bar_root;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_spinner = global::EssentialUIKit.Droid.Resource.Id.action_bar_spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_subtitle = global::EssentialUIKit.Droid.Resource.Id.action_bar_subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_bar_title = global::EssentialUIKit.Droid.Resource.Id.action_bar_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_container = global::EssentialUIKit.Droid.Resource.Id.action_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_context_bar = global::EssentialUIKit.Droid.Resource.Id.action_context_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_divider = global::EssentialUIKit.Droid.Resource.Id.action_divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_image = global::EssentialUIKit.Droid.Resource.Id.action_image;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_menu_divider = global::EssentialUIKit.Droid.Resource.Id.action_menu_divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_menu_presenter = global::EssentialUIKit.Droid.Resource.Id.action_menu_presenter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_mode_bar = global::EssentialUIKit.Droid.Resource.Id.action_mode_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_mode_bar_stub = global::EssentialUIKit.Droid.Resource.Id.action_mode_bar_stub;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_mode_close_button = global::EssentialUIKit.Droid.Resource.Id.action_mode_close_button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.action_text = global::EssentialUIKit.Droid.Resource.Id.action_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.actions = global::EssentialUIKit.Droid.Resource.Id.actions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.activity_chooser_view_content = global::EssentialUIKit.Droid.Resource.Id.activity_chooser_view_content;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.add = global::EssentialUIKit.Droid.Resource.Id.add;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.alertTitle = global::EssentialUIKit.Droid.Resource.Id.alertTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.all = global::EssentialUIKit.Droid.Resource.Id.all;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.always = global::EssentialUIKit.Droid.Resource.Id.always;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.async = global::EssentialUIKit.Droid.Resource.Id.async;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.auto = global::EssentialUIKit.Droid.Resource.Id.auto;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.beginning = global::EssentialUIKit.Droid.Resource.Id.beginning;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.blocking = global::EssentialUIKit.Droid.Resource.Id.blocking;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.bottom = global::EssentialUIKit.Droid.Resource.Id.bottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.bottomtab_navarea = global::EssentialUIKit.Droid.Resource.Id.bottomtab_navarea;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.bottomtab_tabbar = global::EssentialUIKit.Droid.Resource.Id.bottomtab_tabbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.browser_actions_header_text = global::EssentialUIKit.Droid.Resource.Id.browser_actions_header_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.browser_actions_menu_item_icon = global::EssentialUIKit.Droid.Resource.Id.browser_actions_menu_item_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.browser_actions_menu_item_text = global::EssentialUIKit.Droid.Resource.Id.browser_actions_menu_item_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.browser_actions_menu_items = global::EssentialUIKit.Droid.Resource.Id.browser_actions_menu_items;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.browser_actions_menu_view = global::EssentialUIKit.Droid.Resource.Id.browser_actions_menu_view;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.buttonPanel = global::EssentialUIKit.Droid.Resource.Id.buttonPanel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.center = global::EssentialUIKit.Droid.Resource.Id.center;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.center_horizontal = global::EssentialUIKit.Droid.Resource.Id.center_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.center_vertical = global::EssentialUIKit.Droid.Resource.Id.center_vertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.checkbox = global::EssentialUIKit.Droid.Resource.Id.checkbox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.chronometer = global::EssentialUIKit.Droid.Resource.Id.chronometer;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.clip_horizontal = global::EssentialUIKit.Droid.Resource.Id.clip_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.clip_vertical = global::EssentialUIKit.Droid.Resource.Id.clip_vertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.collapseActionView = global::EssentialUIKit.Droid.Resource.Id.collapseActionView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.container = global::EssentialUIKit.Droid.Resource.Id.container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.content = global::EssentialUIKit.Droid.Resource.Id.content;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.contentPanel = global::EssentialUIKit.Droid.Resource.Id.contentPanel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.coordinator = global::EssentialUIKit.Droid.Resource.Id.coordinator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.custom = global::EssentialUIKit.Droid.Resource.Id.custom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.customPanel = global::EssentialUIKit.Droid.Resource.Id.customPanel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.decor_content_parent = global::EssentialUIKit.Droid.Resource.Id.decor_content_parent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.default_activity_button = global::EssentialUIKit.Droid.Resource.Id.default_activity_button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.design_bottom_sheet = global::EssentialUIKit.Droid.Resource.Id.design_bottom_sheet;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.design_menu_item_action_area = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_action_area;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.design_menu_item_action_area_stub = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_action_area_stub;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.design_menu_item_text = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.design_navigation_view = global::EssentialUIKit.Droid.Resource.Id.design_navigation_view;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.disableHome = global::EssentialUIKit.Droid.Resource.Id.disableHome;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.edit_query = global::EssentialUIKit.Droid.Resource.Id.edit_query;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.end = global::EssentialUIKit.Droid.Resource.Id.end;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.enterAlways = global::EssentialUIKit.Droid.Resource.Id.enterAlways;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.enterAlwaysCollapsed = global::EssentialUIKit.Droid.Resource.Id.enterAlwaysCollapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.exitUntilCollapsed = global::EssentialUIKit.Droid.Resource.Id.exitUntilCollapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.expand_activities_button = global::EssentialUIKit.Droid.Resource.Id.expand_activities_button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.expanded_menu = global::EssentialUIKit.Droid.Resource.Id.expanded_menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.fill = global::EssentialUIKit.Droid.Resource.Id.fill;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.fill_horizontal = global::EssentialUIKit.Droid.Resource.Id.fill_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.fill_vertical = global::EssentialUIKit.Droid.Resource.Id.fill_vertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.filled = global::EssentialUIKit.Droid.Resource.Id.filled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.@fixed = global::EssentialUIKit.Droid.Resource.Id.@fixed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.flyoutcontent_appbar = global::EssentialUIKit.Droid.Resource.Id.flyoutcontent_appbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.flyoutcontent_recycler = global::EssentialUIKit.Droid.Resource.Id.flyoutcontent_recycler;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.forever = global::EssentialUIKit.Droid.Resource.Id.forever;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.group_divider = global::EssentialUIKit.Droid.Resource.Id.group_divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.home = global::EssentialUIKit.Droid.Resource.Id.home;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.homeAsUp = global::EssentialUIKit.Droid.Resource.Id.homeAsUp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.icon = global::EssentialUIKit.Droid.Resource.Id.icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.icon_group = global::EssentialUIKit.Droid.Resource.Id.icon_group;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.ifRoom = global::EssentialUIKit.Droid.Resource.Id.ifRoom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.image = global::EssentialUIKit.Droid.Resource.Id.image;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.info = global::EssentialUIKit.Droid.Resource.Id.info;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.italic = global::EssentialUIKit.Droid.Resource.Id.italic;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.item_touch_helper_previous_elevation = global::EssentialUIKit.Droid.Resource.Id.item_touch_helper_previous_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.labeled = global::EssentialUIKit.Droid.Resource.Id.labeled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.largeLabel = global::EssentialUIKit.Droid.Resource.Id.largeLabel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.left = global::EssentialUIKit.Droid.Resource.Id.left;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.line1 = global::EssentialUIKit.Droid.Resource.Id.line1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.line3 = global::EssentialUIKit.Droid.Resource.Id.line3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.listMode = global::EssentialUIKit.Droid.Resource.Id.listMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.list_item = global::EssentialUIKit.Droid.Resource.Id.list_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.main_appbar = global::EssentialUIKit.Droid.Resource.Id.main_appbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.main_tablayout = global::EssentialUIKit.Droid.Resource.Id.main_tablayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.main_toolbar = global::EssentialUIKit.Droid.Resource.Id.main_toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.masked = global::EssentialUIKit.Droid.Resource.Id.masked;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.message = global::EssentialUIKit.Droid.Resource.Id.message;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.middle = global::EssentialUIKit.Droid.Resource.Id.middle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.mini = global::EssentialUIKit.Droid.Resource.Id.mini;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.mtrl_child_content_container = global::EssentialUIKit.Droid.Resource.Id.mtrl_child_content_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.mtrl_internal_children_alpha_tag = global::EssentialUIKit.Droid.Resource.Id.mtrl_internal_children_alpha_tag;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.multiply = global::EssentialUIKit.Droid.Resource.Id.multiply;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.navigation_header_container = global::EssentialUIKit.Droid.Resource.Id.navigation_header_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.never = global::EssentialUIKit.Droid.Resource.Id.never;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.none = global::EssentialUIKit.Droid.Resource.Id.none;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.normal = global::EssentialUIKit.Droid.Resource.Id.normal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.notification_background = global::EssentialUIKit.Droid.Resource.Id.notification_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.notification_main_column = global::EssentialUIKit.Droid.Resource.Id.notification_main_column;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.notification_main_column_container = global::EssentialUIKit.Droid.Resource.Id.notification_main_column_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.outline = global::EssentialUIKit.Droid.Resource.Id.outline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.parallax = global::EssentialUIKit.Droid.Resource.Id.parallax;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.parentPanel = global::EssentialUIKit.Droid.Resource.Id.parentPanel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.pin = global::EssentialUIKit.Droid.Resource.Id.pin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.progress_circular = global::EssentialUIKit.Droid.Resource.Id.progress_circular;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.progress_horizontal = global::EssentialUIKit.Droid.Resource.Id.progress_horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.radio = global::EssentialUIKit.Droid.Resource.Id.radio;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.right = global::EssentialUIKit.Droid.Resource.Id.right;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.right_icon = global::EssentialUIKit.Droid.Resource.Id.right_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.right_side = global::EssentialUIKit.Droid.Resource.Id.right_side;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.screen = global::EssentialUIKit.Droid.Resource.Id.screen;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.scroll = global::EssentialUIKit.Droid.Resource.Id.scroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.scrollIndicatorDown = global::EssentialUIKit.Droid.Resource.Id.scrollIndicatorDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.scrollIndicatorUp = global::EssentialUIKit.Droid.Resource.Id.scrollIndicatorUp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.scrollView = global::EssentialUIKit.Droid.Resource.Id.scrollView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.scrollable = global::EssentialUIKit.Droid.Resource.Id.scrollable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_badge = global::EssentialUIKit.Droid.Resource.Id.search_badge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_bar = global::EssentialUIKit.Droid.Resource.Id.search_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_button = global::EssentialUIKit.Droid.Resource.Id.search_button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_close_btn = global::EssentialUIKit.Droid.Resource.Id.search_close_btn;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_edit_frame = global::EssentialUIKit.Droid.Resource.Id.search_edit_frame;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_go_btn = global::EssentialUIKit.Droid.Resource.Id.search_go_btn;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_mag_icon = global::EssentialUIKit.Droid.Resource.Id.search_mag_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_plate = global::EssentialUIKit.Droid.Resource.Id.search_plate;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_src_text = global::EssentialUIKit.Droid.Resource.Id.search_src_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.search_voice_btn = global::EssentialUIKit.Droid.Resource.Id.search_voice_btn;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.select_dialog_listview = global::EssentialUIKit.Droid.Resource.Id.select_dialog_listview;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.selected = global::EssentialUIKit.Droid.Resource.Id.selected;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.shellcontent_appbar = global::EssentialUIKit.Droid.Resource.Id.shellcontent_appbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.shellcontent_toolbar = global::EssentialUIKit.Droid.Resource.Id.shellcontent_toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.shortcut = global::EssentialUIKit.Droid.Resource.Id.shortcut;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.showCustom = global::EssentialUIKit.Droid.Resource.Id.showCustom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.showHome = global::EssentialUIKit.Droid.Resource.Id.showHome;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.showTitle = global::EssentialUIKit.Droid.Resource.Id.showTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.smallLabel = global::EssentialUIKit.Droid.Resource.Id.smallLabel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.snackbar_action = global::EssentialUIKit.Droid.Resource.Id.snackbar_action;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.snackbar_text = global::EssentialUIKit.Droid.Resource.Id.snackbar_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.snap = global::EssentialUIKit.Droid.Resource.Id.snap;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.snapMargins = global::EssentialUIKit.Droid.Resource.Id.snapMargins;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.spacer = global::EssentialUIKit.Droid.Resource.Id.spacer;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.split_action_bar = global::EssentialUIKit.Droid.Resource.Id.split_action_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.src_atop = global::EssentialUIKit.Droid.Resource.Id.src_atop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.src_in = global::EssentialUIKit.Droid.Resource.Id.src_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.src_over = global::EssentialUIKit.Droid.Resource.Id.src_over;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.start = global::EssentialUIKit.Droid.Resource.Id.start;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.stretch = global::EssentialUIKit.Droid.Resource.Id.stretch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.submenuarrow = global::EssentialUIKit.Droid.Resource.Id.submenuarrow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.submit_area = global::EssentialUIKit.Droid.Resource.Id.submit_area;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.tabMode = global::EssentialUIKit.Droid.Resource.Id.tabMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.tag_transition_group = global::EssentialUIKit.Droid.Resource.Id.tag_transition_group;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.tag_unhandled_key_event_manager = global::EssentialUIKit.Droid.Resource.Id.tag_unhandled_key_event_manager;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.tag_unhandled_key_listeners = global::EssentialUIKit.Droid.Resource.Id.tag_unhandled_key_listeners;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.text = global::EssentialUIKit.Droid.Resource.Id.text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.text2 = global::EssentialUIKit.Droid.Resource.Id.text2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textSpacerNoButtons = global::EssentialUIKit.Droid.Resource.Id.textSpacerNoButtons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textSpacerNoTitle = global::EssentialUIKit.Droid.Resource.Id.textSpacerNoTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textStart = global::EssentialUIKit.Droid.Resource.Id.textStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.text_input_password_toggle = global::EssentialUIKit.Droid.Resource.Id.text_input_password_toggle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textinput_counter = global::EssentialUIKit.Droid.Resource.Id.textinput_counter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textinput_error = global::EssentialUIKit.Droid.Resource.Id.textinput_error;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.textinput_helper_text = global::EssentialUIKit.Droid.Resource.Id.textinput_helper_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.time = global::EssentialUIKit.Droid.Resource.Id.time;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.title = global::EssentialUIKit.Droid.Resource.Id.title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.titleDividerNoCustom = global::EssentialUIKit.Droid.Resource.Id.titleDividerNoCustom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.title_template = global::EssentialUIKit.Droid.Resource.Id.title_template;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.top = global::EssentialUIKit.Droid.Resource.Id.top;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.topPanel = global::EssentialUIKit.Droid.Resource.Id.topPanel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.touch_outside = global::EssentialUIKit.Droid.Resource.Id.touch_outside;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.uniform = global::EssentialUIKit.Droid.Resource.Id.uniform;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.unlabeled = global::EssentialUIKit.Droid.Resource.Id.unlabeled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.up = global::EssentialUIKit.Droid.Resource.Id.up;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.useLogo = global::EssentialUIKit.Droid.Resource.Id.useLogo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.view_offset_helper = global::EssentialUIKit.Droid.Resource.Id.view_offset_helper;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.visible = global::EssentialUIKit.Droid.Resource.Id.visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.withText = global::EssentialUIKit.Droid.Resource.Id.withText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Id.wrap_content = global::EssentialUIKit.Droid.Resource.Id.wrap_content;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.abc_config_activityDefaultDur = global::EssentialUIKit.Droid.Resource.Integer.abc_config_activityDefaultDur;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.abc_config_activityShortDur = global::EssentialUIKit.Droid.Resource.Integer.abc_config_activityShortDur;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.app_bar_elevation_anim_duration = global::EssentialUIKit.Droid.Resource.Integer.app_bar_elevation_anim_duration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.bottom_sheet_slide_duration = global::EssentialUIKit.Droid.Resource.Integer.bottom_sheet_slide_duration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.cancel_button_image_alpha = global::EssentialUIKit.Droid.Resource.Integer.cancel_button_image_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.config_tooltipAnimTime = global::EssentialUIKit.Droid.Resource.Integer.config_tooltipAnimTime;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.design_snackbar_text_max_lines = global::EssentialUIKit.Droid.Resource.Integer.design_snackbar_text_max_lines;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.design_tab_indicator_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.design_tab_indicator_anim_duration_ms;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.hide_password_duration = global::EssentialUIKit.Droid.Resource.Integer.hide_password_duration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.mtrl_btn_anim_delay_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_btn_anim_delay_ms;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.mtrl_btn_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_btn_anim_duration_ms;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.mtrl_chip_anim_duration = global::EssentialUIKit.Droid.Resource.Integer.mtrl_chip_anim_duration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.mtrl_tab_indicator_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_tab_indicator_anim_duration_ms;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.show_password_duration = global::EssentialUIKit.Droid.Resource.Integer.show_password_duration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Integer.status_bar_notification_info_maxnum = global::EssentialUIKit.Droid.Resource.Integer.status_bar_notification_info_maxnum;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Interpolator.mtrl_fast_out_linear_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_fast_out_linear_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Interpolator.mtrl_fast_out_slow_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_fast_out_slow_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Interpolator.mtrl_linear = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_linear;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Interpolator.mtrl_linear_out_slow_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_linear_out_slow_in;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_bar_title_item = global::EssentialUIKit.Droid.Resource.Layout.abc_action_bar_title_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_bar_up_container = global::EssentialUIKit.Droid.Resource.Layout.abc_action_bar_up_container;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_action_menu_item_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_menu_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_action_menu_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_mode_bar = global::EssentialUIKit.Droid.Resource.Layout.abc_action_mode_bar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_action_mode_close_item_material = global::EssentialUIKit.Droid.Resource.Layout.abc_action_mode_close_item_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_activity_chooser_view = global::EssentialUIKit.Droid.Resource.Layout.abc_activity_chooser_view;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_activity_chooser_view_list_item = global::EssentialUIKit.Droid.Resource.Layout.abc_activity_chooser_view_list_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_alert_dialog_button_bar_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_button_bar_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_alert_dialog_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_alert_dialog_title_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_title_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_cascading_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_cascading_menu_item_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_dialog_title_material = global::EssentialUIKit.Droid.Resource.Layout.abc_dialog_title_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_expanded_menu_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_expanded_menu_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_list_menu_item_checkbox = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_checkbox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_list_menu_item_icon = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_list_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_list_menu_item_radio = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_radio;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_popup_menu_header_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_popup_menu_header_item_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_popup_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_popup_menu_item_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_screen_content_include = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_content_include;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_screen_simple = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_simple;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_screen_simple_overlay_action_mode = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_simple_overlay_action_mode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_screen_toolbar = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_search_dropdown_item_icons_2line = global::EssentialUIKit.Droid.Resource.Layout.abc_search_dropdown_item_icons_2line;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_search_view = global::EssentialUIKit.Droid.Resource.Layout.abc_search_view;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_select_dialog_material = global::EssentialUIKit.Droid.Resource.Layout.abc_select_dialog_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.abc_tooltip = global::EssentialUIKit.Droid.Resource.Layout.abc_tooltip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.BottomTabLayout = global::EssentialUIKit.Droid.Resource.Layout.BottomTabLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.browser_actions_context_menu_page = global::EssentialUIKit.Droid.Resource.Layout.browser_actions_context_menu_page;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.browser_actions_context_menu_row = global::EssentialUIKit.Droid.Resource.Layout.browser_actions_context_menu_row;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.CustomizedImageView = global::EssentialUIKit.Droid.Resource.Layout.CustomizedImageView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.CustomizedView = global::EssentialUIKit.Droid.Resource.Layout.CustomizedView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_bottom_navigation_item = global::EssentialUIKit.Droid.Resource.Layout.design_bottom_navigation_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_bottom_sheet_dialog = global::EssentialUIKit.Droid.Resource.Layout.design_bottom_sheet_dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_layout_snackbar = global::EssentialUIKit.Droid.Resource.Layout.design_layout_snackbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_layout_snackbar_include = global::EssentialUIKit.Droid.Resource.Layout.design_layout_snackbar_include;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_layout_tab_icon = global::EssentialUIKit.Droid.Resource.Layout.design_layout_tab_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_layout_tab_text = global::EssentialUIKit.Droid.Resource.Layout.design_layout_tab_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_menu_item_action_area = global::EssentialUIKit.Droid.Resource.Layout.design_menu_item_action_area;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_item = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_item_header = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_header;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_item_separator = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_separator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_item_subheader = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_subheader;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_menu = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_navigation_menu_item = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_menu_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.design_text_input_password_icon = global::EssentialUIKit.Droid.Resource.Layout.design_text_input_password_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.FlyoutContent = global::EssentialUIKit.Droid.Resource.Layout.FlyoutContent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.mtrl_layout_snackbar = global::EssentialUIKit.Droid.Resource.Layout.mtrl_layout_snackbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.mtrl_layout_snackbar_include = global::EssentialUIKit.Droid.Resource.Layout.mtrl_layout_snackbar_include;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_action = global::EssentialUIKit.Droid.Resource.Layout.notification_action;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_action_tombstone = global::EssentialUIKit.Droid.Resource.Layout.notification_action_tombstone;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_template_custom_big = global::EssentialUIKit.Droid.Resource.Layout.notification_template_custom_big;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_template_icon_group = global::EssentialUIKit.Droid.Resource.Layout.notification_template_icon_group;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_template_part_chronometer = global::EssentialUIKit.Droid.Resource.Layout.notification_template_part_chronometer;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.notification_template_part_time = global::EssentialUIKit.Droid.Resource.Layout.notification_template_part_time;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.RootLayout = global::EssentialUIKit.Droid.Resource.Layout.RootLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.select_dialog_item_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_item_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.select_dialog_multichoice_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_multichoice_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.select_dialog_singlechoice_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_singlechoice_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.sfcomboBox_layout = global::EssentialUIKit.Droid.Resource.Layout.sfcomboBox_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.ShellContent = global::EssentialUIKit.Droid.Resource.Layout.ShellContent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Layout.support_simple_spinner_dropdown_item = global::EssentialUIKit.Droid.Resource.Layout.support_simple_spinner_dropdown_item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_action_bar_home_description = global::EssentialUIKit.Droid.Resource.String.abc_action_bar_home_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_action_bar_up_description = global::EssentialUIKit.Droid.Resource.String.abc_action_bar_up_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_action_menu_overflow_description = global::EssentialUIKit.Droid.Resource.String.abc_action_menu_overflow_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_action_mode_done = global::EssentialUIKit.Droid.Resource.String.abc_action_mode_done;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_activity_chooser_view_see_all = global::EssentialUIKit.Droid.Resource.String.abc_activity_chooser_view_see_all;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_activitychooserview_choose_application = global::EssentialUIKit.Droid.Resource.String.abc_activitychooserview_choose_application;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_capital_off = global::EssentialUIKit.Droid.Resource.String.abc_capital_off;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_capital_on = global::EssentialUIKit.Droid.Resource.String.abc_capital_on;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_body_1_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_body_1_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_body_2_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_body_2_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_button_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_button_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_caption_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_caption_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_display_1_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_1_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_display_2_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_2_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_display_3_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_3_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_display_4_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_4_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_headline_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_headline_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_menu_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_menu_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_subhead_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_subhead_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_font_family_title_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_title_material;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_alt_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_alt_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_ctrl_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_ctrl_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_delete_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_delete_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_enter_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_enter_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_function_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_function_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_meta_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_meta_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_shift_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_shift_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_space_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_space_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_menu_sym_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_sym_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_prepend_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_prepend_shortcut_label;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_search_hint = global::EssentialUIKit.Droid.Resource.String.abc_search_hint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_searchview_description_clear = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_clear;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_searchview_description_query = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_query;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_searchview_description_search = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_search;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_searchview_description_submit = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_submit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_searchview_description_voice = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_voice;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_shareactionprovider_share_with = global::EssentialUIKit.Droid.Resource.String.abc_shareactionprovider_share_with;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_shareactionprovider_share_with_application = global::EssentialUIKit.Droid.Resource.String.abc_shareactionprovider_share_with_application;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.abc_toolbar_collapse_description = global::EssentialUIKit.Droid.Resource.String.abc_toolbar_collapse_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.appbar_scrolling_view_behavior = global::EssentialUIKit.Droid.Resource.String.appbar_scrolling_view_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.bottom_sheet_behavior = global::EssentialUIKit.Droid.Resource.String.bottom_sheet_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.character_counter_content_description = global::EssentialUIKit.Droid.Resource.String.character_counter_content_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.character_counter_pattern = global::EssentialUIKit.Droid.Resource.String.character_counter_pattern;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.fab_transformation_scrim_behavior = global::EssentialUIKit.Droid.Resource.String.fab_transformation_scrim_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.fab_transformation_sheet_behavior = global::EssentialUIKit.Droid.Resource.String.fab_transformation_sheet_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.hide_bottom_view_on_scroll_behavior = global::EssentialUIKit.Droid.Resource.String.hide_bottom_view_on_scroll_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.mtrl_chip_close_icon_content_description = global::EssentialUIKit.Droid.Resource.String.mtrl_chip_close_icon_content_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.password_toggle_content_description = global::EssentialUIKit.Droid.Resource.String.password_toggle_content_description;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.path_password_eye = global::EssentialUIKit.Droid.Resource.String.path_password_eye;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.path_password_eye_mask_strike_through = global::EssentialUIKit.Droid.Resource.String.path_password_eye_mask_strike_through;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.path_password_eye_mask_visible = global::EssentialUIKit.Droid.Resource.String.path_password_eye_mask_visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.path_password_strike_through = global::EssentialUIKit.Droid.Resource.String.path_password_strike_through;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.search_menu_title = global::EssentialUIKit.Droid.Resource.String.search_menu_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.String.status_bar_notification_info_overflow = global::EssentialUIKit.Droid.Resource.String.status_bar_notification_info_overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.AlertDialog_AppCompat = global::EssentialUIKit.Droid.Resource.Style.AlertDialog_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.AlertDialog_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.AlertDialog_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Animation_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Animation_AppCompat_DropDownUp = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_DropDownUp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Animation_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_Tooltip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Animation_Design_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Animation_Design_BottomSheetDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_AlertDialog_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_AlertDialog_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_AlertDialog_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_AlertDialog_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Animation_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Animation_AppCompat_DropDownUp = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_DropDownUp;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Animation_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_Tooltip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_CardView = global::EssentialUIKit.Droid.Resource.Style.Base_CardView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_DialogWindowTitle_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_DialogWindowTitle_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_DialogWindowTitleBackground_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_DialogWindowTitleBackground_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Body1 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Body1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Body2 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Body2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Caption = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Caption;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Display1 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Display2 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Display3 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Display4 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Headline = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Headline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Large_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Large_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Medium = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Medium;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Medium_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Medium_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_SearchResult = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Small_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Small_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Subhead = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Subhead;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Subhead_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Subhead_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Title_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Tooltip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Borderless_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_DropDownItem = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_DropDownItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Header = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Header;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_Switch = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Switch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_AppCompat_Widget_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_TextView_SpinnerItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_Widget_AppCompat_ExpandedMenu_Item = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_ExpandedMenu_Item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_CompactMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_FixedSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_DarkActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_FixedSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_AppCompat_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_CompactMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_FixedSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_FixedSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Theme_MaterialComponents_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dark_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V21_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V21_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V21_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V21_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V21_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_ThemeOverlay_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V22_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V22_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V22_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V22_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V23_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V23_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V23_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V23_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V26_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V26_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V26_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Widget_AppCompat_Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V28_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V28_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V28_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V28_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_ThemeOverlay_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_AutoCompleteTextView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_EditText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_V7_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_Solid;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton_CloseMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActionMode = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActivityChooserView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_AutoCompleteTextView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button_Borderless = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Borderless;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Borderless_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_ButtonBar_AlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Button_Small = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ButtonBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ButtonBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ButtonBar_AlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_CompoundButton_CheckBox = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_CheckBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_CompoundButton_RadioButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_RadioButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_CompoundButton_Switch = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_Switch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle_Common = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle_Common;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DropDownItem_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_EditText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ImageButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ImageButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_Solid;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ListMenuView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListMenuView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListPopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ListView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView_DropDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ListView_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupMenu_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_PopupWindow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ProgressBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ProgressBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_ProgressBar_Horizontal = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ProgressBar_Horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_RatingBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_RatingBar_Indicator = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar_Indicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_RatingBar_Small = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_SearchView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SearchView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_SearchView_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SearchView_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_SeekBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SeekBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_SeekBar_Discrete = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SeekBar_Discrete;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Spinner_Underlined = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Spinner_Underlined;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_TextView_SpinnerItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_AppCompat_Toolbar_Button_Navigation = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Toolbar_Button_Navigation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_Design_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_Design_TabLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_MaterialComponents_Chip = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_Chip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_MaterialComponents_TextInputEditText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_TextInputEditText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Base_Widget_MaterialComponents_TextInputLayout = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_TextInputLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.CardView = global::EssentialUIKit.Droid.Resource.Style.CardView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.CardView_Dark = global::EssentialUIKit.Droid.Resource.Style.CardView_Dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.CardView_Light = global::EssentialUIKit.Droid.Resource.Style.CardView_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat_Dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_V21_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_V21_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_V21_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_V21_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_V25_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_V25_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_V25_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_V25_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Platform_Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Platform_Widget_AppCompat_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_DialogWindowTitle_AppCompat = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_DialogWindowTitle_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_ActionBar_TitleItem = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_ActionBar_TitleItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_DialogTitle_Icon = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_DialogTitle_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_InternalGroup = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_InternalGroup;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Shortcut = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Shortcut;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_SubmenuArrow = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_SubmenuArrow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Text = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Title = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon1 = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon2 = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Query = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Query;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Text = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlOverlay_Widget_AppCompat_SearchView_MagIcon = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_SearchView_MagIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Body1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Body1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Body2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Body2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Caption = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Caption;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Display1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Display2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Display3 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Display4 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Headline = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Headline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Large_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Large_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Medium = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Medium;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Medium_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Medium_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Menu = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_SearchResult_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_SearchResult_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Small_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Small_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Subhead = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Subhead;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Subhead_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Subhead_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Title_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Tooltip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Menu = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Borderless_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_Button_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_DropDownItem = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_DropDownItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Header = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Header;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Large;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_Switch = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Switch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_AppCompat_Widget_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_TextView_SpinnerItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Compat_Notification = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Compat_Notification_Info = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Info;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Compat_Notification_Line2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Line2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Compat_Notification_Time = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Time;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Compat_Notification_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_CollapsingToolbar_Expanded = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_CollapsingToolbar_Expanded;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Counter = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Counter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Counter_Overflow = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Counter_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Error = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Error;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_HelperText = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_HelperText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Hint = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Hint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Snackbar_Message = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Snackbar_Message;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Design_Tab = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Tab;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Body1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Body1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Body2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Body2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Caption = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Caption;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Chip = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Chip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline3 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline4 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline5 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline5;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Headline6 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline6;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Overline = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Overline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Subtitle1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Subtitle1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Subtitle2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Subtitle2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_MaterialComponents_Tab = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Tab;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Widget_AppCompat_ExpandedMenu_Item = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_ExpandedMenu_Item;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_CompactMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_DarkActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DayNight_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_DarkActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_AppCompat_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design = global::EssentialUIKit.Droid.Resource.Style.Theme_Design;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_BottomSheetDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design_Light_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light_BottomSheetDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_Design_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_BottomSheetDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_CompactMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_BottomSheetDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog_MinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DialogWhenLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_Light_NoActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_NoActionBar_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_NoActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Theme_MaterialComponents_NoActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_NoActionBar_Bridge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dark_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_Dark = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dark_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Light;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_Solid;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton_CloseMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActionMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActivityChooserView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_AutoCompleteTextView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button_Borderless = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Borderless;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Borderless_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_ButtonBar_AlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Button_Small = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ButtonBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ButtonBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ButtonBar_AlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_CompoundButton_CheckBox = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_CheckBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_CompoundButton_RadioButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_RadioButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_CompoundButton_Switch = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_Switch;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_DrawerArrowToggle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_DropDownItem_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_EditText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ImageButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ImageButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton_CloseMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActionMode_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionMode_Inverse;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActivityChooserView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_AutoCompleteTextView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_DropDownItem_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ListPopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ListView_DropDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_PopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_PopupMenu_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_SearchView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_SearchView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Light_Spinner_DropDown_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_Spinner_DropDown_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ListMenuView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListMenuView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListPopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ListView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView_DropDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ListView_Menu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView_Menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupMenu_Overflow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_PopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ProgressBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ProgressBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_ProgressBar_Horizontal = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ProgressBar_Horizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_RatingBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_RatingBar_Indicator = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar_Indicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_RatingBar_Small = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar_Small;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_SearchView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SearchView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_SearchView_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SearchView_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_SeekBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SeekBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_SeekBar_Discrete = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SeekBar_Discrete;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Spinner_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_DropDown;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Spinner_DropDown_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_DropDown_ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Spinner_Underlined = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_Underlined;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_TextView_SpinnerItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_AppCompat_Toolbar_Button_Navigation = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Toolbar_Button_Navigation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Compat_NotificationActionContainer = global::EssentialUIKit.Droid.Resource.Style.Widget_Compat_NotificationActionContainer;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Compat_NotificationActionText = global::EssentialUIKit.Droid.Resource.Style.Widget_Compat_NotificationActionText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_AppBarLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_AppBarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_BottomNavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_BottomNavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_BottomSheet_Modal = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_BottomSheet_Modal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_CollapsingToolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_CollapsingToolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_FloatingActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_FloatingActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_NavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_NavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_ScrimInsetsFrameLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_ScrimInsetsFrameLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_Snackbar = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_Snackbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_TabLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Design_TextInputLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_TextInputLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_BottomAppBar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomAppBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_BottomAppBar_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomAppBar_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_BottomNavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomNavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_BottomNavigationView_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomNavigationView_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_BottomSheet_Modal = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomSheet_Modal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_TextButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_TextButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton_Icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_CardView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_CardView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Chip_Action = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Action;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Chip_Choice = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Choice;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Chip_Entry = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Entry;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Chip_Filter = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Filter;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_ChipGroup = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_ChipGroup;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_FloatingActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_FloatingActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_NavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_NavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Snackbar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Snackbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Snackbar_FullWidth = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Snackbar_FullWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TabLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TabLayout_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TabLayout_Colored;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox_Dense;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_MaterialComponents_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Style.Widget_Support_CoordinatorLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Support_CoordinatorLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_background = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_backgroundSplit = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_backgroundSplit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_backgroundStacked = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_backgroundStacked;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetEnd = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetEndWithActions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetLeft = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetRight = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetStart = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetStartWithNavigation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_customNavigationLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_customNavigationLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_displayOptions = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_displayOptions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_divider = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_elevation = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_height = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_hideOnContentScroll = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_hideOnContentScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_homeAsUpIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_homeLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_homeLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_icon = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_indeterminateProgressStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_indeterminateProgressStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_itemPadding = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_itemPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_logo = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_logo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_navigationMode = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_navigationMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_popupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_progressBarPadding = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_progressBarPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_progressBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_progressBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_subtitle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_subtitleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_title = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBar_titleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_titleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionBarLayout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.ActionBarLayout_android_layout_gravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMenuItemView = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuItemView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMenuItemView_android_minWidth = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuItemView_android_minWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMenuView = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_background = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_backgroundSplit = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_backgroundSplit;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_closeItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_closeItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_height = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_subtitleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActionMode_titleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_titleTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActivityChooserView = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActivityChooserView_expandActivityOverflowButtonDrawable = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView_expandActivityOverflowButtonDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ActivityChooserView_initialActivityCount = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView_initialActivityCount;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_android_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_buttonIconDimen = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_buttonIconDimen;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_buttonPanelSideLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_buttonPanelSideLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_listItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_listItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_listLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_listLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_multiChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_multiChoiceItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_showTitle = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_showTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AlertDialog_singleChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_singleChoiceItemLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_constantSize = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_constantSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_dither = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_dither;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_enterFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_enterFadeDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_exitFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_exitFadeDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_variablePadding = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_variablePadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableCompat_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableItem = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableItem_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem_android_drawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableItem_android_id = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem_android_id;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableTransition = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableTransition_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_drawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableTransition_android_fromId = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_fromId;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableTransition_android_reversible = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_reversible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AnimatedStateListDrawableTransition_android_toId = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_toId;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_android_background = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_android_keyboardNavigationCluster = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_keyboardNavigationCluster;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_android_touchscreenBlocksFocus = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_touchscreenBlocksFocus;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_elevation = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_expanded = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_expanded;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_liftOnScroll = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_liftOnScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayoutStates = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayoutStates_state_collapsed = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_collapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayoutStates_state_collapsible = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_collapsible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayoutStates_state_liftable = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_liftable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayoutStates_state_lifted = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_lifted;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_Layout_layout_scrollFlags = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout_layout_scrollFlags;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppBarLayout_Layout_layout_scrollInterpolator = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout_layout_scrollInterpolator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatImageView = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatImageView_android_src = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_android_src;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatImageView_srcCompat = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_srcCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatImageView_tint = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_tint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatImageView_tintMode = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_tintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatSeekBar = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatSeekBar_android_thumb = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_android_thumb;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatSeekBar_tickMark = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatSeekBar_tickMarkTint = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMarkTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatSeekBar_tickMarkTintMode = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMarkTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableBottom = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableEnd = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableLeft = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableRight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableStart = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_drawableTop = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextHelper_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_textAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_android_textAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_autoSizeMaxTextSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeMaxTextSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_autoSizeMinTextSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeMinTextSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_autoSizePresetSizes = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizePresetSizes;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_autoSizeStepGranularity = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeStepGranularity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_autoSizeTextType = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeTextType;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_firstBaselineToTopHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_firstBaselineToTopHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_fontFamily;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_lastBaselineToBottomHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_lastBaselineToBottomHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_lineHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_lineHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTextView_textAllCaps = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_textAllCaps;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarDivider = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarDivider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarItemBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarItemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarPopupTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarPopupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarSplitStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarSplitStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarTabBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarTabStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarTabTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionBarWidgetTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarWidgetTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionDropDownStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionDropDownStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionMenuTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionMenuTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionMenuTextColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionMenuTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeCloseButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCloseButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeCloseDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCloseDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeCopyDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCopyDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeCutDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCutDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeFindDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeFindDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModePasteDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModePasteDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModePopupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModePopupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeSelectAllDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeSelectAllDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeShareDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeShareDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeSplitBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeSplitBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionModeWebSearchDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeWebSearchDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionOverflowButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionOverflowButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_actionOverflowMenuStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionOverflowMenuStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_activityChooserViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_activityChooserViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_alertDialogButtonGroupStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogButtonGroupStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_alertDialogCenterButtons = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogCenterButtons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_alertDialogStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_alertDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_android_windowAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_android_windowAnimationStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_android_windowIsFloating = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_android_windowIsFloating;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_autoCompleteTextViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_autoCompleteTextViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_borderlessButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_borderlessButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonBarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonBarNegativeButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarNegativeButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonBarNeutralButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarNeutralButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonBarPositiveButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarPositiveButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_buttonStyleSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonStyleSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_checkboxStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_checkboxStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_checkedTextViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_checkedTextViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorAccent = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorAccent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorBackgroundFloating;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorButtonNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorButtonNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorControlActivated = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlActivated;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorControlHighlight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlHighlight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorControlNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorError = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorError;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorPrimary = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorPrimary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorPrimaryDark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_colorSwitchThumbNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorSwitchThumbNormal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_controlBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_controlBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dialogCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dialogPreferredPadding = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogPreferredPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dividerHorizontal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dividerHorizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dividerVertical = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dividerVertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dropDownListViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dropDownListViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_dropdownListPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dropdownListPreferredItemHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_editTextBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_editTextColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_editTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_homeAsUpIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_imageButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_imageButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listChoiceBackgroundIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listChoiceBackgroundIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listDividerAlertDialog = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listDividerAlertDialog;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listMenuViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listMenuViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPopupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPopupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPreferredItemHeightLarge = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeightLarge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPreferredItemHeightSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeightSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingLeft = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingRight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_panelBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_panelMenuListTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelMenuListTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_panelMenuListWidth = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelMenuListWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_popupMenuStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_popupMenuStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_popupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_popupWindowStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_radioButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_radioButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_ratingBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_ratingBarStyleIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyleIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_ratingBarStyleSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyleSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_searchViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_searchViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_seekBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_seekBarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_selectableItemBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_selectableItemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_selectableItemBackgroundBorderless = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_selectableItemBackgroundBorderless;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_spinnerDropDownItemStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_spinnerDropDownItemStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_spinnerStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_spinnerStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_switchStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_switchStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceLargePopupMenu = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceLargePopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceListItem = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceListItemSecondary = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItemSecondary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceListItemSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItemSmall;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearancePopupMenuHeader = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearancePopupMenuHeader;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultSubtitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultSubtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultTitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textAppearanceSmallPopupMenu = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSmallPopupMenu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textColorAlertDialogListItem = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textColorAlertDialogListItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_textColorSearchUrl = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textColorSearchUrl;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_toolbarNavigationButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_toolbarNavigationButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_toolbarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_toolbarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_tooltipForegroundColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_tooltipForegroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_tooltipFrameBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_tooltipFrameBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_viewInflaterClass = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_viewInflaterClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowActionBar = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowActionBarOverlay = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionBarOverlay;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowActionModeOverlay = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionModeOverlay;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowFixedHeightMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedHeightMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowFixedHeightMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedHeightMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowFixedWidthMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedWidthMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowFixedWidthMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedWidthMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowMinWidthMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowMinWidthMajor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowMinWidthMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowMinWidthMinor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.AppCompatTheme_windowNoTitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowNoTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_backgroundTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_fabAlignmentMode = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabAlignmentMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_fabCradleMargin = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_fabCradleRoundedCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleRoundedCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_fabCradleVerticalOffset = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleVerticalOffset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomAppBar_hideOnScroll = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_hideOnScroll;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_elevation = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemHorizontalTranslationEnabled = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemHorizontalTranslationEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemIconSize = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemIconTint = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemTextAppearanceActive = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextAppearanceActive;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemTextAppearanceInactive = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextAppearanceInactive;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_itemTextColor = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_labelVisibilityMode = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_labelVisibilityMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomNavigationView_menu = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomSheetBehavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomSheetBehavior_Layout_behavior_fitToContents = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_fitToContents;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomSheetBehavior_Layout_behavior_hideable = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_hideable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomSheetBehavior_Layout_behavior_peekHeight = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_peekHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.BottomSheetBehavior_Layout_behavior_skipCollapsed = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_skipCollapsed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ButtonBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.ButtonBarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ButtonBarLayout_allowStacking = global::EssentialUIKit.Droid.Resource.Styleable.ButtonBarLayout_allowStacking;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView = global::EssentialUIKit.Droid.Resource.Styleable.CardView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_android_minHeight = global::EssentialUIKit.Droid.Resource.Styleable.CardView_android_minHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_android_minWidth = global::EssentialUIKit.Droid.Resource.Styleable.CardView_android_minWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardElevation = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardElevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardMaxElevation = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardMaxElevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardPreventCornerOverlap = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardPreventCornerOverlap;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_cardUseCompatPadding = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardUseCompatPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_contentPadding = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_contentPaddingBottom = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_contentPaddingLeft = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_contentPaddingRight = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CardView_contentPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip = global::EssentialUIKit.Droid.Resource.Styleable.Chip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_android_checkable = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_checkable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_android_ellipsize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_ellipsize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_maxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_android_text = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_textAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_checkedIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_checkedIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_checkedIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipCornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipIconSize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipIconTint = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipMinHeight = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipMinHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipStrokeColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStrokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_chipStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStrokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconSize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconTint = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_closeIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconVisible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_hideMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.Chip_hideMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_iconEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_iconEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_iconStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_iconStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_rippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_showMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.Chip_showMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_textEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_textEndPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Chip_textStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_textStartPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_checkedChip = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_checkedChip;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_chipSpacing = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_chipSpacingHorizontal = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacingHorizontal;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_chipSpacingVertical = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacingVertical;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_singleLine = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_singleLine;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ChipGroup_singleSelection = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_singleSelection;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleGravity = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_contentScrim = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_contentScrim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleGravity = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMargin = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginBottom = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginEnd = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginStart = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginTop = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_expandedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_scrimAnimationDuration = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_scrimAnimationDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_scrimVisibleHeightTrigger = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_scrimVisibleHeightTrigger;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_statusBarScrim = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_statusBarScrim;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_title = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_titleEnabled = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_titleEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_toolbarId = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_toolbarId;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseMode = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseParallaxMultiplier = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseParallaxMultiplier;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ColorStateListItem = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ColorStateListItem_alpha = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ColorStateListItem_android_alpha = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_android_alpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ColorStateListItem_android_color = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_android_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CompoundButton = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CompoundButton_android_button = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_android_button;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CompoundButton_buttonTint = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_buttonTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CompoundButton_buttonTintMode = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_buttonTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_keylines = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_keylines;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_statusBarBackground = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_statusBarBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_android_layout_gravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_anchor = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_anchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_anchorGravity = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_anchorGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_behavior = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_behavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_dodgeInsetEdges = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_dodgeInsetEdges;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_insetEdge = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_insetEdge;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.CoordinatorLayout_Layout_layout_keyline = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_keyline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DesignTheme = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DesignTheme_bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme_bottomSheetDialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DesignTheme_bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme_bottomSheetStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_arrowHeadLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_arrowHeadLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_arrowShaftLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_arrowShaftLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_barLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_barLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_color = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_drawableSize = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_drawableSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_gapBetweenBars = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_gapBetweenBars;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_spinBars = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_spinBars;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.DrawerArrowToggle_thickness = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_thickness;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_backgroundTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_backgroundTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_borderWidth = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_borderWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_elevation = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_fabCustomSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_fabCustomSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_fabSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_fabSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_hideMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_hideMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_hoveredFocusedTranslationZ = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_hoveredFocusedTranslationZ;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_maxImageSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_maxImageSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_pressedTranslationZ = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_pressedTranslationZ;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_rippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_showMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_showMotionSpec;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_useCompatPadding = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_useCompatPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_Behavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_Behavior_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FloatingActionButton_Behavior_Layout_behavior_autoHide = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_Behavior_Layout_behavior_autoHide;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FlowLayout = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FlowLayout_itemSpacing = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout_itemSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FlowLayout_lineSpacing = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout_lineSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderAuthority = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderAuthority;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderCerts = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderCerts;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderFetchStrategy = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderFetchStrategy;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderFetchTimeout = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderFetchTimeout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderPackage = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderPackage;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamily_fontProviderQuery = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderQuery;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_android_font = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_font;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_android_fontStyle = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_android_fontVariationSettings = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontVariationSettings;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_android_fontWeight = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontWeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_android_ttcIndex = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_ttcIndex;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_font = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_font;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_fontStyle = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_fontVariationSettings = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontVariationSettings;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_fontWeight = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontWeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.FontFamilyFont_ttcIndex = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_ttcIndex;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ForegroundLinearLayout = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ForegroundLinearLayout_android_foreground = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_android_foreground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ForegroundLinearLayout_android_foregroundGravity = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_android_foregroundGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ForegroundLinearLayout_foregroundInsidePadding = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_foregroundInsidePadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_centerColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_centerX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerX;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_centerY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerY;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_endColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_endX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endX;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_endY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endY;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_gradientRadius = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_gradientRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_startColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_startX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startX;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_startY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startY;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_tileMode = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_tileMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColor_android_type = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_type;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColorItem = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColorItem_android_color = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem_android_color;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.GradientColorItem_android_offset = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem_android_offset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_android_baselineAligned = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_baselineAligned;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_android_baselineAlignedChildIndex = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_baselineAlignedChildIndex;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_android_gravity = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_gravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_android_orientation = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_orientation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_android_weightSum = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_weightSum;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_divider = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_divider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_dividerPadding = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_dividerPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_measureWithLargestChild = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_measureWithLargestChild;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_showDividers = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_showDividers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_Layout = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_gravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_height = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_height;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_weight = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_weight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_width = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_width;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ListPopupWindow = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ListPopupWindow_android_dropDownHorizontalOffset = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow_android_dropDownHorizontalOffset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ListPopupWindow_android_dropDownVerticalOffset = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow_android_dropDownVerticalOffset;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_android_insetBottom = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_android_insetLeft = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_android_insetRight = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_android_insetTop = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_backgroundTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_backgroundTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_cornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_cornerRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_icon = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_iconGravity = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_iconPadding = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_iconSize = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_iconTint = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_iconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_rippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_strokeColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_strokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialButton_strokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_strokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialCardView = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialCardView_strokeColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView_strokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialCardView_strokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView_strokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_bottomSheetDialogTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_bottomSheetStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_chipGroupStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipGroupStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_chipStandaloneStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipStandaloneStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_chipStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_colorAccent = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorAccent;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorBackgroundFloating;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_colorPrimary = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorPrimary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorPrimaryDark;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_colorSecondary = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorSecondary;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_editTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_editTextStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_floatingActionButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_floatingActionButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_materialButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_materialButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_materialCardViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_materialCardViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_navigationViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_navigationViewStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_scrimBackground = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_scrimBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_snackbarButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_tabStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_tabStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceButton = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceButton;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceCaption = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceCaption;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline3 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline3;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline4 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline4;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline5 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline5;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline6 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline6;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceOverline = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceOverline;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle1;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle2;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MaterialComponentsTheme_textInputStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textInputStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_checkableBehavior = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_checkableBehavior;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_enabled = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_enabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_id = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_id;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_menuCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_menuCategory;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_orderInCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_orderInCategory;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuGroup_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_actionLayout = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_actionProviderClass = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionProviderClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_actionViewClass = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionViewClass;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_alphabeticModifiers = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_alphabeticModifiers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_alphabeticShortcut = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_alphabeticShortcut;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_checkable = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_checkable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_checked = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_checked;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_enabled = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_enabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_icon = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_id = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_id;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_menuCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_menuCategory;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_numericShortcut = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_numericShortcut;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_onClick = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_onClick;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_orderInCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_orderInCategory;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_title = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_titleCondensed = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_titleCondensed;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_contentDescription = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_contentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_iconTint = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_iconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_iconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_iconTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_numericModifiers = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_numericModifiers;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_showAsAction = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_showAsAction;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuItem_tooltipText = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_tooltipText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView = global::EssentialUIKit.Droid.Resource.Styleable.MenuView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_headerBackground = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_headerBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_horizontalDivider = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_horizontalDivider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_itemIconDisabledAlpha = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemIconDisabledAlpha;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_itemTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_verticalDivider = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_verticalDivider;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_android_windowAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_windowAnimationStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_preserveIconSpacing = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_preserveIconSpacing;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.MenuView_subMenuArrow = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_subMenuArrow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_android_background = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_android_fitsSystemWindows = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_fitsSystemWindows;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_maxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_elevation = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_headerLayout = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_headerLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemHorizontalPadding = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemHorizontalPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemIconPadding = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemIconPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemIconTint = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_itemTextColor = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.NavigationView_menu = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_menu;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindow = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindow_android_popupAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_android_popupAnimationStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindow_android_popupBackground = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_android_popupBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindow_overlapAnchor = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_overlapAnchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindowBackgroundState = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindowBackgroundState;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.PopupWindowBackgroundState_state_above_anchor = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindowBackgroundState_state_above_anchor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecycleListView = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecycleListView_paddingBottomNoButtons = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView_paddingBottomNoButtons;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecycleListView_paddingTopNoTitle = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView_paddingTopNoTitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_android_descendantFocusability = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_android_descendantFocusability;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_android_orientation = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_android_orientation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_fastScrollEnabled = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_fastScrollHorizontalThumbDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollHorizontalThumbDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_fastScrollHorizontalTrackDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollHorizontalTrackDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_fastScrollVerticalThumbDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollVerticalThumbDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_fastScrollVerticalTrackDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollVerticalTrackDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_layoutManager = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_layoutManager;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_reverseLayout = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_reverseLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_spanCount = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_spanCount;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.RecyclerView_stackFromEnd = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_stackFromEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ScrimInsetsFrameLayout = global::EssentialUIKit.Droid.Resource.Styleable.ScrimInsetsFrameLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ScrimInsetsFrameLayout_insetForeground = global::EssentialUIKit.Droid.Resource.Styleable.ScrimInsetsFrameLayout_insetForeground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ScrollingViewBehavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.ScrollingViewBehavior_Layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ScrollingViewBehavior_Layout_behavior_overlapTop = global::EssentialUIKit.Droid.Resource.Styleable.ScrollingViewBehavior_Layout_behavior_overlapTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView = global::EssentialUIKit.Droid.Resource.Styleable.SearchView;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_android_focusable = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_focusable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_android_imeOptions = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_imeOptions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_android_inputType = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_inputType;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_maxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_closeIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_closeIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_commitIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_commitIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_defaultQueryHint = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_defaultQueryHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_goIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_goIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_iconifiedByDefault = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_iconifiedByDefault;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_layout = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_queryBackground = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_queryBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_queryHint = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_queryHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_searchHintIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_searchHintIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_searchIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_searchIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_submitBackground = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_submitBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_suggestionRowLayout = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_suggestionRowLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SearchView_voiceIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_voiceIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Snackbar = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Snackbar_snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar_snackbarButtonStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Snackbar_snackbarStyle = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar_snackbarStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SnackbarLayout = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SnackbarLayout_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_android_maxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SnackbarLayout_elevation = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_elevation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SnackbarLayout_maxActionInlineWidth = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_maxActionInlineWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner = global::EssentialUIKit.Droid.Resource.Styleable.Spinner;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner_android_dropDownWidth = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_dropDownWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner_android_entries = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_entries;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner_android_popupBackground = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_popupBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner_android_prompt = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_prompt;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Spinner_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_popupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_constantSize = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_constantSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_dither = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_dither;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_enterFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_enterFadeDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_exitFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_exitFadeDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_variablePadding = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_variablePadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawable_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_visible;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawableItem = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawableItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.StateListDrawableItem_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawableItem_android_drawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_android_textOff = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_textOff;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_android_textOn = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_textOn;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_android_thumb = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_thumb;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_showText = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_showText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_splitTrack = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_splitTrack;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_switchMinWidth = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchMinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_switchPadding = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_switchTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_thumbTextPadding = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTextPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_thumbTint = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_thumbTintMode = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_track = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_track;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_trackTint = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_trackTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.SwitchCompat_trackTintMode = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_trackTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabItem = global::EssentialUIKit.Droid.Resource.Styleable.TabItem;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabItem_android_icon = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_icon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabItem_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_layout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabItem_android_text = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_text;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabBackground = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabBackground;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabContentStart = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabContentStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabGravity = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIconTint = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIconTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIconTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicator = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicator;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicatorAnimationDuration = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorAnimationDuration;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicatorColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicatorFullWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorFullWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicatorGravity = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabIndicatorHeight = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabInlineLabel = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabInlineLabel;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabMaxWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMaxWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabMinWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMinWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabMode = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabPadding = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPadding;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabPaddingBottom = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabPaddingEnd = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabPaddingStart = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabRippleColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabRippleColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabSelectedTextColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabSelectedTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabTextColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TabLayout_tabUnboundedRipple = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabUnboundedRipple;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_fontFamily;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_shadowColor = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_shadowDx = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowDx;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_shadowDy = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowDy;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_shadowRadius = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowRadius;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_textColor = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_textColorHint = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColorHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_textColorLink = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColorLink;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_textSize = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textSize;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_textStyle = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textStyle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_android_typeface = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_typeface;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_fontFamily;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextAppearance_textAllCaps = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_textAllCaps;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_android_hint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_android_hint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_android_textColorHint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_android_textColorHint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxBackgroundColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxBackgroundMode = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxBackgroundMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxCollapsedPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCollapsedPaddingTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomEnd = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomStart = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxCornerRadiusTopEnd = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusTopEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxCornerRadiusTopStart = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusTopStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxStrokeColor = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxStrokeColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_boxStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxStrokeWidth;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_counterEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_counterMaxLength = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterMaxLength;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_counterOverflowTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterOverflowTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_counterTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_errorEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_errorEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_errorTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_errorTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_helperText = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperText;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_helperTextEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperTextEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_helperTextTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperTextTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_hintAnimationEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintAnimationEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_hintEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_hintTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_passwordToggleContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_passwordToggleDrawable = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleDrawable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_passwordToggleEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleEnabled;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_passwordToggleTint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.TextInputLayout_passwordToggleTintMode = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ThemeEnforcement = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ThemeEnforcement_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_android_textAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ThemeEnforcement_enforceMaterialTheme = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_enforceMaterialTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ThemeEnforcement_enforceTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_enforceTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_android_gravity = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_android_gravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_android_minHeight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_android_minHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_buttonGravity = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_buttonGravity;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_collapseContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_collapseContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_collapseIcon = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_collapseIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetEnd = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetEndWithActions;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetLeft = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetLeft;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetRight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetRight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetStart = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetStartWithNavigation;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_logo = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_logo;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_logoDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_logoDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_maxButtonHeight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_maxButtonHeight;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_navigationContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_navigationContentDescription;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_navigationIcon = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_navigationIcon;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_popupTheme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_subtitle = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitle;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_subtitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_subtitleTextColor = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitleTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_title = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_title;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMargin = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMargin;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMarginBottom = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginBottom;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMarginEnd = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMarginStart = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMarginTop = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginTop;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleMargins = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMargins;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleTextAppearance;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.Toolbar_titleTextColor = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleTextColor;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View = global::EssentialUIKit.Droid.Resource.Styleable.View;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View_android_focusable = global::EssentialUIKit.Droid.Resource.Styleable.View_android_focusable;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View_android_theme = global::EssentialUIKit.Droid.Resource.Styleable.View_android_theme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View_paddingEnd = global::EssentialUIKit.Droid.Resource.Styleable.View_paddingEnd;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View_paddingStart = global::EssentialUIKit.Droid.Resource.Styleable.View_paddingStart;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.View_theme = global::EssentialUIKit.Droid.Resource.Styleable.View_theme;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewBackgroundHelper = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewBackgroundHelper_android_background = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_android_background;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewBackgroundHelper_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_backgroundTint;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewBackgroundHelper_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_backgroundTintMode;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewStubCompat = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewStubCompat_android_id = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_id;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewStubCompat_android_inflatedId = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_inflatedId;
-			global::Syncfusion.XForms.Android.ComboBox.Resource.Styleable.ViewStubCompat_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_layout;
-			global::Syncfusion.ListView.XForms.Android.Resource.String.ApplicationName = global::EssentialUIKit.Droid.Resource.String.ApplicationName;
-			global::Syncfusion.ListView.XForms.Android.Resource.String.Hello = global::EssentialUIKit.Droid.Resource.String.Hello;
-			global::Syncfusion.ListView.XForms.Android.Resource.String.Load_More = global::EssentialUIKit.Droid.Resource.String.Load_More;
-			global::Com.Syncfusion.Maps.Resource.Animation.Scale_in = global::EssentialUIKit.Droid.Resource.Animation.Scale_in;
-			global::Com.Syncfusion.Maps.Resource.Animation.Scale_out = global::EssentialUIKit.Droid.Resource.Animation.Scale_out;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleAlpha = global::EssentialUIKit.Droid.Resource.Attribute.bubbleAlpha;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleFillColor = global::EssentialUIKit.Droid.Resource.Attribute.bubbleFillColor;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleIsAutoFillColors = global::EssentialUIKit.Droid.Resource.Attribute.bubbleIsAutoFillColors;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleMaxSize = global::EssentialUIKit.Droid.Resource.Attribute.bubbleMaxSize;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleMinSize = global::EssentialUIKit.Droid.Resource.Attribute.bubbleMinSize;
-			global::Com.Syncfusion.Maps.Resource.Attribute.bubbleVisibility = global::EssentialUIKit.Droid.Resource.Attribute.bubbleVisibility;
-			global::Com.Syncfusion.Maps.Resource.Attribute.enableMapSelection = global::EssentialUIKit.Droid.Resource.Attribute.enableMapSelection;
-			global::Com.Syncfusion.Maps.Resource.Attribute.enableMapZooming = global::EssentialUIKit.Droid.Resource.Attribute.enableMapZooming;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapLegendIcon = global::EssentialUIKit.Droid.Resource.Attribute.mapLegendIcon;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapLegendIconHeight = global::EssentialUIKit.Droid.Resource.Attribute.mapLegendIconHeight;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapLegendIconWidth = global::EssentialUIKit.Droid.Resource.Attribute.mapLegendIconWidth;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapLegendType = global::EssentialUIKit.Droid.Resource.Attribute.mapLegendType;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapLegendVisibility = global::EssentialUIKit.Droid.Resource.Attribute.mapLegendVisibility;
-			global::Com.Syncfusion.Maps.Resource.Attribute.mapMarkerIcon = global::EssentialUIKit.Droid.Resource.Attribute.mapMarkerIcon;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerIconColor = global::EssentialUIKit.Droid.Resource.Attribute.markerIconColor;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerIconSize = global::EssentialUIKit.Droid.Resource.Attribute.markerIconSize;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerLabel = global::EssentialUIKit.Droid.Resource.Attribute.markerLabel;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerLabelColor = global::EssentialUIKit.Droid.Resource.Attribute.markerLabelColor;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerLabelSize = global::EssentialUIKit.Droid.Resource.Attribute.markerLabelSize;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerLatitude = global::EssentialUIKit.Droid.Resource.Attribute.markerLatitude;
-			global::Com.Syncfusion.Maps.Resource.Attribute.markerLongitude = global::EssentialUIKit.Droid.Resource.Attribute.markerLongitude;
-			global::Com.Syncfusion.Maps.Resource.Attribute.selectedShapeColor = global::EssentialUIKit.Droid.Resource.Attribute.selectedShapeColor;
-			global::Com.Syncfusion.Maps.Resource.Attribute.selectedShapeStroke = global::EssentialUIKit.Droid.Resource.Attribute.selectedShapeStroke;
-			global::Com.Syncfusion.Maps.Resource.Attribute.selectedShapeStrokeThickness = global::EssentialUIKit.Droid.Resource.Attribute.selectedShapeStrokeThickness;
-			global::Com.Syncfusion.Maps.Resource.Attribute.shapeFill = global::EssentialUIKit.Droid.Resource.Attribute.shapeFill;
-			global::Com.Syncfusion.Maps.Resource.Attribute.shapeStroke = global::EssentialUIKit.Droid.Resource.Attribute.shapeStroke;
-			global::Com.Syncfusion.Maps.Resource.Attribute.shapeStrokeThickness = global::EssentialUIKit.Droid.Resource.Attribute.shapeStrokeThickness;
-			global::Com.Syncfusion.Maps.Resource.Attribute.uri = global::EssentialUIKit.Droid.Resource.Attribute.uri;
-			global::Com.Syncfusion.Maps.Resource.Dimension.activity_horizontal_margin = global::EssentialUIKit.Droid.Resource.Dimension.activity_horizontal_margin;
-			global::Com.Syncfusion.Maps.Resource.Dimension.activity_vertical_margin = global::EssentialUIKit.Droid.Resource.Dimension.activity_vertical_margin;
-			global::Com.Syncfusion.Maps.Resource.Id.action_settings = global::EssentialUIKit.Droid.Resource.Id.action_settings;
-			global::Com.Syncfusion.Maps.Resource.Id.bubbles = global::EssentialUIKit.Droid.Resource.Id.bubbles;
-			global::Com.Syncfusion.Maps.Resource.Id.circle = global::EssentialUIKit.Droid.Resource.Id.circle;
-			global::Com.Syncfusion.Maps.Resource.Id.diamond = global::EssentialUIKit.Droid.Resource.Id.diamond;
-			global::Com.Syncfusion.Maps.Resource.Id.image = global::EssentialUIKit.Droid.Resource.Id.image;
-			global::Com.Syncfusion.Maps.Resource.Id.layers = global::EssentialUIKit.Droid.Resource.Id.layers;
-			global::Com.Syncfusion.Maps.Resource.Id.rectangle = global::EssentialUIKit.Droid.Resource.Id.rectangle;
-			global::Com.Syncfusion.Maps.Resource.Id.square = global::EssentialUIKit.Droid.Resource.Id.square;
-			global::Com.Syncfusion.Maps.Resource.Layout.layout_maps = global::EssentialUIKit.Droid.Resource.Layout.layout_maps;
-			global::Com.Syncfusion.Maps.Resource.Menu.menu_sf_maps = global::EssentialUIKit.Droid.Resource.Menu.menu_sf_maps;
-			global::Com.Syncfusion.Maps.Resource.String.action_settings = global::EssentialUIKit.Droid.Resource.String.action_settings;
-			global::Com.Syncfusion.Maps.Resource.String.app_name = global::EssentialUIKit.Droid.Resource.String.app_name;
-			global::Com.Syncfusion.Maps.Resource.String.hello_world = global::EssentialUIKit.Droid.Resource.String.hello_world;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleAlpha = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleAlpha;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleFillColor = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleFillColor;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleIsAutoFillColors = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleIsAutoFillColors;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleMaxSize = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleMaxSize;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleMinSize = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleMinSize;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_bubbleVisibility = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_bubbleVisibility;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_enableMapSelection = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_enableMapSelection;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_enableMapZooming = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_enableMapZooming;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapLegendIcon = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapLegendIcon;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapLegendIconHeight = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapLegendIconHeight;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapLegendIconWidth = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapLegendIconWidth;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapLegendType = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapLegendType;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapLegendVisibility = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapLegendVisibility;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_mapMarkerIcon = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_mapMarkerIcon;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerIconColor = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerIconColor;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerIconSize = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerIconSize;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerLabel = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerLabel;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerLabelColor = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerLabelColor;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerLabelSize = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerLabelSize;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerLatitude = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerLatitude;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_markerLongitude = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_markerLongitude;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_selectedShapeColor = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_selectedShapeColor;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_selectedShapeStroke = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_selectedShapeStroke;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_selectedShapeStrokeThickness = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_selectedShapeStrokeThickness;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_shapeFill = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_shapeFill;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_shapeStroke = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_shapeStroke;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_shapeStrokeThickness = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_shapeStrokeThickness;
-			global::Com.Syncfusion.Maps.Resource.Styleable.SfMaps_uri = global::EssentialUIKit.Droid.Resource.Styleable.SfMaps_uri;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.Drawable.popup_forms_android_close_icon = global::EssentialUIKit.Droid.Resource.Drawable.popup_forms_android_close_icon;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.Drawable.popup_forms_android_shadow = global::EssentialUIKit.Droid.Resource.Drawable.popup_forms_android_shadow;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.Drawable.popup_forms_dark_theme_close_icon = global::EssentialUIKit.Droid.Resource.Drawable.popup_forms_dark_theme_close_icon;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.Drawable.popup_forms_light_theme_close_icon = global::EssentialUIKit.Droid.Resource.Drawable.popup_forms_light_theme_close_icon;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.Id.BorderView = global::EssentialUIKit.Droid.Resource.Id.BorderView;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.String.accept = global::EssentialUIKit.Droid.Resource.String.accept;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.String.decline = global::EssentialUIKit.Droid.Resource.String.decline;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.String.library_name = global::EssentialUIKit.Droid.Resource.String.library_name;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.String.popup_message = global::EssentialUIKit.Droid.Resource.String.popup_message;
-			global::Syncfusion.XForms.Android.PopupLayout.Resource.String.title = global::EssentialUIKit.Droid.Resource.String.title;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Drawable.sfprogressbar_determinate_linear = global::EssentialUIKit.Droid.Resource.Drawable.sfprogressbar_determinate_linear;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Drawable.sfprogressbar_indeterminate_circular = global::EssentialUIKit.Droid.Resource.Drawable.sfprogressbar_indeterminate_circular;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Drawable.sfprogressbar_indeterminate_linear = global::EssentialUIKit.Droid.Resource.Drawable.sfprogressbar_indeterminate_linear;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Id.sfprogressbar_progress = global::EssentialUIKit.Droid.Resource.Id.sfprogressbar_progress;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Id.sfprogressbar_secondary_progress = global::EssentialUIKit.Droid.Resource.Id.sfprogressbar_secondary_progress;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.Id.sfprogressbar_track = global::EssentialUIKit.Droid.Resource.Id.sfprogressbar_track;
-			global::Syncfusion.XForms.Android.ProgressBar.Resource.String.library_name = global::EssentialUIKit.Droid.Resource.String.library_name;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingControlValue = global::EssentialUIKit.Droid.Resource.Attribute.ratingControlValue;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingEnableAutoSize = global::EssentialUIKit.Droid.Resource.Attribute.ratingEnableAutoSize;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingItemCount = global::EssentialUIKit.Droid.Resource.Attribute.ratingItemCount;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingItemSize = global::EssentialUIKit.Droid.Resource.Attribute.ratingItemSize;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingItemSpacing = global::EssentialUIKit.Droid.Resource.Attribute.ratingItemSpacing;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingPrecision = global::EssentialUIKit.Droid.Resource.Attribute.ratingPrecision;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingRatedFill = global::EssentialUIKit.Droid.Resource.Attribute.ratingRatedFill;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingRatedStroke = global::EssentialUIKit.Droid.Resource.Attribute.ratingRatedStroke;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingRatedStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.ratingRatedStrokeWidth;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingUnratedFill = global::EssentialUIKit.Droid.Resource.Attribute.ratingUnratedFill;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingUnratedStroke = global::EssentialUIKit.Droid.Resource.Attribute.ratingUnratedStroke;
-			global::Com.Syncfusion.Rating.Resource.Attribute.ratingUnratedStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.ratingUnratedStrokeWidth;
-			global::Com.Syncfusion.Rating.Resource.Id.exact = global::EssentialUIKit.Droid.Resource.Id.exact;
-			global::Com.Syncfusion.Rating.Resource.Id.half = global::EssentialUIKit.Droid.Resource.Id.half;
-			global::Com.Syncfusion.Rating.Resource.Id.standard = global::EssentialUIKit.Droid.Resource.Id.standard;
-			global::Com.Syncfusion.Rating.Resource.String.library_name = global::EssentialUIKit.Droid.Resource.String.library_name;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating = global::EssentialUIKit.Droid.Resource.Styleable.SfRating;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingControlValue = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingControlValue;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingEnableAutoSize = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingEnableAutoSize;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingItemCount = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingItemCount;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingItemSize = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingItemSize;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingItemSpacing = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingItemSpacing;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingPrecision = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingPrecision;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingRatedFill = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingRatedFill;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingRatedStroke = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingRatedStroke;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingRatedStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingRatedStrokeWidth;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingUnratedFill = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingUnratedFill;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingUnratedStroke = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingUnratedStroke;
-			global::Com.Syncfusion.Rating.Resource.Styleable.SfRating_ratingUnratedStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.SfRating_ratingUnratedStrokeWidth;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorDotsBorderColor = global::EssentialUIKit.Droid.Resource.Attribute.rotatorDotsBorderColor;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorDotsPlacement = global::EssentialUIKit.Droid.Resource.Attribute.rotatorDotsPlacement;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorEnableAutoPlay = global::EssentialUIKit.Droid.Resource.Attribute.rotatorEnableAutoPlay;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorEnableLooping = global::EssentialUIKit.Droid.Resource.Attribute.rotatorEnableLooping;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorEnableSwiping = global::EssentialUIKit.Droid.Resource.Attribute.rotatorEnableSwiping;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorNavigationDelay = global::EssentialUIKit.Droid.Resource.Attribute.rotatorNavigationDelay;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorNavigationDirection = global::EssentialUIKit.Droid.Resource.Attribute.rotatorNavigationDirection;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorNavigationStripMode = global::EssentialUIKit.Droid.Resource.Attribute.rotatorNavigationStripMode;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorNavigationStripPosition = global::EssentialUIKit.Droid.Resource.Attribute.rotatorNavigationStripPosition;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorPlayDirection = global::EssentialUIKit.Droid.Resource.Attribute.rotatorPlayDirection;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorSelectedDotsColor = global::EssentialUIKit.Droid.Resource.Attribute.rotatorSelectedDotsColor;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorSelectedIndex = global::EssentialUIKit.Droid.Resource.Attribute.rotatorSelectedIndex;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorTextVisible = global::EssentialUIKit.Droid.Resource.Attribute.rotatorTextVisible;
-			global::Com.Syncfusion.Rotator.Resource.Attribute.rotatorUnselectedDotsColor = global::EssentialUIKit.Droid.Resource.Attribute.rotatorUnselectedDotsColor;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.btn_Size = global::EssentialUIKit.Droid.Resource.Dimension.btn_Size;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.conc_circle = global::EssentialUIKit.Droid.Resource.Dimension.conc_circle;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.dot_space = global::EssentialUIKit.Droid.Resource.Dimension.dot_space;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.inner_circle = global::EssentialUIKit.Droid.Resource.Dimension.inner_circle;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.outerCircle = global::EssentialUIKit.Droid.Resource.Dimension.outerCircle;
-			global::Com.Syncfusion.Rotator.Resource.Dimension.thumb_padding = global::EssentialUIKit.Droid.Resource.Dimension.thumb_padding;
-			global::Com.Syncfusion.Rotator.Resource.Id.Bottom = global::EssentialUIKit.Droid.Resource.Id.Bottom;
-			global::Com.Syncfusion.Rotator.Resource.Id.Default = global::EssentialUIKit.Droid.Resource.Id.Default;
-			global::Com.Syncfusion.Rotator.Resource.Id.Dots = global::EssentialUIKit.Droid.Resource.Id.Dots;
-			global::Com.Syncfusion.Rotator.Resource.Id.Horizontal = global::EssentialUIKit.Droid.Resource.Id.Horizontal;
-			global::Com.Syncfusion.Rotator.Resource.Id.Left = global::EssentialUIKit.Droid.Resource.Id.Left;
-			global::Com.Syncfusion.Rotator.Resource.Id.MoveBackward = global::EssentialUIKit.Droid.Resource.Id.MoveBackward;
-			global::Com.Syncfusion.Rotator.Resource.Id.MoveForward = global::EssentialUIKit.Droid.Resource.Id.MoveForward;
-			global::Com.Syncfusion.Rotator.Resource.Id.None = global::EssentialUIKit.Droid.Resource.Id.None;
-			global::Com.Syncfusion.Rotator.Resource.Id.OutSide = global::EssentialUIKit.Droid.Resource.Id.OutSide;
-			global::Com.Syncfusion.Rotator.Resource.Id.Right = global::EssentialUIKit.Droid.Resource.Id.Right;
-			global::Com.Syncfusion.Rotator.Resource.Id.Thumbnail = global::EssentialUIKit.Droid.Resource.Id.Thumbnail;
-			global::Com.Syncfusion.Rotator.Resource.Id.Top = global::EssentialUIKit.Droid.Resource.Id.Top;
-			global::Com.Syncfusion.Rotator.Resource.Id.Vertical = global::EssentialUIKit.Droid.Resource.Id.Vertical;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorDotsBorderColor = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorDotsBorderColor;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorDotsPlacement = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorDotsPlacement;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorEnableAutoPlay = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorEnableAutoPlay;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorEnableLooping = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorEnableLooping;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorEnableSwiping = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorEnableSwiping;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorNavigationDelay = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorNavigationDelay;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorNavigationDirection = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorNavigationDirection;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorNavigationStripMode = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorNavigationStripMode;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorNavigationStripPosition = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorNavigationStripPosition;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorPlayDirection = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorPlayDirection;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorSelectedDotsColor = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorSelectedDotsColor;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorSelectedIndex = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorSelectedIndex;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorTextVisible = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorTextVisible;
-			global::Com.Syncfusion.Rotator.Resource.Styleable.SfRotator_rotatorUnselectedDotsColor = global::EssentialUIKit.Droid.Resource.Styleable.SfRotator_rotatorUnselectedDotsColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_fade_in = global::EssentialUIKit.Droid.Resource.Animation.abc_fade_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_fade_out = global::EssentialUIKit.Droid.Resource.Animation.abc_fade_out;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_grow_fade_in_from_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_grow_fade_in_from_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_popup_enter = global::EssentialUIKit.Droid.Resource.Animation.abc_popup_enter;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_popup_exit = global::EssentialUIKit.Droid.Resource.Animation.abc_popup_exit;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_shrink_fade_out_from_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_shrink_fade_out_from_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_slide_in_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_in_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_slide_in_top = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_in_top;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_slide_out_bottom = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_out_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_slide_out_top = global::EssentialUIKit.Droid.Resource.Animation.abc_slide_out_top;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_tooltip_enter = global::EssentialUIKit.Droid.Resource.Animation.abc_tooltip_enter;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.abc_tooltip_exit = global::EssentialUIKit.Droid.Resource.Animation.abc_tooltip_exit;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.design_bottom_sheet_slide_in = global::EssentialUIKit.Droid.Resource.Animation.design_bottom_sheet_slide_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.design_bottom_sheet_slide_out = global::EssentialUIKit.Droid.Resource.Animation.design_bottom_sheet_slide_out;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.design_snackbar_in = global::EssentialUIKit.Droid.Resource.Animation.design_snackbar_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.design_snackbar_out = global::EssentialUIKit.Droid.Resource.Animation.design_snackbar_out;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.EnterFromLeft = global::EssentialUIKit.Droid.Resource.Animation.EnterFromLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.EnterFromRight = global::EssentialUIKit.Droid.Resource.Animation.EnterFromRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.ExitToLeft = global::EssentialUIKit.Droid.Resource.Animation.ExitToLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Animation.ExitToRight = global::EssentialUIKit.Droid.Resource.Animation.ExitToRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.design_appbar_state_list_animator = global::EssentialUIKit.Droid.Resource.Animator.design_appbar_state_list_animator;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.design_fab_hide_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.design_fab_hide_motion_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.design_fab_show_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.design_fab_show_motion_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_btn_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_btn_state_list_anim;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_btn_unelevated_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_btn_unelevated_state_list_anim;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_chip_state_list_anim = global::EssentialUIKit.Droid.Resource.Animator.mtrl_chip_state_list_anim;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_fab_hide_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_hide_motion_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_fab_show_motion_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_show_motion_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_fab_transformation_sheet_collapse_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_transformation_sheet_collapse_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Animator.mtrl_fab_transformation_sheet_expand_spec = global::EssentialUIKit.Droid.Resource.Animator.mtrl_fab_transformation_sheet_expand_spec;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarDivider = global::EssentialUIKit.Droid.Resource.Attribute.actionBarDivider;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarItemBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionBarItemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarPopupTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarPopupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarSize = global::EssentialUIKit.Droid.Resource.Attribute.actionBarSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarSplitStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarSplitStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarTabBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarTabStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarTabTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTabTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionBarWidgetTheme = global::EssentialUIKit.Droid.Resource.Attribute.actionBarWidgetTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionDropDownStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionDropDownStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionLayout = global::EssentialUIKit.Droid.Resource.Attribute.actionLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionMenuTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.actionMenuTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionMenuTextColor = global::EssentialUIKit.Droid.Resource.Attribute.actionMenuTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionModeBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeCloseButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCloseButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeCloseDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCloseDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeCopyDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCopyDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeCutDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeCutDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeFindDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeFindDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModePasteDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModePasteDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModePopupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModePopupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeSelectAllDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeSelectAllDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeShareDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeShareDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeSplitBackground = global::EssentialUIKit.Droid.Resource.Attribute.actionModeSplitBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionModeStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionModeWebSearchDrawable = global::EssentialUIKit.Droid.Resource.Attribute.actionModeWebSearchDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionOverflowButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionOverflowButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionOverflowMenuStyle = global::EssentialUIKit.Droid.Resource.Attribute.actionOverflowMenuStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionProviderClass = global::EssentialUIKit.Droid.Resource.Attribute.actionProviderClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.actionViewClass = global::EssentialUIKit.Droid.Resource.Attribute.actionViewClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.activityChooserViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.activityChooserViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alertDialogButtonGroupStyle = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogButtonGroupStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alertDialogCenterButtons = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogCenterButtons;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alertDialogStyle = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alertDialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.alertDialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.allowStacking = global::EssentialUIKit.Droid.Resource.Attribute.allowStacking;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alpha = global::EssentialUIKit.Droid.Resource.Attribute.alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.alphabeticModifiers = global::EssentialUIKit.Droid.Resource.Attribute.alphabeticModifiers;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.arrowHeadLength = global::EssentialUIKit.Droid.Resource.Attribute.arrowHeadLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.arrowShaftLength = global::EssentialUIKit.Droid.Resource.Attribute.arrowShaftLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoCompleteTextViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.autoCompleteTextViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoSizeMaxTextSize = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeMaxTextSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoSizeMinTextSize = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeMinTextSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoSizePresetSizes = global::EssentialUIKit.Droid.Resource.Attribute.autoSizePresetSizes;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoSizeStepGranularity = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeStepGranularity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.autoSizeTextType = global::EssentialUIKit.Droid.Resource.Attribute.autoSizeTextType;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.background = global::EssentialUIKit.Droid.Resource.Attribute.background;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.backgroundSplit = global::EssentialUIKit.Droid.Resource.Attribute.backgroundSplit;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.backgroundStacked = global::EssentialUIKit.Droid.Resource.Attribute.backgroundStacked;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.backgroundTint = global::EssentialUIKit.Droid.Resource.Attribute.backgroundTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.backgroundTintMode = global::EssentialUIKit.Droid.Resource.Attribute.backgroundTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.barLength = global::EssentialUIKit.Droid.Resource.Attribute.barLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_autoHide = global::EssentialUIKit.Droid.Resource.Attribute.behavior_autoHide;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_fitToContents = global::EssentialUIKit.Droid.Resource.Attribute.behavior_fitToContents;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_hideable = global::EssentialUIKit.Droid.Resource.Attribute.behavior_hideable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_overlapTop = global::EssentialUIKit.Droid.Resource.Attribute.behavior_overlapTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_peekHeight = global::EssentialUIKit.Droid.Resource.Attribute.behavior_peekHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.behavior_skipCollapsed = global::EssentialUIKit.Droid.Resource.Attribute.behavior_skipCollapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.borderWidth = global::EssentialUIKit.Droid.Resource.Attribute.borderWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.borderlessButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.borderlessButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.bottomAppBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomAppBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.bottomNavigationStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomNavigationStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.bottomSheetDialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Attribute.bottomSheetStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.boxBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxBackgroundMode = global::EssentialUIKit.Droid.Resource.Attribute.boxBackgroundMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxCollapsedPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.boxCollapsedPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxCornerRadiusBottomEnd = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusBottomEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxCornerRadiusBottomStart = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusBottomStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxCornerRadiusTopEnd = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusTopEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxCornerRadiusTopStart = global::EssentialUIKit.Droid.Resource.Attribute.boxCornerRadiusTopStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxStrokeColor = global::EssentialUIKit.Droid.Resource.Attribute.boxStrokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.boxStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.boxStrokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonBarButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonBarNegativeButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarNegativeButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonBarNeutralButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarNeutralButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonBarPositiveButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarPositiveButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonGravity = global::EssentialUIKit.Droid.Resource.Attribute.buttonGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonIconDimen = global::EssentialUIKit.Droid.Resource.Attribute.buttonIconDimen;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonPanelSideLayout = global::EssentialUIKit.Droid.Resource.Attribute.buttonPanelSideLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonStyle = global::EssentialUIKit.Droid.Resource.Attribute.buttonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonStyleSmall = global::EssentialUIKit.Droid.Resource.Attribute.buttonStyleSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonTint = global::EssentialUIKit.Droid.Resource.Attribute.buttonTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.buttonTintMode = global::EssentialUIKit.Droid.Resource.Attribute.buttonTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.cardBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.cardCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardElevation = global::EssentialUIKit.Droid.Resource.Attribute.cardElevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardMaxElevation = global::EssentialUIKit.Droid.Resource.Attribute.cardMaxElevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardPreventCornerOverlap = global::EssentialUIKit.Droid.Resource.Attribute.cardPreventCornerOverlap;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardUseCompatPadding = global::EssentialUIKit.Droid.Resource.Attribute.cardUseCompatPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cardViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.cardViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkboxStyle = global::EssentialUIKit.Droid.Resource.Attribute.checkboxStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkedChip = global::EssentialUIKit.Droid.Resource.Attribute.checkedChip;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkedIcon = global::EssentialUIKit.Droid.Resource.Attribute.checkedIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkedIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.checkedIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkedIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.checkedIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.checkedTextViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.checkedTextViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipBackgroundColor = global::EssentialUIKit.Droid.Resource.Attribute.chipBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.chipCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.chipEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipGroupStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipGroupStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipIcon = global::EssentialUIKit.Droid.Resource.Attribute.chipIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.chipIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipIconSize = global::EssentialUIKit.Droid.Resource.Attribute.chipIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipIconTint = global::EssentialUIKit.Droid.Resource.Attribute.chipIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.chipIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipMinHeight = global::EssentialUIKit.Droid.Resource.Attribute.chipMinHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipSpacing = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipSpacingHorizontal = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacingHorizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipSpacingVertical = global::EssentialUIKit.Droid.Resource.Attribute.chipSpacingVertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipStandaloneStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipStandaloneStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.chipStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipStrokeColor = global::EssentialUIKit.Droid.Resource.Attribute.chipStrokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipStrokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.chipStrokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.chipStyle = global::EssentialUIKit.Droid.Resource.Attribute.chipStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIcon = global::EssentialUIKit.Droid.Resource.Attribute.closeIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconEnabled = global::EssentialUIKit.Droid.Resource.Attribute.closeIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.closeIconEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconSize = global::EssentialUIKit.Droid.Resource.Attribute.closeIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.closeIconStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconTint = global::EssentialUIKit.Droid.Resource.Attribute.closeIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeIconVisible = global::EssentialUIKit.Droid.Resource.Attribute.closeIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.closeItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.closeItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.collapseContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.collapseContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.collapseIcon = global::EssentialUIKit.Droid.Resource.Attribute.collapseIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.collapsedTitleGravity = global::EssentialUIKit.Droid.Resource.Attribute.collapsedTitleGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.collapsedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.collapsedTitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.color = global::EssentialUIKit.Droid.Resource.Attribute.color;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorAccent = global::EssentialUIKit.Droid.Resource.Attribute.colorAccent;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Attribute.colorBackgroundFloating;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorButtonNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorButtonNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorControlActivated = global::EssentialUIKit.Droid.Resource.Attribute.colorControlActivated;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorControlHighlight = global::EssentialUIKit.Droid.Resource.Attribute.colorControlHighlight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorControlNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorControlNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorError = global::EssentialUIKit.Droid.Resource.Attribute.colorError;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorPrimary = global::EssentialUIKit.Droid.Resource.Attribute.colorPrimary;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Attribute.colorPrimaryDark;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorSecondary = global::EssentialUIKit.Droid.Resource.Attribute.colorSecondary;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.colorSwitchThumbNormal = global::EssentialUIKit.Droid.Resource.Attribute.colorSwitchThumbNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.commitIcon = global::EssentialUIKit.Droid.Resource.Attribute.commitIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentDescription = global::EssentialUIKit.Droid.Resource.Attribute.contentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetEnd = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetEndWithActions;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetLeft = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetRight = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetStart = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Attribute.contentInsetStartWithNavigation;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentPadding = global::EssentialUIKit.Droid.Resource.Attribute.contentPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentPaddingBottom = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentPaddingLeft = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentPaddingRight = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.contentPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.contentScrim = global::EssentialUIKit.Droid.Resource.Attribute.contentScrim;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.controlBackground = global::EssentialUIKit.Droid.Resource.Attribute.controlBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.coordinatorLayoutStyle = global::EssentialUIKit.Droid.Resource.Attribute.coordinatorLayoutStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.cornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.cornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.counterEnabled = global::EssentialUIKit.Droid.Resource.Attribute.counterEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.counterMaxLength = global::EssentialUIKit.Droid.Resource.Attribute.counterMaxLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.counterOverflowTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.counterOverflowTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.counterTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.counterTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.customNavigationLayout = global::EssentialUIKit.Droid.Resource.Attribute.customNavigationLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.defaultQueryHint = global::EssentialUIKit.Droid.Resource.Attribute.defaultQueryHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dialogCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.dialogCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dialogPreferredPadding = global::EssentialUIKit.Droid.Resource.Attribute.dialogPreferredPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dialogTheme = global::EssentialUIKit.Droid.Resource.Attribute.dialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.displayOptions = global::EssentialUIKit.Droid.Resource.Attribute.displayOptions;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.divider = global::EssentialUIKit.Droid.Resource.Attribute.divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dividerHorizontal = global::EssentialUIKit.Droid.Resource.Attribute.dividerHorizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dividerPadding = global::EssentialUIKit.Droid.Resource.Attribute.dividerPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dividerVertical = global::EssentialUIKit.Droid.Resource.Attribute.dividerVertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.drawableSize = global::EssentialUIKit.Droid.Resource.Attribute.drawableSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.drawerArrowStyle = global::EssentialUIKit.Droid.Resource.Attribute.drawerArrowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dropDownListViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.dropDownListViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.dropdownListPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Attribute.dropdownListPreferredItemHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.editTextBackground = global::EssentialUIKit.Droid.Resource.Attribute.editTextBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.editTextColor = global::EssentialUIKit.Droid.Resource.Attribute.editTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.editTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.editTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.elevation = global::EssentialUIKit.Droid.Resource.Attribute.elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.enforceMaterialTheme = global::EssentialUIKit.Droid.Resource.Attribute.enforceMaterialTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.enforceTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.enforceTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.errorEnabled = global::EssentialUIKit.Droid.Resource.Attribute.errorEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.errorTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.errorTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandActivityOverflowButtonDrawable = global::EssentialUIKit.Droid.Resource.Attribute.expandActivityOverflowButtonDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expanded = global::EssentialUIKit.Droid.Resource.Attribute.expanded;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleGravity = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleMargin = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleMarginBottom = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleMarginEnd = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleMarginStart = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleMarginTop = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleMarginTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.expandedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.expandedTitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabAlignmentMode = global::EssentialUIKit.Droid.Resource.Attribute.fabAlignmentMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabCradleMargin = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabCradleRoundedCornerRadius = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleRoundedCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabCradleVerticalOffset = global::EssentialUIKit.Droid.Resource.Attribute.fabCradleVerticalOffset;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabCustomSize = global::EssentialUIKit.Droid.Resource.Attribute.fabCustomSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fabSize = global::EssentialUIKit.Droid.Resource.Attribute.fabSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fastScrollEnabled = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fastScrollHorizontalThumbDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollHorizontalThumbDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fastScrollHorizontalTrackDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollHorizontalTrackDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fastScrollVerticalThumbDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollVerticalThumbDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fastScrollVerticalTrackDrawable = global::EssentialUIKit.Droid.Resource.Attribute.fastScrollVerticalTrackDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.firstBaselineToTopHeight = global::EssentialUIKit.Droid.Resource.Attribute.firstBaselineToTopHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.floatingActionButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.floatingActionButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.font = global::EssentialUIKit.Droid.Resource.Attribute.font;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontFamily = global::EssentialUIKit.Droid.Resource.Attribute.fontFamily;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderAuthority = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderAuthority;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderCerts = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderCerts;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderFetchStrategy = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderFetchStrategy;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderFetchTimeout = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderFetchTimeout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderPackage = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderPackage;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontProviderQuery = global::EssentialUIKit.Droid.Resource.Attribute.fontProviderQuery;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontStyle = global::EssentialUIKit.Droid.Resource.Attribute.fontStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontVariationSettings = global::EssentialUIKit.Droid.Resource.Attribute.fontVariationSettings;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.fontWeight = global::EssentialUIKit.Droid.Resource.Attribute.fontWeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.foregroundInsidePadding = global::EssentialUIKit.Droid.Resource.Attribute.foregroundInsidePadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.gapBetweenBars = global::EssentialUIKit.Droid.Resource.Attribute.gapBetweenBars;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.goIcon = global::EssentialUIKit.Droid.Resource.Attribute.goIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.headerLayout = global::EssentialUIKit.Droid.Resource.Attribute.headerLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.height = global::EssentialUIKit.Droid.Resource.Attribute.height;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.helperText = global::EssentialUIKit.Droid.Resource.Attribute.helperText;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.helperTextEnabled = global::EssentialUIKit.Droid.Resource.Attribute.helperTextEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.helperTextTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.helperTextTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hideMotionSpec = global::EssentialUIKit.Droid.Resource.Attribute.hideMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hideOnContentScroll = global::EssentialUIKit.Droid.Resource.Attribute.hideOnContentScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hideOnScroll = global::EssentialUIKit.Droid.Resource.Attribute.hideOnScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hintAnimationEnabled = global::EssentialUIKit.Droid.Resource.Attribute.hintAnimationEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hintEnabled = global::EssentialUIKit.Droid.Resource.Attribute.hintEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hintTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.hintTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Attribute.homeAsUpIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.homeLayout = global::EssentialUIKit.Droid.Resource.Attribute.homeLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.hoveredFocusedTranslationZ = global::EssentialUIKit.Droid.Resource.Attribute.hoveredFocusedTranslationZ;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.icon = global::EssentialUIKit.Droid.Resource.Attribute.icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconGravity = global::EssentialUIKit.Droid.Resource.Attribute.iconGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconSize = global::EssentialUIKit.Droid.Resource.Attribute.iconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.iconStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconTint = global::EssentialUIKit.Droid.Resource.Attribute.iconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconTintMode = global::EssentialUIKit.Droid.Resource.Attribute.iconTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.iconifiedByDefault = global::EssentialUIKit.Droid.Resource.Attribute.iconifiedByDefault;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.imageButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.imageButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.indeterminateProgressStyle = global::EssentialUIKit.Droid.Resource.Attribute.indeterminateProgressStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.initialActivityCount = global::EssentialUIKit.Droid.Resource.Attribute.initialActivityCount;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.insetForeground = global::EssentialUIKit.Droid.Resource.Attribute.insetForeground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.isLightTheme = global::EssentialUIKit.Droid.Resource.Attribute.isLightTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemBackground = global::EssentialUIKit.Droid.Resource.Attribute.itemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemHorizontalPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemHorizontalPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemHorizontalTranslationEnabled = global::EssentialUIKit.Droid.Resource.Attribute.itemHorizontalTranslationEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemIconPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemIconPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemIconSize = global::EssentialUIKit.Droid.Resource.Attribute.itemIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemIconTint = global::EssentialUIKit.Droid.Resource.Attribute.itemIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemPadding = global::EssentialUIKit.Droid.Resource.Attribute.itemPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemSpacing = global::EssentialUIKit.Droid.Resource.Attribute.itemSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemTextAppearanceActive = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearanceActive;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemTextAppearanceInactive = global::EssentialUIKit.Droid.Resource.Attribute.itemTextAppearanceInactive;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.itemTextColor = global::EssentialUIKit.Droid.Resource.Attribute.itemTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.keylines = global::EssentialUIKit.Droid.Resource.Attribute.keylines;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.labelVisibilityMode = global::EssentialUIKit.Droid.Resource.Attribute.labelVisibilityMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.lastBaselineToBottomHeight = global::EssentialUIKit.Droid.Resource.Attribute.lastBaselineToBottomHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout = global::EssentialUIKit.Droid.Resource.Attribute.layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layoutManager = global::EssentialUIKit.Droid.Resource.Attribute.layoutManager;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_anchor = global::EssentialUIKit.Droid.Resource.Attribute.layout_anchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_anchorGravity = global::EssentialUIKit.Droid.Resource.Attribute.layout_anchorGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_behavior = global::EssentialUIKit.Droid.Resource.Attribute.layout_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_collapseMode = global::EssentialUIKit.Droid.Resource.Attribute.layout_collapseMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_collapseParallaxMultiplier = global::EssentialUIKit.Droid.Resource.Attribute.layout_collapseParallaxMultiplier;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_dodgeInsetEdges = global::EssentialUIKit.Droid.Resource.Attribute.layout_dodgeInsetEdges;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_insetEdge = global::EssentialUIKit.Droid.Resource.Attribute.layout_insetEdge;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_keyline = global::EssentialUIKit.Droid.Resource.Attribute.layout_keyline;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_scrollFlags = global::EssentialUIKit.Droid.Resource.Attribute.layout_scrollFlags;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.layout_scrollInterpolator = global::EssentialUIKit.Droid.Resource.Attribute.layout_scrollInterpolator;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.liftOnScroll = global::EssentialUIKit.Droid.Resource.Attribute.liftOnScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.lineHeight = global::EssentialUIKit.Droid.Resource.Attribute.lineHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.lineSpacing = global::EssentialUIKit.Droid.Resource.Attribute.lineSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listChoiceBackgroundIndicator = global::EssentialUIKit.Droid.Resource.Attribute.listChoiceBackgroundIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listDividerAlertDialog = global::EssentialUIKit.Droid.Resource.Attribute.listDividerAlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.listItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listLayout = global::EssentialUIKit.Droid.Resource.Attribute.listLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listMenuViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.listMenuViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPopupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.listPopupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPreferredItemHeightLarge = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeightLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPreferredItemHeightSmall = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemHeightSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPreferredItemPaddingLeft = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemPaddingLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.listPreferredItemPaddingRight = global::EssentialUIKit.Droid.Resource.Attribute.listPreferredItemPaddingRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.logo = global::EssentialUIKit.Droid.Resource.Attribute.logo;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.logoDescription = global::EssentialUIKit.Droid.Resource.Attribute.logoDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.materialButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.materialButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.materialCardViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.materialCardViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.maxActionInlineWidth = global::EssentialUIKit.Droid.Resource.Attribute.maxActionInlineWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.maxButtonHeight = global::EssentialUIKit.Droid.Resource.Attribute.maxButtonHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.maxImageSize = global::EssentialUIKit.Droid.Resource.Attribute.maxImageSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.measureWithLargestChild = global::EssentialUIKit.Droid.Resource.Attribute.measureWithLargestChild;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.menu = global::EssentialUIKit.Droid.Resource.Attribute.menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.multiChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.multiChoiceItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.navigationContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.navigationContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.navigationIcon = global::EssentialUIKit.Droid.Resource.Attribute.navigationIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.navigationMode = global::EssentialUIKit.Droid.Resource.Attribute.navigationMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.navigationViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.navigationViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.numericModifiers = global::EssentialUIKit.Droid.Resource.Attribute.numericModifiers;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.overlapAnchor = global::EssentialUIKit.Droid.Resource.Attribute.overlapAnchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.paddingBottomNoButtons = global::EssentialUIKit.Droid.Resource.Attribute.paddingBottomNoButtons;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.paddingEnd = global::EssentialUIKit.Droid.Resource.Attribute.paddingEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.paddingStart = global::EssentialUIKit.Droid.Resource.Attribute.paddingStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.paddingTopNoTitle = global::EssentialUIKit.Droid.Resource.Attribute.paddingTopNoTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.panelBackground = global::EssentialUIKit.Droid.Resource.Attribute.panelBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.panelMenuListTheme = global::EssentialUIKit.Droid.Resource.Attribute.panelMenuListTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.panelMenuListWidth = global::EssentialUIKit.Droid.Resource.Attribute.panelMenuListWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.passwordToggleContentDescription = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.passwordToggleDrawable = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.passwordToggleEnabled = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.passwordToggleTint = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.passwordToggleTintMode = global::EssentialUIKit.Droid.Resource.Attribute.passwordToggleTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.popupMenuStyle = global::EssentialUIKit.Droid.Resource.Attribute.popupMenuStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.popupTheme = global::EssentialUIKit.Droid.Resource.Attribute.popupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.popupWindowStyle = global::EssentialUIKit.Droid.Resource.Attribute.popupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.preserveIconSpacing = global::EssentialUIKit.Droid.Resource.Attribute.preserveIconSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.pressedTranslationZ = global::EssentialUIKit.Droid.Resource.Attribute.pressedTranslationZ;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.progressBarPadding = global::EssentialUIKit.Droid.Resource.Attribute.progressBarPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.progressBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.progressBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.queryBackground = global::EssentialUIKit.Droid.Resource.Attribute.queryBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.queryHint = global::EssentialUIKit.Droid.Resource.Attribute.queryHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.radioButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.radioButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.ratingBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.ratingBarStyleIndicator = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyleIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.ratingBarStyleSmall = global::EssentialUIKit.Droid.Resource.Attribute.ratingBarStyleSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.reverseLayout = global::EssentialUIKit.Droid.Resource.Attribute.reverseLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.rippleColor = global::EssentialUIKit.Droid.Resource.Attribute.rippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.scrimAnimationDuration = global::EssentialUIKit.Droid.Resource.Attribute.scrimAnimationDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.scrimBackground = global::EssentialUIKit.Droid.Resource.Attribute.scrimBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.scrimVisibleHeightTrigger = global::EssentialUIKit.Droid.Resource.Attribute.scrimVisibleHeightTrigger;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.searchHintIcon = global::EssentialUIKit.Droid.Resource.Attribute.searchHintIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.searchIcon = global::EssentialUIKit.Droid.Resource.Attribute.searchIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.searchViewStyle = global::EssentialUIKit.Droid.Resource.Attribute.searchViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.seekBarStyle = global::EssentialUIKit.Droid.Resource.Attribute.seekBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.selectableItemBackground = global::EssentialUIKit.Droid.Resource.Attribute.selectableItemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.selectableItemBackgroundBorderless = global::EssentialUIKit.Droid.Resource.Attribute.selectableItemBackgroundBorderless;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.showAsAction = global::EssentialUIKit.Droid.Resource.Attribute.showAsAction;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.showDividers = global::EssentialUIKit.Droid.Resource.Attribute.showDividers;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.showMotionSpec = global::EssentialUIKit.Droid.Resource.Attribute.showMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.showText = global::EssentialUIKit.Droid.Resource.Attribute.showText;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.showTitle = global::EssentialUIKit.Droid.Resource.Attribute.showTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.singleChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Attribute.singleChoiceItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.singleLine = global::EssentialUIKit.Droid.Resource.Attribute.singleLine;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.singleSelection = global::EssentialUIKit.Droid.Resource.Attribute.singleSelection;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.snackbarButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.snackbarStyle = global::EssentialUIKit.Droid.Resource.Attribute.snackbarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.spanCount = global::EssentialUIKit.Droid.Resource.Attribute.spanCount;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.spinBars = global::EssentialUIKit.Droid.Resource.Attribute.spinBars;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.spinnerDropDownItemStyle = global::EssentialUIKit.Droid.Resource.Attribute.spinnerDropDownItemStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.spinnerStyle = global::EssentialUIKit.Droid.Resource.Attribute.spinnerStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.splitTrack = global::EssentialUIKit.Droid.Resource.Attribute.splitTrack;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.srcCompat = global::EssentialUIKit.Droid.Resource.Attribute.srcCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.stackFromEnd = global::EssentialUIKit.Droid.Resource.Attribute.stackFromEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.state_above_anchor = global::EssentialUIKit.Droid.Resource.Attribute.state_above_anchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.state_collapsed = global::EssentialUIKit.Droid.Resource.Attribute.state_collapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.state_collapsible = global::EssentialUIKit.Droid.Resource.Attribute.state_collapsible;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.state_liftable = global::EssentialUIKit.Droid.Resource.Attribute.state_liftable;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.state_lifted = global::EssentialUIKit.Droid.Resource.Attribute.state_lifted;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.statusBarBackground = global::EssentialUIKit.Droid.Resource.Attribute.statusBarBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.statusBarScrim = global::EssentialUIKit.Droid.Resource.Attribute.statusBarScrim;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.strokeColor = global::EssentialUIKit.Droid.Resource.Attribute.strokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.strokeWidth = global::EssentialUIKit.Droid.Resource.Attribute.strokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.subMenuArrow = global::EssentialUIKit.Droid.Resource.Attribute.subMenuArrow;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.submitBackground = global::EssentialUIKit.Droid.Resource.Attribute.submitBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.subtitle = global::EssentialUIKit.Droid.Resource.Attribute.subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.subtitleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.subtitleTextColor = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.subtitleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.suggestionRowLayout = global::EssentialUIKit.Droid.Resource.Attribute.suggestionRowLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.switchMinWidth = global::EssentialUIKit.Droid.Resource.Attribute.switchMinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.switchPadding = global::EssentialUIKit.Droid.Resource.Attribute.switchPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.switchStyle = global::EssentialUIKit.Droid.Resource.Attribute.switchStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.switchTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.switchTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabBackground = global::EssentialUIKit.Droid.Resource.Attribute.tabBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabContentStart = global::EssentialUIKit.Droid.Resource.Attribute.tabContentStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabGravity = global::EssentialUIKit.Droid.Resource.Attribute.tabGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIconTint = global::EssentialUIKit.Droid.Resource.Attribute.tabIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIconTintMode = global::EssentialUIKit.Droid.Resource.Attribute.tabIconTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicator = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicatorAnimationDuration = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorAnimationDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicatorColor = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicatorFullWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorFullWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicatorGravity = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabIndicatorHeight = global::EssentialUIKit.Droid.Resource.Attribute.tabIndicatorHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabInlineLabel = global::EssentialUIKit.Droid.Resource.Attribute.tabInlineLabel;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabMaxWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabMaxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabMinWidth = global::EssentialUIKit.Droid.Resource.Attribute.tabMinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabMode = global::EssentialUIKit.Droid.Resource.Attribute.tabMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabPadding = global::EssentialUIKit.Droid.Resource.Attribute.tabPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabPaddingBottom = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabPaddingEnd = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabPaddingStart = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabPaddingTop = global::EssentialUIKit.Droid.Resource.Attribute.tabPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabRippleColor = global::EssentialUIKit.Droid.Resource.Attribute.tabRippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabSelectedTextColor = global::EssentialUIKit.Droid.Resource.Attribute.tabSelectedTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabStyle = global::EssentialUIKit.Droid.Resource.Attribute.tabStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.tabTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabTextColor = global::EssentialUIKit.Droid.Resource.Attribute.tabTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tabUnboundedRipple = global::EssentialUIKit.Droid.Resource.Attribute.tabUnboundedRipple;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAllCaps = global::EssentialUIKit.Droid.Resource.Attribute.textAllCaps;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceBody1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceBody1;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceBody2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceBody2;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceButton = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceCaption = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceCaption;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline1;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline2;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline3 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline3;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline4 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline4;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline5 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline5;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceHeadline6 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceHeadline6;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceLargePopupMenu = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceLargePopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceListItem = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceListItemSecondary = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItemSecondary;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceListItemSmall = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceListItemSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceOverline = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceOverline;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearancePopupMenuHeader = global::EssentialUIKit.Droid.Resource.Attribute.textAppearancePopupMenuHeader;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceSearchResultSubtitle = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSearchResultSubtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceSearchResultTitle = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSearchResultTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceSmallPopupMenu = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSmallPopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceSubtitle1 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSubtitle1;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textAppearanceSubtitle2 = global::EssentialUIKit.Droid.Resource.Attribute.textAppearanceSubtitle2;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textColorAlertDialogListItem = global::EssentialUIKit.Droid.Resource.Attribute.textColorAlertDialogListItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textColorSearchUrl = global::EssentialUIKit.Droid.Resource.Attribute.textColorSearchUrl;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textEndPadding = global::EssentialUIKit.Droid.Resource.Attribute.textEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textInputStyle = global::EssentialUIKit.Droid.Resource.Attribute.textInputStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.textStartPadding = global::EssentialUIKit.Droid.Resource.Attribute.textStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.theme = global::EssentialUIKit.Droid.Resource.Attribute.theme;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.thickness = global::EssentialUIKit.Droid.Resource.Attribute.thickness;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.thumbTextPadding = global::EssentialUIKit.Droid.Resource.Attribute.thumbTextPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.thumbTint = global::EssentialUIKit.Droid.Resource.Attribute.thumbTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.thumbTintMode = global::EssentialUIKit.Droid.Resource.Attribute.thumbTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tickMark = global::EssentialUIKit.Droid.Resource.Attribute.tickMark;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tickMarkTint = global::EssentialUIKit.Droid.Resource.Attribute.tickMarkTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tickMarkTintMode = global::EssentialUIKit.Droid.Resource.Attribute.tickMarkTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tint = global::EssentialUIKit.Droid.Resource.Attribute.tint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tintMode = global::EssentialUIKit.Droid.Resource.Attribute.tintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.title = global::EssentialUIKit.Droid.Resource.Attribute.title;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleEnabled = global::EssentialUIKit.Droid.Resource.Attribute.titleEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMargin = global::EssentialUIKit.Droid.Resource.Attribute.titleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMarginBottom = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMarginEnd = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMarginStart = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMarginTop = global::EssentialUIKit.Droid.Resource.Attribute.titleMarginTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleMargins = global::EssentialUIKit.Droid.Resource.Attribute.titleMargins;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleTextAppearance = global::EssentialUIKit.Droid.Resource.Attribute.titleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleTextColor = global::EssentialUIKit.Droid.Resource.Attribute.titleTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.titleTextStyle = global::EssentialUIKit.Droid.Resource.Attribute.titleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.toolbarId = global::EssentialUIKit.Droid.Resource.Attribute.toolbarId;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.toolbarNavigationButtonStyle = global::EssentialUIKit.Droid.Resource.Attribute.toolbarNavigationButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.toolbarStyle = global::EssentialUIKit.Droid.Resource.Attribute.toolbarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tooltipForegroundColor = global::EssentialUIKit.Droid.Resource.Attribute.tooltipForegroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tooltipFrameBackground = global::EssentialUIKit.Droid.Resource.Attribute.tooltipFrameBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.tooltipText = global::EssentialUIKit.Droid.Resource.Attribute.tooltipText;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.track = global::EssentialUIKit.Droid.Resource.Attribute.track;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.trackTint = global::EssentialUIKit.Droid.Resource.Attribute.trackTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.trackTintMode = global::EssentialUIKit.Droid.Resource.Attribute.trackTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.ttcIndex = global::EssentialUIKit.Droid.Resource.Attribute.ttcIndex;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.useCompatPadding = global::EssentialUIKit.Droid.Resource.Attribute.useCompatPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.viewInflaterClass = global::EssentialUIKit.Droid.Resource.Attribute.viewInflaterClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.voiceIcon = global::EssentialUIKit.Droid.Resource.Attribute.voiceIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowActionBar = global::EssentialUIKit.Droid.Resource.Attribute.windowActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowActionBarOverlay = global::EssentialUIKit.Droid.Resource.Attribute.windowActionBarOverlay;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowActionModeOverlay = global::EssentialUIKit.Droid.Resource.Attribute.windowActionModeOverlay;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowFixedHeightMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedHeightMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowFixedHeightMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedHeightMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowFixedWidthMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedWidthMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowFixedWidthMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowFixedWidthMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowMinWidthMajor = global::EssentialUIKit.Droid.Resource.Attribute.windowMinWidthMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowMinWidthMinor = global::EssentialUIKit.Droid.Resource.Attribute.windowMinWidthMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Attribute.windowNoTitle = global::EssentialUIKit.Droid.Resource.Attribute.windowNoTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Boolean.abc_action_bar_embed_tabs = global::EssentialUIKit.Droid.Resource.Boolean.abc_action_bar_embed_tabs;
-			global::Xamarin.Forms.Platform.Android.Resource.Boolean.abc_allow_stacked_button_bar = global::EssentialUIKit.Droid.Resource.Boolean.abc_allow_stacked_button_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Boolean.abc_config_actionMenuItemAllCaps = global::EssentialUIKit.Droid.Resource.Boolean.abc_config_actionMenuItemAllCaps;
-			global::Xamarin.Forms.Platform.Android.Resource.Boolean.mtrl_btn_textappearance_all_caps = global::EssentialUIKit.Droid.Resource.Boolean.mtrl_btn_textappearance_all_caps;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_background_cache_hint_selector_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_background_cache_hint_selector_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_background_cache_hint_selector_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_background_cache_hint_selector_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_btn_colored_borderless_text_material = global::EssentialUIKit.Droid.Resource.Color.abc_btn_colored_borderless_text_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_btn_colored_text_material = global::EssentialUIKit.Droid.Resource.Color.abc_btn_colored_text_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_color_highlight_material = global::EssentialUIKit.Droid.Resource.Color.abc_color_highlight_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_hint_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_hint_foreground_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_hint_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_hint_foreground_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_input_method_navigation_guard = global::EssentialUIKit.Droid.Resource.Color.abc_input_method_navigation_guard;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_primary_text_disable_only_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_disable_only_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_primary_text_disable_only_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_disable_only_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_primary_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_primary_text_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_primary_text_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_search_url_text = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_search_url_text_normal = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_normal;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_search_url_text_pressed = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_pressed;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_search_url_text_selected = global::EssentialUIKit.Droid.Resource.Color.abc_search_url_text_selected;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_secondary_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.abc_secondary_text_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_secondary_text_material_light = global::EssentialUIKit.Droid.Resource.Color.abc_secondary_text_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_btn_checkable = global::EssentialUIKit.Droid.Resource.Color.abc_tint_btn_checkable;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_default = global::EssentialUIKit.Droid.Resource.Color.abc_tint_default;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_edittext = global::EssentialUIKit.Droid.Resource.Color.abc_tint_edittext;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_seek_thumb = global::EssentialUIKit.Droid.Resource.Color.abc_tint_seek_thumb;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_spinner = global::EssentialUIKit.Droid.Resource.Color.abc_tint_spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.abc_tint_switch_track = global::EssentialUIKit.Droid.Resource.Color.abc_tint_switch_track;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.accent_material_dark = global::EssentialUIKit.Droid.Resource.Color.accent_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.accent_material_light = global::EssentialUIKit.Droid.Resource.Color.accent_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.background_floating_material_dark = global::EssentialUIKit.Droid.Resource.Color.background_floating_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.background_floating_material_light = global::EssentialUIKit.Droid.Resource.Color.background_floating_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.background_material_dark = global::EssentialUIKit.Droid.Resource.Color.background_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.background_material_light = global::EssentialUIKit.Droid.Resource.Color.background_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_disabled_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_disabled_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_inverse_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_inverse_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_inverse_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_inverse_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.bright_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.bright_foreground_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.button_material_dark = global::EssentialUIKit.Droid.Resource.Color.button_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.button_material_light = global::EssentialUIKit.Droid.Resource.Color.button_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.cardview_dark_background = global::EssentialUIKit.Droid.Resource.Color.cardview_dark_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.cardview_light_background = global::EssentialUIKit.Droid.Resource.Color.cardview_light_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.cardview_shadow_end_color = global::EssentialUIKit.Droid.Resource.Color.cardview_shadow_end_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.cardview_shadow_start_color = global::EssentialUIKit.Droid.Resource.Color.cardview_shadow_start_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_bottom_navigation_shadow_color = global::EssentialUIKit.Droid.Resource.Color.design_bottom_navigation_shadow_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_default_color_primary = global::EssentialUIKit.Droid.Resource.Color.design_default_color_primary;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_default_color_primary_dark = global::EssentialUIKit.Droid.Resource.Color.design_default_color_primary_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_error = global::EssentialUIKit.Droid.Resource.Color.design_error;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_shadow_end_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_end_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_shadow_mid_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_mid_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_shadow_start_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_shadow_start_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_stroke_end_inner_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_end_inner_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_stroke_end_outer_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_end_outer_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_stroke_top_inner_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_top_inner_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_fab_stroke_top_outer_color = global::EssentialUIKit.Droid.Resource.Color.design_fab_stroke_top_outer_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_snackbar_background_color = global::EssentialUIKit.Droid.Resource.Color.design_snackbar_background_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.design_tint_password_toggle = global::EssentialUIKit.Droid.Resource.Color.design_tint_password_toggle;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.dim_foreground_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_disabled_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.dim_foreground_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_disabled_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.dim_foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.dim_foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.dim_foreground_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.error_color_material_dark = global::EssentialUIKit.Droid.Resource.Color.error_color_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.error_color_material_light = global::EssentialUIKit.Droid.Resource.Color.error_color_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.foreground_material_dark = global::EssentialUIKit.Droid.Resource.Color.foreground_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.foreground_material_light = global::EssentialUIKit.Droid.Resource.Color.foreground_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.highlighted_text_material_dark = global::EssentialUIKit.Droid.Resource.Color.highlighted_text_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.highlighted_text_material_light = global::EssentialUIKit.Droid.Resource.Color.highlighted_text_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_blue_grey_800 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_800;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_blue_grey_900 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_900;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_blue_grey_950 = global::EssentialUIKit.Droid.Resource.Color.material_blue_grey_950;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_deep_teal_200 = global::EssentialUIKit.Droid.Resource.Color.material_deep_teal_200;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_deep_teal_500 = global::EssentialUIKit.Droid.Resource.Color.material_deep_teal_500;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_100 = global::EssentialUIKit.Droid.Resource.Color.material_grey_100;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_300 = global::EssentialUIKit.Droid.Resource.Color.material_grey_300;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_50 = global::EssentialUIKit.Droid.Resource.Color.material_grey_50;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_600 = global::EssentialUIKit.Droid.Resource.Color.material_grey_600;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_800 = global::EssentialUIKit.Droid.Resource.Color.material_grey_800;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_850 = global::EssentialUIKit.Droid.Resource.Color.material_grey_850;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.material_grey_900 = global::EssentialUIKit.Droid.Resource.Color.material_grey_900;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_bottom_nav_colored_item_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_bottom_nav_colored_item_tint;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_bottom_nav_item_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_bottom_nav_item_tint;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_bg_color_disabled = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_bg_color_disabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_bg_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_bg_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_stroke_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_stroke_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_text_btn_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_btn_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_text_color_disabled = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_color_disabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_text_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_btn_transparent_bg_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_btn_transparent_bg_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_chip_background_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_background_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_chip_close_icon_tint = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_close_icon_tint;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_chip_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_chip_text_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_chip_text_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_fab_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_fab_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_scrim_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_scrim_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_tabs_colored_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_colored_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_tabs_icon_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_icon_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_tabs_icon_color_selector_colored = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_icon_color_selector_colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_tabs_legacy_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_legacy_text_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_tabs_ripple_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_tabs_ripple_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_text_btn_text_color_selector = global::EssentialUIKit.Droid.Resource.Color.mtrl_text_btn_text_color_selector;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_textinput_default_box_stroke_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_default_box_stroke_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_textinput_disabled_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_disabled_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_textinput_filled_box_default_background_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_filled_box_default_background_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.mtrl_textinput_hovered_box_stroke_color = global::EssentialUIKit.Droid.Resource.Color.mtrl_textinput_hovered_box_stroke_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.notification_action_color_filter = global::EssentialUIKit.Droid.Resource.Color.notification_action_color_filter;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.notification_icon_bg_color = global::EssentialUIKit.Droid.Resource.Color.notification_icon_bg_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.notification_material_background_media_default_color = global::EssentialUIKit.Droid.Resource.Color.notification_material_background_media_default_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_dark_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_dark_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_dark_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_dark_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_text_default_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_text_default_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_text_default_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_text_default_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_text_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.primary_text_disabled_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.primary_text_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.primary_text_disabled_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.ripple_material_dark = global::EssentialUIKit.Droid.Resource.Color.ripple_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.ripple_material_light = global::EssentialUIKit.Droid.Resource.Color.ripple_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.secondary_text_default_material_dark = global::EssentialUIKit.Droid.Resource.Color.secondary_text_default_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.secondary_text_default_material_light = global::EssentialUIKit.Droid.Resource.Color.secondary_text_default_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.secondary_text_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.secondary_text_disabled_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.secondary_text_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.secondary_text_disabled_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_disabled_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_disabled_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_disabled_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_disabled_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_normal_material_dark = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_normal_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.switch_thumb_normal_material_light = global::EssentialUIKit.Droid.Resource.Color.switch_thumb_normal_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.tooltip_background_dark = global::EssentialUIKit.Droid.Resource.Color.tooltip_background_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Color.tooltip_background_light = global::EssentialUIKit.Droid.Resource.Color.tooltip_background_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_content_inset_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_content_inset_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_content_inset_with_nav = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_content_inset_with_nav;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_default_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_height_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_default_padding_end_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_padding_end_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_default_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_default_padding_start_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_elevation_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_elevation_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_icon_vertical_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_icon_vertical_padding_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_overflow_padding_end_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_overflow_padding_end_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_overflow_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_overflow_padding_start_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_stacked_max_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_stacked_max_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_stacked_tab_max_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_stacked_tab_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_subtitle_bottom_margin_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_subtitle_bottom_margin_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_bar_subtitle_top_margin_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_bar_subtitle_top_margin_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_button_min_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_height_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_button_min_width_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_width_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_action_button_min_width_overflow_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_action_button_min_width_overflow_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_alert_dialog_button_bar_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_alert_dialog_button_bar_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_alert_dialog_button_dimen = global::EssentialUIKit.Droid.Resource.Dimension.abc_alert_dialog_button_dimen;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_button_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_inset_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_button_inset_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_inset_vertical_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_button_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_padding_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_button_padding_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_button_padding_vertical_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_cascading_menus_min_smallest_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_cascading_menus_min_smallest_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_config_prefDialogWidth = global::EssentialUIKit.Droid.Resource.Dimension.abc_config_prefDialogWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_control_corner_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_corner_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_control_inset_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_inset_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_control_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_control_padding_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_corner_radius_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_corner_radius_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_fixed_height_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_height_major;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_fixed_height_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_height_minor;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_fixed_width_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_width_major;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_fixed_width_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_fixed_width_minor;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_list_padding_bottom_no_buttons = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_list_padding_bottom_no_buttons;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_list_padding_top_no_title = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_list_padding_top_no_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_min_width_major = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_min_width_major;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_min_width_minor = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_min_width_minor;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_padding_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_padding_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_padding_top_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_padding_top_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dialog_title_divider_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_dialog_title_divider_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_disabled_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.abc_disabled_alpha_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_disabled_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.abc_disabled_alpha_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dropdownitem_icon_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_icon_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dropdownitem_text_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_text_padding_left;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_dropdownitem_text_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.abc_dropdownitem_text_padding_right;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_edit_text_inset_bottom_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_bottom_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_edit_text_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_edit_text_inset_top_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_edit_text_inset_top_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_floating_window_z = global::EssentialUIKit.Droid.Resource.Dimension.abc_floating_window_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_list_item_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_list_item_padding_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_panel_menu_list_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_panel_menu_list_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_progress_bar_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_progress_bar_height_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_search_view_preferred_height = global::EssentialUIKit.Droid.Resource.Dimension.abc_search_view_preferred_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_search_view_preferred_width = global::EssentialUIKit.Droid.Resource.Dimension.abc_search_view_preferred_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_seekbar_track_background_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_seekbar_track_background_height_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_seekbar_track_progress_height_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_seekbar_track_progress_height_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_select_dialog_padding_start_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_select_dialog_padding_start_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_switch_padding = global::EssentialUIKit.Droid.Resource.Dimension.abc_switch_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_body_1_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_body_1_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_body_2_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_body_2_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_button_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_button_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_caption_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_caption_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_display_1_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_1_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_display_2_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_2_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_display_3_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_3_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_display_4_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_display_4_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_headline_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_headline_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_large_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_large_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_medium_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_medium_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_menu_header_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_menu_header_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_menu_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_menu_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_small_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_small_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_subhead_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_subhead_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_subtitle_material_toolbar = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_subtitle_material_toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_title_material = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_title_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.abc_text_size_title_material_toolbar = global::EssentialUIKit.Droid.Resource.Dimension.abc_text_size_title_material_toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.cardview_compat_inset_shadow = global::EssentialUIKit.Droid.Resource.Dimension.cardview_compat_inset_shadow;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.cardview_default_elevation = global::EssentialUIKit.Droid.Resource.Dimension.cardview_default_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.cardview_default_radius = global::EssentialUIKit.Droid.Resource.Dimension.cardview_default_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_button_inset_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_inset_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_button_inset_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_inset_vertical_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_button_padding_horizontal_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_padding_horizontal_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_button_padding_vertical_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_button_padding_vertical_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_control_corner_material = global::EssentialUIKit.Droid.Resource.Dimension.compat_control_corner_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_notification_large_icon_max_height = global::EssentialUIKit.Droid.Resource.Dimension.compat_notification_large_icon_max_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.compat_notification_large_icon_max_width = global::EssentialUIKit.Droid.Resource.Dimension.compat_notification_large_icon_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_appbar_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_appbar_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_active_item_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_item_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_active_item_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_item_min_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_active_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_active_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_height = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_icon_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_item_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_item_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_item_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_item_min_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_margin = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_shadow_height = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_shadow_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_navigation_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_navigation_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_sheet_modal_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_sheet_modal_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_bottom_sheet_peek_height_min = global::EssentialUIKit.Droid.Resource.Dimension.design_bottom_sheet_peek_height_min;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_border_width = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_border_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_image_size = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_image_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_size_mini = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_size_mini;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_size_normal = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_size_normal;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_translation_z_hovered_focused = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_translation_z_hovered_focused;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_fab_translation_z_pressed = global::EssentialUIKit.Droid.Resource.Dimension.design_fab_translation_z_pressed;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_icon_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_icon_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_item_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_item_horizontal_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_item_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_item_icon_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_padding_bottom = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_padding_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_navigation_separator_vertical_padding = global::EssentialUIKit.Droid.Resource.Dimension.design_navigation_separator_vertical_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_action_inline_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_action_inline_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_background_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_background_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_elevation = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_extra_spacing_horizontal = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_extra_spacing_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_min_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_padding_horizontal = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_padding_vertical = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_vertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_padding_vertical_2lines = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_padding_vertical_2lines;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_snackbar_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_snackbar_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_tab_max_width = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_max_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_tab_scrollable_min_width = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_scrollable_min_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_tab_text_size = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_tab_text_size_2line = global::EssentialUIKit.Droid.Resource.Dimension.design_tab_text_size_2line;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.design_textinput_caption_translate_y = global::EssentialUIKit.Droid.Resource.Dimension.design_textinput_caption_translate_y;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.disabled_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.disabled_alpha_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.disabled_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.disabled_alpha_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.fastscroll_default_thickness = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_default_thickness;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.fastscroll_margin = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.fastscroll_minimum_range = global::EssentialUIKit.Droid.Resource.Dimension.fastscroll_minimum_range;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.highlight_alpha_material_colored = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.highlight_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.highlight_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.highlight_alpha_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.hint_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.hint_alpha_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.hint_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.hint_alpha_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.hint_pressed_alpha_material_dark = global::EssentialUIKit.Droid.Resource.Dimension.hint_pressed_alpha_material_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.hint_pressed_alpha_material_light = global::EssentialUIKit.Droid.Resource.Dimension.hint_pressed_alpha_material_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.item_touch_helper_max_drag_scroll_per_frame = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_max_drag_scroll_per_frame;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.item_touch_helper_swipe_escape_max_velocity = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_swipe_escape_max_velocity;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.item_touch_helper_swipe_escape_velocity = global::EssentialUIKit.Droid.Resource.Dimension.item_touch_helper_swipe_escape_velocity;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_bottomappbar_fabOffsetEndMode = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fabOffsetEndMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_bottomappbar_fab_cradle_margin = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_bottomappbar_fab_cradle_rounded_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_rounded_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_bottomappbar_fab_cradle_vertical_offset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_fab_cradle_vertical_offset;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_bottomappbar_height = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_bottomappbar_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_dialog_btn_min_width = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_dialog_btn_min_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_disabled_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_disabled_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_disabled_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_disabled_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_focused_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_focused_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_hovered_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_hovered_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_icon_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_icon_btn_padding_left;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_icon_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_inset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_inset;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_letter_spacing = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_letter_spacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_padding_bottom = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_left;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_right;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_padding_top;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_pressed_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_pressed_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_stroke_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_stroke_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_text_btn_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_icon_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_text_btn_padding_left = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_padding_left;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_text_btn_padding_right = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_btn_padding_right;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_text_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_btn_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_btn_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_card_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_card_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_card_spacing = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_card_spacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_chip_pressed_translation_z = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_chip_pressed_translation_z;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_chip_text_size = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_chip_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_fab_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_fab_translation_z_hovered_focused = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_translation_z_hovered_focused;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_fab_translation_z_pressed = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_fab_translation_z_pressed;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_navigation_elevation = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_navigation_item_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_item_horizontal_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_navigation_item_icon_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_navigation_item_icon_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_snackbar_background_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_snackbar_background_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_snackbar_margin = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_snackbar_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_bottom_offset = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_bottom_offset;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_corner_radius_medium = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_corner_radius_medium;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_corner_radius_small = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_corner_radius_small;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_label_cutout_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_label_cutout_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_padding_end = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_padding_end;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_stroke_width_default = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_stroke_width_default;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_box_stroke_width_focused = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_box_stroke_width_focused;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_textinput_outline_box_expanded_padding = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_textinput_outline_box_expanded_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.mtrl_toolbar_default_height = global::EssentialUIKit.Droid.Resource.Dimension.mtrl_toolbar_default_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_action_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_action_icon_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_action_text_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_action_text_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_big_circle_margin = global::EssentialUIKit.Droid.Resource.Dimension.notification_big_circle_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_content_margin_start = global::EssentialUIKit.Droid.Resource.Dimension.notification_content_margin_start;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_large_icon_height = global::EssentialUIKit.Droid.Resource.Dimension.notification_large_icon_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_large_icon_width = global::EssentialUIKit.Droid.Resource.Dimension.notification_large_icon_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_main_column_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.notification_main_column_padding_top;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_media_narrow_margin = global::EssentialUIKit.Droid.Resource.Dimension.notification_media_narrow_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_right_icon_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_right_icon_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_right_side_padding_top = global::EssentialUIKit.Droid.Resource.Dimension.notification_right_side_padding_top;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_small_icon_background_padding = global::EssentialUIKit.Droid.Resource.Dimension.notification_small_icon_background_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_small_icon_size_as_large = global::EssentialUIKit.Droid.Resource.Dimension.notification_small_icon_size_as_large;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_subtext_size = global::EssentialUIKit.Droid.Resource.Dimension.notification_subtext_size;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_top_pad = global::EssentialUIKit.Droid.Resource.Dimension.notification_top_pad;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.notification_top_pad_large_text = global::EssentialUIKit.Droid.Resource.Dimension.notification_top_pad_large_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.subtitle_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.subtitle_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.subtitle_outline_width = global::EssentialUIKit.Droid.Resource.Dimension.subtitle_outline_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.subtitle_shadow_offset = global::EssentialUIKit.Droid.Resource.Dimension.subtitle_shadow_offset;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.subtitle_shadow_radius = global::EssentialUIKit.Droid.Resource.Dimension.subtitle_shadow_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_corner_radius = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_corner_radius;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_horizontal_padding = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_horizontal_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_margin = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_margin;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_precise_anchor_extra_offset = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_precise_anchor_extra_offset;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_precise_anchor_threshold = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_precise_anchor_threshold;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_vertical_padding = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_vertical_padding;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_y_offset_non_touch = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_y_offset_non_touch;
-			global::Xamarin.Forms.Platform.Android.Resource.Dimension.tooltip_y_offset_touch = global::EssentialUIKit.Droid.Resource.Dimension.tooltip_y_offset_touch;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ab_share_pack_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ab_share_pack_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_action_bar_item_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_action_bar_item_background_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_borderless_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_borderless_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_check_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_check_to_on_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_to_on_mtrl_000;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_check_to_on_mtrl_015 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_check_to_on_mtrl_015;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_colored_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_colored_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_default_mtrl_shape = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_default_mtrl_shape;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_radio_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_radio_to_on_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_to_on_mtrl_000;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_radio_to_on_mtrl_015 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_radio_to_on_mtrl_015;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_switch_to_on_mtrl_00001 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_switch_to_on_mtrl_00001;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_btn_switch_to_on_mtrl_00012 = global::EssentialUIKit.Droid.Resource.Drawable.abc_btn_switch_to_on_mtrl_00012;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_cab_background_internal_bg = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_internal_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_cab_background_top_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_top_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_cab_background_top_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_cab_background_top_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_control_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_control_background_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_dialog_material_background = global::EssentialUIKit.Droid.Resource.Drawable.abc_dialog_material_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_edit_text_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_edit_text_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_ab_back_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_ab_back_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_arrow_drop_right_black_24dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_arrow_drop_right_black_24dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_clear_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_clear_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_commit_search_api_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_commit_search_api_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_go_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_go_search_api_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_copy_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_copy_mtrl_am_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_cut_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_cut_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_overflow_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_overflow_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_paste_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_paste_mtrl_am_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_selectall_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_selectall_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_menu_share_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_menu_share_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_search_api_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_black_16dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_16dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_black_36dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_36dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_black_48dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_black_48dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_half_black_16dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_16dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_half_black_36dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_36dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_star_half_black_48dp = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_star_half_black_48dp;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ic_voice_search_api_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ic_voice_search_api_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_item_background_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_item_background_holo_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_item_background_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_item_background_holo_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_divider_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_divider_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_divider_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_divider_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_focused_holo = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_focused_holo;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_longpressed_holo = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_longpressed_holo;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_pressed_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_pressed_holo_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_pressed_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_pressed_holo_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_background_transition_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_background_transition_holo_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_background_transition_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_background_transition_holo_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_disabled_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_disabled_holo_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_disabled_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_disabled_holo_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_holo_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_holo_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_list_selector_holo_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_list_selector_holo_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_menu_hardkey_panel_mtrl_mult = global::EssentialUIKit.Droid.Resource.Drawable.abc_menu_hardkey_panel_mtrl_mult;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_popup_background_mtrl_mult = global::EssentialUIKit.Droid.Resource.Drawable.abc_popup_background_mtrl_mult;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ratingbar_indicator_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_indicator_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ratingbar_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_ratingbar_small_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_ratingbar_small_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_scrubber_control_off_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_off_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_000 = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_000;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_005 = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_control_to_pressed_mtrl_005;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_scrubber_primary_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_primary_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_scrubber_track_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_scrubber_track_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_seekbar_thumb_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_thumb_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_seekbar_tick_mark_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_tick_mark_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_seekbar_track_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_seekbar_track_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_spinner_mtrl_am_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_spinner_mtrl_am_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_spinner_textfield_background_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_spinner_textfield_background_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_switch_thumb_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_switch_thumb_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_switch_track_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_switch_track_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_tab_indicator_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_tab_indicator_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_tab_indicator_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_tab_indicator_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_cursor_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_cursor_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_left_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_left_mtrl_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_left_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_left_mtrl_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_middle_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_middle_mtrl_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_middle_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_middle_mtrl_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_right_mtrl_dark = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_right_mtrl_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_text_select_handle_right_mtrl_light = global::EssentialUIKit.Droid.Resource.Drawable.abc_text_select_handle_right_mtrl_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_textfield_activated_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_activated_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_textfield_default_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_default_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_textfield_search_activated_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_activated_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_textfield_search_default_mtrl_alpha = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_default_mtrl_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_textfield_search_material = global::EssentialUIKit.Droid.Resource.Drawable.abc_textfield_search_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.abc_vector_test = global::EssentialUIKit.Droid.Resource.Drawable.abc_vector_test;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.avd_hide_password = global::EssentialUIKit.Droid.Resource.Drawable.avd_hide_password;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.avd_show_password = global::EssentialUIKit.Droid.Resource.Drawable.avd_show_password;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_bottom_navigation_item_background = global::EssentialUIKit.Droid.Resource.Drawable.design_bottom_navigation_item_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_fab_background = global::EssentialUIKit.Droid.Resource.Drawable.design_fab_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_ic_visibility = global::EssentialUIKit.Droid.Resource.Drawable.design_ic_visibility;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_ic_visibility_off = global::EssentialUIKit.Droid.Resource.Drawable.design_ic_visibility_off;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_password_eye = global::EssentialUIKit.Droid.Resource.Drawable.design_password_eye;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.design_snackbar_background = global::EssentialUIKit.Droid.Resource.Drawable.design_snackbar_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.ic_mtrl_chip_checked_black = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_checked_black;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.ic_mtrl_chip_checked_circle = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_checked_circle;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.ic_mtrl_chip_close_circle = global::EssentialUIKit.Droid.Resource.Drawable.ic_mtrl_chip_close_circle;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.mtrl_snackbar_background = global::EssentialUIKit.Droid.Resource.Drawable.mtrl_snackbar_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.mtrl_tabs_default_indicator = global::EssentialUIKit.Droid.Resource.Drawable.mtrl_tabs_default_indicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.navigation_empty_icon = global::EssentialUIKit.Droid.Resource.Drawable.navigation_empty_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_action_background = global::EssentialUIKit.Droid.Resource.Drawable.notification_action_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg_low = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg_low_normal = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low_normal;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg_low_pressed = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_low_pressed;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg_normal = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_normal;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_bg_normal_pressed = global::EssentialUIKit.Droid.Resource.Drawable.notification_bg_normal_pressed;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_icon_background = global::EssentialUIKit.Droid.Resource.Drawable.notification_icon_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_template_icon_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_template_icon_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_template_icon_low_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_template_icon_low_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notification_tile_bg = global::EssentialUIKit.Droid.Resource.Drawable.notification_tile_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.notify_panel_notification_icon_bg = global::EssentialUIKit.Droid.Resource.Drawable.notify_panel_notification_icon_bg;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.tooltip_frame_dark = global::EssentialUIKit.Droid.Resource.Drawable.tooltip_frame_dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Drawable.tooltip_frame_light = global::EssentialUIKit.Droid.Resource.Drawable.tooltip_frame_light;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.ALT = global::EssentialUIKit.Droid.Resource.Id.ALT;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.CTRL = global::EssentialUIKit.Droid.Resource.Id.CTRL;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.FUNCTION = global::EssentialUIKit.Droid.Resource.Id.FUNCTION;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.META = global::EssentialUIKit.Droid.Resource.Id.META;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.SHIFT = global::EssentialUIKit.Droid.Resource.Id.SHIFT;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.SYM = global::EssentialUIKit.Droid.Resource.Id.SYM;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action0 = global::EssentialUIKit.Droid.Resource.Id.action0;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar = global::EssentialUIKit.Droid.Resource.Id.action_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_activity_content = global::EssentialUIKit.Droid.Resource.Id.action_bar_activity_content;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_container = global::EssentialUIKit.Droid.Resource.Id.action_bar_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_root = global::EssentialUIKit.Droid.Resource.Id.action_bar_root;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_spinner = global::EssentialUIKit.Droid.Resource.Id.action_bar_spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_subtitle = global::EssentialUIKit.Droid.Resource.Id.action_bar_subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_bar_title = global::EssentialUIKit.Droid.Resource.Id.action_bar_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_container = global::EssentialUIKit.Droid.Resource.Id.action_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_context_bar = global::EssentialUIKit.Droid.Resource.Id.action_context_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_divider = global::EssentialUIKit.Droid.Resource.Id.action_divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_image = global::EssentialUIKit.Droid.Resource.Id.action_image;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_menu_divider = global::EssentialUIKit.Droid.Resource.Id.action_menu_divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_menu_presenter = global::EssentialUIKit.Droid.Resource.Id.action_menu_presenter;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_mode_bar = global::EssentialUIKit.Droid.Resource.Id.action_mode_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_mode_bar_stub = global::EssentialUIKit.Droid.Resource.Id.action_mode_bar_stub;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_mode_close_button = global::EssentialUIKit.Droid.Resource.Id.action_mode_close_button;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.action_text = global::EssentialUIKit.Droid.Resource.Id.action_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.actions = global::EssentialUIKit.Droid.Resource.Id.actions;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.activity_chooser_view_content = global::EssentialUIKit.Droid.Resource.Id.activity_chooser_view_content;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.add = global::EssentialUIKit.Droid.Resource.Id.add;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.alertTitle = global::EssentialUIKit.Droid.Resource.Id.alertTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.all = global::EssentialUIKit.Droid.Resource.Id.all;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.always = global::EssentialUIKit.Droid.Resource.Id.always;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.async = global::EssentialUIKit.Droid.Resource.Id.async;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.auto = global::EssentialUIKit.Droid.Resource.Id.auto;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.beginning = global::EssentialUIKit.Droid.Resource.Id.beginning;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.blocking = global::EssentialUIKit.Droid.Resource.Id.blocking;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.bottom = global::EssentialUIKit.Droid.Resource.Id.bottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.bottomtab_navarea = global::EssentialUIKit.Droid.Resource.Id.bottomtab_navarea;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.bottomtab_tabbar = global::EssentialUIKit.Droid.Resource.Id.bottomtab_tabbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.buttonPanel = global::EssentialUIKit.Droid.Resource.Id.buttonPanel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.cancel_action = global::EssentialUIKit.Droid.Resource.Id.cancel_action;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.center = global::EssentialUIKit.Droid.Resource.Id.center;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.center_horizontal = global::EssentialUIKit.Droid.Resource.Id.center_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.center_vertical = global::EssentialUIKit.Droid.Resource.Id.center_vertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.checkbox = global::EssentialUIKit.Droid.Resource.Id.checkbox;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.chronometer = global::EssentialUIKit.Droid.Resource.Id.chronometer;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.clip_horizontal = global::EssentialUIKit.Droid.Resource.Id.clip_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.clip_vertical = global::EssentialUIKit.Droid.Resource.Id.clip_vertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.collapseActionView = global::EssentialUIKit.Droid.Resource.Id.collapseActionView;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.container = global::EssentialUIKit.Droid.Resource.Id.container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.content = global::EssentialUIKit.Droid.Resource.Id.content;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.contentPanel = global::EssentialUIKit.Droid.Resource.Id.contentPanel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.coordinator = global::EssentialUIKit.Droid.Resource.Id.coordinator;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.custom = global::EssentialUIKit.Droid.Resource.Id.custom;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.customPanel = global::EssentialUIKit.Droid.Resource.Id.customPanel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.decor_content_parent = global::EssentialUIKit.Droid.Resource.Id.decor_content_parent;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.default_activity_button = global::EssentialUIKit.Droid.Resource.Id.default_activity_button;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.design_bottom_sheet = global::EssentialUIKit.Droid.Resource.Id.design_bottom_sheet;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.design_menu_item_action_area = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_action_area;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.design_menu_item_action_area_stub = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_action_area_stub;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.design_menu_item_text = global::EssentialUIKit.Droid.Resource.Id.design_menu_item_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.design_navigation_view = global::EssentialUIKit.Droid.Resource.Id.design_navigation_view;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.disableHome = global::EssentialUIKit.Droid.Resource.Id.disableHome;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.edit_query = global::EssentialUIKit.Droid.Resource.Id.edit_query;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.end = global::EssentialUIKit.Droid.Resource.Id.end;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.end_padder = global::EssentialUIKit.Droid.Resource.Id.end_padder;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.enterAlways = global::EssentialUIKit.Droid.Resource.Id.enterAlways;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.enterAlwaysCollapsed = global::EssentialUIKit.Droid.Resource.Id.enterAlwaysCollapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.exitUntilCollapsed = global::EssentialUIKit.Droid.Resource.Id.exitUntilCollapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.expand_activities_button = global::EssentialUIKit.Droid.Resource.Id.expand_activities_button;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.expanded_menu = global::EssentialUIKit.Droid.Resource.Id.expanded_menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.fill = global::EssentialUIKit.Droid.Resource.Id.fill;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.fill_horizontal = global::EssentialUIKit.Droid.Resource.Id.fill_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.fill_vertical = global::EssentialUIKit.Droid.Resource.Id.fill_vertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.filled = global::EssentialUIKit.Droid.Resource.Id.filled;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.@fixed = global::EssentialUIKit.Droid.Resource.Id.@fixed;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.flyoutcontent_appbar = global::EssentialUIKit.Droid.Resource.Id.flyoutcontent_appbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.flyoutcontent_recycler = global::EssentialUIKit.Droid.Resource.Id.flyoutcontent_recycler;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.forever = global::EssentialUIKit.Droid.Resource.Id.forever;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.ghost_view = global::EssentialUIKit.Droid.Resource.Id.ghost_view;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.group_divider = global::EssentialUIKit.Droid.Resource.Id.group_divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.home = global::EssentialUIKit.Droid.Resource.Id.home;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.homeAsUp = global::EssentialUIKit.Droid.Resource.Id.homeAsUp;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.icon = global::EssentialUIKit.Droid.Resource.Id.icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.icon_group = global::EssentialUIKit.Droid.Resource.Id.icon_group;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.ifRoom = global::EssentialUIKit.Droid.Resource.Id.ifRoom;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.image = global::EssentialUIKit.Droid.Resource.Id.image;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.info = global::EssentialUIKit.Droid.Resource.Id.info;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.italic = global::EssentialUIKit.Droid.Resource.Id.italic;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.item_touch_helper_previous_elevation = global::EssentialUIKit.Droid.Resource.Id.item_touch_helper_previous_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.labeled = global::EssentialUIKit.Droid.Resource.Id.labeled;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.largeLabel = global::EssentialUIKit.Droid.Resource.Id.largeLabel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.left = global::EssentialUIKit.Droid.Resource.Id.left;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.line1 = global::EssentialUIKit.Droid.Resource.Id.line1;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.line3 = global::EssentialUIKit.Droid.Resource.Id.line3;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.listMode = global::EssentialUIKit.Droid.Resource.Id.listMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.list_item = global::EssentialUIKit.Droid.Resource.Id.list_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.main_appbar = global::EssentialUIKit.Droid.Resource.Id.main_appbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.main_tablayout = global::EssentialUIKit.Droid.Resource.Id.main_tablayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.main_toolbar = global::EssentialUIKit.Droid.Resource.Id.main_toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.main_viewpager = global::EssentialUIKit.Droid.Resource.Id.main_viewpager;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.masked = global::EssentialUIKit.Droid.Resource.Id.masked;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.media_actions = global::EssentialUIKit.Droid.Resource.Id.media_actions;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.message = global::EssentialUIKit.Droid.Resource.Id.message;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.middle = global::EssentialUIKit.Droid.Resource.Id.middle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.mini = global::EssentialUIKit.Droid.Resource.Id.mini;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.mtrl_child_content_container = global::EssentialUIKit.Droid.Resource.Id.mtrl_child_content_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.mtrl_internal_children_alpha_tag = global::EssentialUIKit.Droid.Resource.Id.mtrl_internal_children_alpha_tag;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.multiply = global::EssentialUIKit.Droid.Resource.Id.multiply;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.navigation_header_container = global::EssentialUIKit.Droid.Resource.Id.navigation_header_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.never = global::EssentialUIKit.Droid.Resource.Id.never;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.none = global::EssentialUIKit.Droid.Resource.Id.none;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.normal = global::EssentialUIKit.Droid.Resource.Id.normal;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.notification_background = global::EssentialUIKit.Droid.Resource.Id.notification_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.notification_main_column = global::EssentialUIKit.Droid.Resource.Id.notification_main_column;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.notification_main_column_container = global::EssentialUIKit.Droid.Resource.Id.notification_main_column_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.outline = global::EssentialUIKit.Droid.Resource.Id.outline;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.parallax = global::EssentialUIKit.Droid.Resource.Id.parallax;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.parentPanel = global::EssentialUIKit.Droid.Resource.Id.parentPanel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.parent_matrix = global::EssentialUIKit.Droid.Resource.Id.parent_matrix;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.pin = global::EssentialUIKit.Droid.Resource.Id.pin;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.progress_circular = global::EssentialUIKit.Droid.Resource.Id.progress_circular;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.progress_horizontal = global::EssentialUIKit.Droid.Resource.Id.progress_horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.radio = global::EssentialUIKit.Droid.Resource.Id.radio;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.right = global::EssentialUIKit.Droid.Resource.Id.right;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.right_icon = global::EssentialUIKit.Droid.Resource.Id.right_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.right_side = global::EssentialUIKit.Droid.Resource.Id.right_side;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.save_image_matrix = global::EssentialUIKit.Droid.Resource.Id.save_image_matrix;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.save_non_transition_alpha = global::EssentialUIKit.Droid.Resource.Id.save_non_transition_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.save_scale_type = global::EssentialUIKit.Droid.Resource.Id.save_scale_type;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.screen = global::EssentialUIKit.Droid.Resource.Id.screen;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.scroll = global::EssentialUIKit.Droid.Resource.Id.scroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.scrollIndicatorDown = global::EssentialUIKit.Droid.Resource.Id.scrollIndicatorDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.scrollIndicatorUp = global::EssentialUIKit.Droid.Resource.Id.scrollIndicatorUp;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.scrollView = global::EssentialUIKit.Droid.Resource.Id.scrollView;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.scrollable = global::EssentialUIKit.Droid.Resource.Id.scrollable;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_badge = global::EssentialUIKit.Droid.Resource.Id.search_badge;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_bar = global::EssentialUIKit.Droid.Resource.Id.search_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_button = global::EssentialUIKit.Droid.Resource.Id.search_button;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_close_btn = global::EssentialUIKit.Droid.Resource.Id.search_close_btn;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_edit_frame = global::EssentialUIKit.Droid.Resource.Id.search_edit_frame;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_go_btn = global::EssentialUIKit.Droid.Resource.Id.search_go_btn;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_mag_icon = global::EssentialUIKit.Droid.Resource.Id.search_mag_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_plate = global::EssentialUIKit.Droid.Resource.Id.search_plate;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_src_text = global::EssentialUIKit.Droid.Resource.Id.search_src_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.search_voice_btn = global::EssentialUIKit.Droid.Resource.Id.search_voice_btn;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.select_dialog_listview = global::EssentialUIKit.Droid.Resource.Id.select_dialog_listview;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.selected = global::EssentialUIKit.Droid.Resource.Id.selected;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.shellcontent_appbar = global::EssentialUIKit.Droid.Resource.Id.shellcontent_appbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.shellcontent_toolbar = global::EssentialUIKit.Droid.Resource.Id.shellcontent_toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.shortcut = global::EssentialUIKit.Droid.Resource.Id.shortcut;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.showCustom = global::EssentialUIKit.Droid.Resource.Id.showCustom;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.showHome = global::EssentialUIKit.Droid.Resource.Id.showHome;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.showTitle = global::EssentialUIKit.Droid.Resource.Id.showTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.smallLabel = global::EssentialUIKit.Droid.Resource.Id.smallLabel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.snackbar_action = global::EssentialUIKit.Droid.Resource.Id.snackbar_action;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.snackbar_text = global::EssentialUIKit.Droid.Resource.Id.snackbar_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.snap = global::EssentialUIKit.Droid.Resource.Id.snap;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.snapMargins = global::EssentialUIKit.Droid.Resource.Id.snapMargins;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.spacer = global::EssentialUIKit.Droid.Resource.Id.spacer;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.split_action_bar = global::EssentialUIKit.Droid.Resource.Id.split_action_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.src_atop = global::EssentialUIKit.Droid.Resource.Id.src_atop;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.src_in = global::EssentialUIKit.Droid.Resource.Id.src_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.src_over = global::EssentialUIKit.Droid.Resource.Id.src_over;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.start = global::EssentialUIKit.Droid.Resource.Id.start;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.status_bar_latest_event_content = global::EssentialUIKit.Droid.Resource.Id.status_bar_latest_event_content;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.stretch = global::EssentialUIKit.Droid.Resource.Id.stretch;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.submenuarrow = global::EssentialUIKit.Droid.Resource.Id.submenuarrow;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.submit_area = global::EssentialUIKit.Droid.Resource.Id.submit_area;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.tabMode = global::EssentialUIKit.Droid.Resource.Id.tabMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.tag_transition_group = global::EssentialUIKit.Droid.Resource.Id.tag_transition_group;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.tag_unhandled_key_event_manager = global::EssentialUIKit.Droid.Resource.Id.tag_unhandled_key_event_manager;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.tag_unhandled_key_listeners = global::EssentialUIKit.Droid.Resource.Id.tag_unhandled_key_listeners;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.text = global::EssentialUIKit.Droid.Resource.Id.text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.text2 = global::EssentialUIKit.Droid.Resource.Id.text2;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textSpacerNoButtons = global::EssentialUIKit.Droid.Resource.Id.textSpacerNoButtons;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textSpacerNoTitle = global::EssentialUIKit.Droid.Resource.Id.textSpacerNoTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textStart = global::EssentialUIKit.Droid.Resource.Id.textStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.text_input_password_toggle = global::EssentialUIKit.Droid.Resource.Id.text_input_password_toggle;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textinput_counter = global::EssentialUIKit.Droid.Resource.Id.textinput_counter;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textinput_error = global::EssentialUIKit.Droid.Resource.Id.textinput_error;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.textinput_helper_text = global::EssentialUIKit.Droid.Resource.Id.textinput_helper_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.time = global::EssentialUIKit.Droid.Resource.Id.time;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.title = global::EssentialUIKit.Droid.Resource.Id.title;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.titleDividerNoCustom = global::EssentialUIKit.Droid.Resource.Id.titleDividerNoCustom;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.title_template = global::EssentialUIKit.Droid.Resource.Id.title_template;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.top = global::EssentialUIKit.Droid.Resource.Id.top;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.topPanel = global::EssentialUIKit.Droid.Resource.Id.topPanel;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.touch_outside = global::EssentialUIKit.Droid.Resource.Id.touch_outside;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.transition_current_scene = global::EssentialUIKit.Droid.Resource.Id.transition_current_scene;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.transition_layout_save = global::EssentialUIKit.Droid.Resource.Id.transition_layout_save;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.transition_position = global::EssentialUIKit.Droid.Resource.Id.transition_position;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.transition_scene_layoutid_cache = global::EssentialUIKit.Droid.Resource.Id.transition_scene_layoutid_cache;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.transition_transform = global::EssentialUIKit.Droid.Resource.Id.transition_transform;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.uniform = global::EssentialUIKit.Droid.Resource.Id.uniform;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.unlabeled = global::EssentialUIKit.Droid.Resource.Id.unlabeled;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.up = global::EssentialUIKit.Droid.Resource.Id.up;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.useLogo = global::EssentialUIKit.Droid.Resource.Id.useLogo;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.view_offset_helper = global::EssentialUIKit.Droid.Resource.Id.view_offset_helper;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.visible = global::EssentialUIKit.Droid.Resource.Id.visible;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.withText = global::EssentialUIKit.Droid.Resource.Id.withText;
-			global::Xamarin.Forms.Platform.Android.Resource.Id.wrap_content = global::EssentialUIKit.Droid.Resource.Id.wrap_content;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.abc_config_activityDefaultDur = global::EssentialUIKit.Droid.Resource.Integer.abc_config_activityDefaultDur;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.abc_config_activityShortDur = global::EssentialUIKit.Droid.Resource.Integer.abc_config_activityShortDur;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.app_bar_elevation_anim_duration = global::EssentialUIKit.Droid.Resource.Integer.app_bar_elevation_anim_duration;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.bottom_sheet_slide_duration = global::EssentialUIKit.Droid.Resource.Integer.bottom_sheet_slide_duration;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.cancel_button_image_alpha = global::EssentialUIKit.Droid.Resource.Integer.cancel_button_image_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.config_tooltipAnimTime = global::EssentialUIKit.Droid.Resource.Integer.config_tooltipAnimTime;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.design_snackbar_text_max_lines = global::EssentialUIKit.Droid.Resource.Integer.design_snackbar_text_max_lines;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.design_tab_indicator_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.design_tab_indicator_anim_duration_ms;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.hide_password_duration = global::EssentialUIKit.Droid.Resource.Integer.hide_password_duration;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.mtrl_btn_anim_delay_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_btn_anim_delay_ms;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.mtrl_btn_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_btn_anim_duration_ms;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.mtrl_chip_anim_duration = global::EssentialUIKit.Droid.Resource.Integer.mtrl_chip_anim_duration;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.mtrl_tab_indicator_anim_duration_ms = global::EssentialUIKit.Droid.Resource.Integer.mtrl_tab_indicator_anim_duration_ms;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.show_password_duration = global::EssentialUIKit.Droid.Resource.Integer.show_password_duration;
-			global::Xamarin.Forms.Platform.Android.Resource.Integer.status_bar_notification_info_maxnum = global::EssentialUIKit.Droid.Resource.Integer.status_bar_notification_info_maxnum;
-			global::Xamarin.Forms.Platform.Android.Resource.Interpolator.mtrl_fast_out_linear_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_fast_out_linear_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Interpolator.mtrl_fast_out_slow_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_fast_out_slow_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Interpolator.mtrl_linear = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_linear;
-			global::Xamarin.Forms.Platform.Android.Resource.Interpolator.mtrl_linear_out_slow_in = global::EssentialUIKit.Droid.Resource.Interpolator.mtrl_linear_out_slow_in;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_bar_title_item = global::EssentialUIKit.Droid.Resource.Layout.abc_action_bar_title_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_bar_up_container = global::EssentialUIKit.Droid.Resource.Layout.abc_action_bar_up_container;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_action_menu_item_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_menu_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_action_menu_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_mode_bar = global::EssentialUIKit.Droid.Resource.Layout.abc_action_mode_bar;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_action_mode_close_item_material = global::EssentialUIKit.Droid.Resource.Layout.abc_action_mode_close_item_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_activity_chooser_view = global::EssentialUIKit.Droid.Resource.Layout.abc_activity_chooser_view;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_activity_chooser_view_list_item = global::EssentialUIKit.Droid.Resource.Layout.abc_activity_chooser_view_list_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_alert_dialog_button_bar_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_button_bar_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_alert_dialog_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_alert_dialog_title_material = global::EssentialUIKit.Droid.Resource.Layout.abc_alert_dialog_title_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_cascading_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_cascading_menu_item_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_dialog_title_material = global::EssentialUIKit.Droid.Resource.Layout.abc_dialog_title_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_expanded_menu_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_expanded_menu_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_list_menu_item_checkbox = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_checkbox;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_list_menu_item_icon = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_list_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_list_menu_item_radio = global::EssentialUIKit.Droid.Resource.Layout.abc_list_menu_item_radio;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_popup_menu_header_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_popup_menu_header_item_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_popup_menu_item_layout = global::EssentialUIKit.Droid.Resource.Layout.abc_popup_menu_item_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_screen_content_include = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_content_include;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_screen_simple = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_simple;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_screen_simple_overlay_action_mode = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_simple_overlay_action_mode;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_screen_toolbar = global::EssentialUIKit.Droid.Resource.Layout.abc_screen_toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_search_dropdown_item_icons_2line = global::EssentialUIKit.Droid.Resource.Layout.abc_search_dropdown_item_icons_2line;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_search_view = global::EssentialUIKit.Droid.Resource.Layout.abc_search_view;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_select_dialog_material = global::EssentialUIKit.Droid.Resource.Layout.abc_select_dialog_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.abc_tooltip = global::EssentialUIKit.Droid.Resource.Layout.abc_tooltip;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.BottomTabLayout = global::EssentialUIKit.Droid.Resource.Layout.BottomTabLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_bottom_navigation_item = global::EssentialUIKit.Droid.Resource.Layout.design_bottom_navigation_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_bottom_sheet_dialog = global::EssentialUIKit.Droid.Resource.Layout.design_bottom_sheet_dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_layout_snackbar = global::EssentialUIKit.Droid.Resource.Layout.design_layout_snackbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_layout_snackbar_include = global::EssentialUIKit.Droid.Resource.Layout.design_layout_snackbar_include;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_layout_tab_icon = global::EssentialUIKit.Droid.Resource.Layout.design_layout_tab_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_layout_tab_text = global::EssentialUIKit.Droid.Resource.Layout.design_layout_tab_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_menu_item_action_area = global::EssentialUIKit.Droid.Resource.Layout.design_menu_item_action_area;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_item = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_item_header = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_header;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_item_separator = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_separator;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_item_subheader = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_item_subheader;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_menu = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_navigation_menu_item = global::EssentialUIKit.Droid.Resource.Layout.design_navigation_menu_item;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.design_text_input_password_icon = global::EssentialUIKit.Droid.Resource.Layout.design_text_input_password_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.FlyoutContent = global::EssentialUIKit.Droid.Resource.Layout.FlyoutContent;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.mtrl_layout_snackbar = global::EssentialUIKit.Droid.Resource.Layout.mtrl_layout_snackbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.mtrl_layout_snackbar_include = global::EssentialUIKit.Droid.Resource.Layout.mtrl_layout_snackbar_include;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_action = global::EssentialUIKit.Droid.Resource.Layout.notification_action;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_action_tombstone = global::EssentialUIKit.Droid.Resource.Layout.notification_action_tombstone;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_media_action = global::EssentialUIKit.Droid.Resource.Layout.notification_media_action;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_media_cancel_action = global::EssentialUIKit.Droid.Resource.Layout.notification_media_cancel_action;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_big_media = global::EssentialUIKit.Droid.Resource.Layout.notification_template_big_media;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_big_media_custom = global::EssentialUIKit.Droid.Resource.Layout.notification_template_big_media_custom;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_big_media_narrow = global::EssentialUIKit.Droid.Resource.Layout.notification_template_big_media_narrow;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_big_media_narrow_custom = global::EssentialUIKit.Droid.Resource.Layout.notification_template_big_media_narrow_custom;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_custom_big = global::EssentialUIKit.Droid.Resource.Layout.notification_template_custom_big;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_icon_group = global::EssentialUIKit.Droid.Resource.Layout.notification_template_icon_group;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_lines_media = global::EssentialUIKit.Droid.Resource.Layout.notification_template_lines_media;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_media = global::EssentialUIKit.Droid.Resource.Layout.notification_template_media;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_media_custom = global::EssentialUIKit.Droid.Resource.Layout.notification_template_media_custom;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_part_chronometer = global::EssentialUIKit.Droid.Resource.Layout.notification_template_part_chronometer;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.notification_template_part_time = global::EssentialUIKit.Droid.Resource.Layout.notification_template_part_time;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.RootLayout = global::EssentialUIKit.Droid.Resource.Layout.RootLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.select_dialog_item_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_item_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.select_dialog_multichoice_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_multichoice_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.select_dialog_singlechoice_material = global::EssentialUIKit.Droid.Resource.Layout.select_dialog_singlechoice_material;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.ShellContent = global::EssentialUIKit.Droid.Resource.Layout.ShellContent;
-			global::Xamarin.Forms.Platform.Android.Resource.Layout.support_simple_spinner_dropdown_item = global::EssentialUIKit.Droid.Resource.Layout.support_simple_spinner_dropdown_item;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_action_bar_home_description = global::EssentialUIKit.Droid.Resource.String.abc_action_bar_home_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_action_bar_up_description = global::EssentialUIKit.Droid.Resource.String.abc_action_bar_up_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_action_menu_overflow_description = global::EssentialUIKit.Droid.Resource.String.abc_action_menu_overflow_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_action_mode_done = global::EssentialUIKit.Droid.Resource.String.abc_action_mode_done;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_activity_chooser_view_see_all = global::EssentialUIKit.Droid.Resource.String.abc_activity_chooser_view_see_all;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_activitychooserview_choose_application = global::EssentialUIKit.Droid.Resource.String.abc_activitychooserview_choose_application;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_capital_off = global::EssentialUIKit.Droid.Resource.String.abc_capital_off;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_capital_on = global::EssentialUIKit.Droid.Resource.String.abc_capital_on;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_body_1_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_body_1_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_body_2_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_body_2_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_button_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_button_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_caption_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_caption_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_display_1_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_1_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_display_2_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_2_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_display_3_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_3_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_display_4_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_display_4_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_headline_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_headline_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_menu_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_menu_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_subhead_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_subhead_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_font_family_title_material = global::EssentialUIKit.Droid.Resource.String.abc_font_family_title_material;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_alt_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_alt_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_ctrl_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_ctrl_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_delete_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_delete_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_enter_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_enter_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_function_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_function_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_meta_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_meta_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_shift_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_shift_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_space_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_space_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_menu_sym_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_menu_sym_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_prepend_shortcut_label = global::EssentialUIKit.Droid.Resource.String.abc_prepend_shortcut_label;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_search_hint = global::EssentialUIKit.Droid.Resource.String.abc_search_hint;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_searchview_description_clear = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_clear;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_searchview_description_query = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_query;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_searchview_description_search = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_search;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_searchview_description_submit = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_submit;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_searchview_description_voice = global::EssentialUIKit.Droid.Resource.String.abc_searchview_description_voice;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_shareactionprovider_share_with = global::EssentialUIKit.Droid.Resource.String.abc_shareactionprovider_share_with;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_shareactionprovider_share_with_application = global::EssentialUIKit.Droid.Resource.String.abc_shareactionprovider_share_with_application;
-			global::Xamarin.Forms.Platform.Android.Resource.String.abc_toolbar_collapse_description = global::EssentialUIKit.Droid.Resource.String.abc_toolbar_collapse_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.appbar_scrolling_view_behavior = global::EssentialUIKit.Droid.Resource.String.appbar_scrolling_view_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.String.bottom_sheet_behavior = global::EssentialUIKit.Droid.Resource.String.bottom_sheet_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.String.character_counter_content_description = global::EssentialUIKit.Droid.Resource.String.character_counter_content_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.character_counter_pattern = global::EssentialUIKit.Droid.Resource.String.character_counter_pattern;
-			global::Xamarin.Forms.Platform.Android.Resource.String.fab_transformation_scrim_behavior = global::EssentialUIKit.Droid.Resource.String.fab_transformation_scrim_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.String.fab_transformation_sheet_behavior = global::EssentialUIKit.Droid.Resource.String.fab_transformation_sheet_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.String.hide_bottom_view_on_scroll_behavior = global::EssentialUIKit.Droid.Resource.String.hide_bottom_view_on_scroll_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.String.mtrl_chip_close_icon_content_description = global::EssentialUIKit.Droid.Resource.String.mtrl_chip_close_icon_content_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.password_toggle_content_description = global::EssentialUIKit.Droid.Resource.String.password_toggle_content_description;
-			global::Xamarin.Forms.Platform.Android.Resource.String.path_password_eye = global::EssentialUIKit.Droid.Resource.String.path_password_eye;
-			global::Xamarin.Forms.Platform.Android.Resource.String.path_password_eye_mask_strike_through = global::EssentialUIKit.Droid.Resource.String.path_password_eye_mask_strike_through;
-			global::Xamarin.Forms.Platform.Android.Resource.String.path_password_eye_mask_visible = global::EssentialUIKit.Droid.Resource.String.path_password_eye_mask_visible;
-			global::Xamarin.Forms.Platform.Android.Resource.String.path_password_strike_through = global::EssentialUIKit.Droid.Resource.String.path_password_strike_through;
-			global::Xamarin.Forms.Platform.Android.Resource.String.search_menu_title = global::EssentialUIKit.Droid.Resource.String.search_menu_title;
-			global::Xamarin.Forms.Platform.Android.Resource.String.status_bar_notification_info_overflow = global::EssentialUIKit.Droid.Resource.String.status_bar_notification_info_overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.AlertDialog_AppCompat = global::EssentialUIKit.Droid.Resource.Style.AlertDialog_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.AlertDialog_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.AlertDialog_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Animation_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Animation_AppCompat_DropDownUp = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_DropDownUp;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Animation_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Animation_AppCompat_Tooltip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Animation_Design_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Animation_Design_BottomSheetDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_AlertDialog_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_AlertDialog_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_AlertDialog_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_AlertDialog_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Animation_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Animation_AppCompat_DropDownUp = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_DropDownUp;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Animation_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Base_Animation_AppCompat_Tooltip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_CardView = global::EssentialUIKit.Droid.Resource.Style.Base_CardView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_DialogWindowTitle_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_DialogWindowTitle_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_DialogWindowTitleBackground_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_DialogWindowTitleBackground_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Body1 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Body1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Body2 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Body2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Caption = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Caption;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Display1 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Display2 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Display3 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display3;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Display4 = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Display4;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Headline = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Headline;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Large_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Large_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Medium = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Medium;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Medium_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Medium_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_SearchResult = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_SearchResult_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Small_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Small_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Subhead = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Subhead;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Subhead_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Subhead_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Title_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Tooltip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_ActionMode_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Borderless_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Button_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_DropDownItem = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_DropDownItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Header = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Header;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_PopupMenu_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_Switch = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_Switch;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_AppCompat_Widget_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_AppCompat_Widget_TextView_SpinnerItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_Widget_AppCompat_ExpandedMenu_Item = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_ExpandedMenu_Item;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Title = global::EssentialUIKit.Droid.Resource.Style.Base_TextAppearance_Widget_AppCompat_Toolbar_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_CompactMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_FixedSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_DarkActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_FixedSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_AppCompat_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_AppCompat_Light_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_CompactMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_FixedSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_FixedSize = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_FixedSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Theme_MaterialComponents_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Base_Theme_MaterialComponents_Light_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dark_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_Theme_MaterialComponents_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Base_V14_ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V21_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V21_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V21_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V21_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_Theme_AppCompat_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V21_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V21_ThemeOverlay_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V22_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V22_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V22_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V22_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V23_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V23_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V23_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V23_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V26_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V26_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V26_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_V26_Widget_AppCompat_Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V28_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V28_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V28_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V28_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Theme_AppCompat_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Base_V7_ThemeOverlay_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_AutoCompleteTextView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_EditText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_V7_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_V7_Widget_AppCompat_Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_Solid;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionBar_TabView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton_CloseMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionButton_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActionMode = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActionMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ActivityChooserView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_AutoCompleteTextView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button_Borderless = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Borderless;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Borderless_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_ButtonBar_AlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Button_Small = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Button_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ButtonBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ButtonBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ButtonBar_AlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_CompoundButton_CheckBox = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_CheckBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_CompoundButton_RadioButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_RadioButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_CompoundButton_Switch = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_CompoundButton_Switch;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle_Common = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DrawerArrowToggle_Common;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_DropDownItem_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_EditText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ImageButton = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ImageButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_Solid;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText_Inverse = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabText_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_ActionBar_TabView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Light_PopupMenu_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ListMenuView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListMenuView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListPopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ListView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView_DropDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ListView_Menu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ListView_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupMenu_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_PopupWindow = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_PopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ProgressBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ProgressBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_ProgressBar_Horizontal = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_ProgressBar_Horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_RatingBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_RatingBar_Indicator = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar_Indicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_RatingBar_Small = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_RatingBar_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_SearchView = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SearchView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_SearchView_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SearchView_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_SeekBar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SeekBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_SeekBar_Discrete = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_SeekBar_Discrete;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Spinner_Underlined = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Spinner_Underlined;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_TextView_SpinnerItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_AppCompat_Toolbar_Button_Navigation = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_AppCompat_Toolbar_Button_Navigation;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_Design_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_Design_TabLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_MaterialComponents_Chip = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_Chip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_MaterialComponents_TextInputEditText = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_TextInputEditText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Base_Widget_MaterialComponents_TextInputLayout = global::EssentialUIKit.Droid.Resource.Style.Base_Widget_MaterialComponents_TextInputLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.CardView = global::EssentialUIKit.Droid.Resource.Style.CardView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.CardView_Dark = global::EssentialUIKit.Droid.Resource.Style.CardView_Dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.CardView_Light = global::EssentialUIKit.Droid.Resource.Style.CardView_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.NestedScrollBarStyle = global::EssentialUIKit.Droid.Resource.Style.NestedScrollBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Platform_MaterialComponents_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat_Dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_ThemeOverlay_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_V21_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_V21_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_V21_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_V21_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_V25_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Platform_V25_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_V25_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Platform_V25_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Platform_Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Platform_Widget_AppCompat_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_DialogWindowTitle_AppCompat = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_DialogWindowTitle_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_ActionBar_TitleItem = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_ActionBar_TitleItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_DialogTitle_Icon = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_DialogTitle_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_InternalGroup = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_InternalGroup;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Shortcut = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Shortcut;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_SubmenuArrow = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_SubmenuArrow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Text = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Text;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Title = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_PopupMenuItem_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon1 = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon2 = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Icon2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Query = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Query;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Text = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_Search_DropDown_Text;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlOverlay_Widget_AppCompat_SearchView_MagIcon = global::EssentialUIKit.Droid.Resource.Style.RtlOverlay_Widget_AppCompat_SearchView_MagIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.RtlUnderlay_Widget_AppCompat_ActionButton_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Body1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Body1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Body2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Body2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Caption = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Caption;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Display1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Display2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Display3 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display3;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Display4 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Display4;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Headline = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Headline;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Large_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Large_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_SearchResult_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Light_Widget_PopupMenu_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Medium = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Medium;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Medium_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Medium_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Menu = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_SearchResult_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_SearchResult_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_SearchResult_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_SearchResult_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Small_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Small_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Subhead = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Subhead;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Subhead_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Subhead_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Title_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Tooltip = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Tooltip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Menu = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Subtitle_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_ActionMode_Title_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Borderless_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_Button_Inverse = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Button_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_DropDownItem = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_DropDownItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Header = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Header;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Large = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Large;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Small = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_PopupMenu_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_Switch = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_Switch;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_AppCompat_Widget_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_AppCompat_Widget_TextView_SpinnerItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Info = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Info;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Info_Media = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Info_Media;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Line2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Line2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Line2_Media = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Line2_Media;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Media = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Media;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Time = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Time;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Time_Media = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Time_Media;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Compat_Notification_Title_Media = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Compat_Notification_Title_Media;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_CollapsingToolbar_Expanded = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_CollapsingToolbar_Expanded;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Counter = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Counter;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Counter_Overflow = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Counter_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Error = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Error;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_HelperText = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_HelperText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Hint = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Hint;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Snackbar_Message = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Snackbar_Message;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Design_Tab = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Design_Tab;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Body1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Body1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Body2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Body2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Button = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Caption = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Caption;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Chip = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Chip;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline3 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline3;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline4 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline4;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline5 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline5;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Headline6 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Headline6;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Overline = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Overline;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Subtitle1 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Subtitle1;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Subtitle2 = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Subtitle2;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_MaterialComponents_Tab = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_MaterialComponents_Tab;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Widget_AppCompat_ExpandedMenu_Item = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_ExpandedMenu_Item;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Subtitle = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Title = global::EssentialUIKit.Droid.Resource.Style.TextAppearance_Widget_AppCompat_Toolbar_Title;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_CompactMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_DarkActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DayNight_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DayNight_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_DarkActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_Light_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_AppCompat_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_AppCompat_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design = global::EssentialUIKit.Droid.Resource.Style.Theme_Design;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_BottomSheetDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design_Light_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light_BottomSheetDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_Light_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_Design_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_Design_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_BottomSheetDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_CompactMenu = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_CompactMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_BottomSheetDialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_BottomSheetDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DarkActionBar_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_Dialog = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_Dialog_MinWidth = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_Dialog_MinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_DialogWhenLarge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_DialogWhenLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_Light_NoActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_Light_NoActionBar_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_NoActionBar = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_NoActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Theme_MaterialComponents_NoActionBar_Bridge = global::EssentialUIKit.Droid.Resource.Style.Theme_MaterialComponents_NoActionBar_Bridge;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_Dark = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dark_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_Dialog = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_AppCompat_Light = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_AppCompat_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_Dark = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dark;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_Dark_ActionBar = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dark_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_Dialog = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_Dialog_Alert = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Dialog_Alert;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_Light = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_Light;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_Solid;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionBar_TabView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton_CloseMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionButton_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActionMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActionMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ActivityChooserView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_AutoCompleteTextView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button_Borderless = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Borderless;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button_Borderless_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Borderless_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_ButtonBar_AlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Button_Small = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Button_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ButtonBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ButtonBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ButtonBar_AlertDialog = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ButtonBar_AlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_CompoundButton_CheckBox = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_CheckBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_CompoundButton_RadioButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_RadioButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_CompoundButton_Switch = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_CompoundButton_Switch;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_DrawerArrowToggle;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_DropDownItem_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_EditText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_EditText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ImageButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ImageButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_Solid_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabBar_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabText_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionBar_TabView_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionButton_CloseMode = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton_CloseMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionButton_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionButton_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActionMode_Inverse = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActionMode_Inverse;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ActivityChooserView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ActivityChooserView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_AutoCompleteTextView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_AutoCompleteTextView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_DropDownItem_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_DropDownItem_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ListPopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_ListView_DropDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_PopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_PopupMenu_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_SearchView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_SearchView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Light_Spinner_DropDown_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Light_Spinner_DropDown_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ListMenuView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListMenuView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ListPopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListPopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ListView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ListView_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView_DropDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ListView_Menu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ListView_Menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_PopupMenu = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_PopupMenu_Overflow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupMenu_Overflow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_PopupWindow = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_PopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ProgressBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ProgressBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_ProgressBar_Horizontal = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_ProgressBar_Horizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_RatingBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_RatingBar_Indicator = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar_Indicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_RatingBar_Small = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_RatingBar_Small;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_SearchView = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SearchView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_SearchView_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SearchView_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_SeekBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SeekBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_SeekBar_Discrete = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_SeekBar_Discrete;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Spinner = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Spinner_DropDown = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_DropDown;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Spinner_DropDown_ActionBar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_DropDown_ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Spinner_Underlined = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Spinner_Underlined;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_TextView_SpinnerItem = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_TextView_SpinnerItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_AppCompat_Toolbar_Button_Navigation = global::EssentialUIKit.Droid.Resource.Style.Widget_AppCompat_Toolbar_Button_Navigation;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Compat_NotificationActionContainer = global::EssentialUIKit.Droid.Resource.Style.Widget_Compat_NotificationActionContainer;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Compat_NotificationActionText = global::EssentialUIKit.Droid.Resource.Style.Widget_Compat_NotificationActionText;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_AppBarLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_AppBarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_BottomNavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_BottomNavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_BottomSheet_Modal = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_BottomSheet_Modal;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_CollapsingToolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_CollapsingToolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_FloatingActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_FloatingActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_NavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_NavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_ScrimInsetsFrameLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_ScrimInsetsFrameLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_Snackbar = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_Snackbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_TabLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Design_TextInputLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Design_TextInputLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_BottomAppBar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomAppBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_BottomAppBar_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomAppBar_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_BottomNavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomNavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_BottomNavigationView_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomNavigationView_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_BottomSheet_Modal = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_BottomSheet_Modal;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_OutlinedButton_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_TextButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Dialog_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_TextButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_TextButton_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton_Icon = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Button_UnelevatedButton_Icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_CardView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_CardView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Chip_Action = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Action;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Chip_Choice = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Choice;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Chip_Entry = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Entry;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Chip_Filter = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Chip_Filter;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_ChipGroup = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_ChipGroup;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_FloatingActionButton = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_FloatingActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_NavigationView = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_NavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Snackbar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Snackbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Snackbar_FullWidth = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Snackbar_FullWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TabLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TabLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TabLayout_Colored = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TabLayout_Colored;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_FilledBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputEditText_OutlinedBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_FilledBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox_Dense = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_TextInputLayout_OutlinedBox_Dense;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_MaterialComponents_Toolbar = global::EssentialUIKit.Droid.Resource.Style.Widget_MaterialComponents_Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.Widget_Support_CoordinatorLayout = global::EssentialUIKit.Droid.Resource.Style.Widget_Support_CoordinatorLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Style.collectionViewStyle = global::EssentialUIKit.Droid.Resource.Style.collectionViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_background = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_backgroundSplit = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_backgroundSplit;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_backgroundStacked = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_backgroundStacked;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetEnd = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetEndWithActions;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetLeft = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetRight = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetStart = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_contentInsetStartWithNavigation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_customNavigationLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_customNavigationLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_displayOptions = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_displayOptions;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_divider = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_elevation = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_height = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_hideOnContentScroll = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_hideOnContentScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_homeAsUpIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_homeLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_homeLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_icon = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_indeterminateProgressStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_indeterminateProgressStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_itemPadding = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_itemPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_logo = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_logo;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_navigationMode = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_navigationMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_popupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_progressBarPadding = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_progressBarPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_progressBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_progressBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_subtitle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_subtitleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_title = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBar_titleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionBar_titleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionBarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionBarLayout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.ActionBarLayout_android_layout_gravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMenuItemView = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuItemView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMenuItemView_android_minWidth = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuItemView_android_minWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMenuView = global::EssentialUIKit.Droid.Resource.Styleable.ActionMenuView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_background = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_backgroundSplit = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_backgroundSplit;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_closeItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_closeItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_height = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_subtitleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_subtitleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActionMode_titleTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.ActionMode_titleTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActivityChooserView = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActivityChooserView_expandActivityOverflowButtonDrawable = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView_expandActivityOverflowButtonDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ActivityChooserView_initialActivityCount = global::EssentialUIKit.Droid.Resource.Styleable.ActivityChooserView_initialActivityCount;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_android_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_buttonIconDimen = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_buttonIconDimen;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_buttonPanelSideLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_buttonPanelSideLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_listItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_listItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_listLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_listLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_multiChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_multiChoiceItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_showTitle = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_showTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AlertDialog_singleChoiceItemLayout = global::EssentialUIKit.Droid.Resource.Styleable.AlertDialog_singleChoiceItemLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_constantSize = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_constantSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_dither = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_dither;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_enterFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_enterFadeDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_exitFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_exitFadeDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_variablePadding = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_variablePadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableCompat_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableCompat_android_visible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableItem = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableItem_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem_android_drawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableItem_android_id = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableItem_android_id;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableTransition = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableTransition_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_drawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableTransition_android_fromId = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_fromId;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableTransition_android_reversible = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_reversible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AnimatedStateListDrawableTransition_android_toId = global::EssentialUIKit.Droid.Resource.Styleable.AnimatedStateListDrawableTransition_android_toId;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_android_background = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_android_keyboardNavigationCluster = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_keyboardNavigationCluster;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_android_touchscreenBlocksFocus = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_android_touchscreenBlocksFocus;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_elevation = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_expanded = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_expanded;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_liftOnScroll = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_liftOnScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayoutStates = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayoutStates_state_collapsed = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_collapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayoutStates_state_collapsible = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_collapsible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayoutStates_state_liftable = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_liftable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayoutStates_state_lifted = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayoutStates_state_lifted;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_Layout_layout_scrollFlags = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout_layout_scrollFlags;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppBarLayout_Layout_layout_scrollInterpolator = global::EssentialUIKit.Droid.Resource.Styleable.AppBarLayout_Layout_layout_scrollInterpolator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatImageView = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatImageView_android_src = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_android_src;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatImageView_srcCompat = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_srcCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatImageView_tint = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_tint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatImageView_tintMode = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatImageView_tintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatSeekBar = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatSeekBar_android_thumb = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_android_thumb;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatSeekBar_tickMark = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMark;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatSeekBar_tickMarkTint = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMarkTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatSeekBar_tickMarkTintMode = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatSeekBar_tickMarkTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableBottom = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableEnd = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableLeft = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableRight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableStart = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_drawableTop = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_drawableTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextHelper_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextHelper_android_textAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_android_textAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_autoSizeMaxTextSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeMaxTextSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_autoSizeMinTextSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeMinTextSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_autoSizePresetSizes = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizePresetSizes;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_autoSizeStepGranularity = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeStepGranularity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_autoSizeTextType = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_autoSizeTextType;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_firstBaselineToTopHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_firstBaselineToTopHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_fontFamily;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_lastBaselineToBottomHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_lastBaselineToBottomHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_lineHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_lineHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTextView_textAllCaps = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTextView_textAllCaps;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarDivider = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarDivider;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarItemBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarItemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarPopupTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarPopupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarSize = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarSplitStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarSplitStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarTabBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarTabStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarTabTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTabTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionBarWidgetTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionBarWidgetTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionDropDownStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionDropDownStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionMenuTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionMenuTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionMenuTextColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionMenuTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeCloseButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCloseButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeCloseDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCloseDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeCopyDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCopyDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeCutDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeCutDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeFindDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeFindDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModePasteDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModePasteDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModePopupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModePopupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeSelectAllDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeSelectAllDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeShareDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeShareDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeSplitBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeSplitBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionModeWebSearchDrawable = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionModeWebSearchDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionOverflowButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionOverflowButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_actionOverflowMenuStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_actionOverflowMenuStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_activityChooserViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_activityChooserViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_alertDialogButtonGroupStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogButtonGroupStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_alertDialogCenterButtons = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogCenterButtons;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_alertDialogStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_alertDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_alertDialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_android_windowAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_android_windowAnimationStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_android_windowIsFloating = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_android_windowIsFloating;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_autoCompleteTextViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_autoCompleteTextViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_borderlessButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_borderlessButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonBarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonBarNegativeButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarNegativeButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonBarNeutralButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarNeutralButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonBarPositiveButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarPositiveButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_buttonStyleSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_buttonStyleSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_checkboxStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_checkboxStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_checkedTextViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_checkedTextViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorAccent = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorAccent;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorBackgroundFloating;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorButtonNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorButtonNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorControlActivated = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlActivated;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorControlHighlight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlHighlight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorControlNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorControlNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorError = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorError;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorPrimary = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorPrimary;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorPrimaryDark;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_colorSwitchThumbNormal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_colorSwitchThumbNormal;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_controlBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_controlBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dialogCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dialogPreferredPadding = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogPreferredPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dividerHorizontal = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dividerHorizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dividerVertical = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dividerVertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dropDownListViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dropDownListViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_dropdownListPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_dropdownListPreferredItemHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_editTextBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_editTextColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_editTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_editTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_homeAsUpIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_homeAsUpIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_imageButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_imageButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listChoiceBackgroundIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listChoiceBackgroundIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listDividerAlertDialog = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listDividerAlertDialog;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listMenuViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listMenuViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPopupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPopupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPreferredItemHeight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPreferredItemHeightLarge = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeightLarge;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPreferredItemHeightSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemHeightSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingLeft = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingRight = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_listPreferredItemPaddingRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_panelBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_panelMenuListTheme = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelMenuListTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_panelMenuListWidth = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_panelMenuListWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_popupMenuStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_popupMenuStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_popupWindowStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_popupWindowStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_radioButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_radioButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_ratingBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_ratingBarStyleIndicator = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyleIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_ratingBarStyleSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_ratingBarStyleSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_searchViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_searchViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_seekBarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_seekBarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_selectableItemBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_selectableItemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_selectableItemBackgroundBorderless = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_selectableItemBackgroundBorderless;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_spinnerDropDownItemStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_spinnerDropDownItemStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_spinnerStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_spinnerStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_switchStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_switchStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceLargePopupMenu = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceLargePopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceListItem = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceListItemSecondary = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItemSecondary;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceListItemSmall = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceListItemSmall;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearancePopupMenuHeader = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearancePopupMenuHeader;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultSubtitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultSubtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultTitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSearchResultTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textAppearanceSmallPopupMenu = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textAppearanceSmallPopupMenu;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textColorAlertDialogListItem = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textColorAlertDialogListItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_textColorSearchUrl = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_textColorSearchUrl;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_toolbarNavigationButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_toolbarNavigationButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_toolbarStyle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_toolbarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_tooltipForegroundColor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_tooltipForegroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_tooltipFrameBackground = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_tooltipFrameBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_viewInflaterClass = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_viewInflaterClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowActionBar = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowActionBarOverlay = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionBarOverlay;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowActionModeOverlay = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowActionModeOverlay;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowFixedHeightMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedHeightMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowFixedHeightMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedHeightMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowFixedWidthMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedWidthMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowFixedWidthMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowFixedWidthMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowMinWidthMajor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowMinWidthMajor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowMinWidthMinor = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowMinWidthMinor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.AppCompatTheme_windowNoTitle = global::EssentialUIKit.Droid.Resource.Styleable.AppCompatTheme_windowNoTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_backgroundTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_fabAlignmentMode = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabAlignmentMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_fabCradleMargin = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_fabCradleRoundedCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleRoundedCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_fabCradleVerticalOffset = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_fabCradleVerticalOffset;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomAppBar_hideOnScroll = global::EssentialUIKit.Droid.Resource.Styleable.BottomAppBar_hideOnScroll;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_elevation = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemHorizontalTranslationEnabled = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemHorizontalTranslationEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemIconSize = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemIconTint = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemTextAppearanceActive = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextAppearanceActive;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemTextAppearanceInactive = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextAppearanceInactive;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_itemTextColor = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_itemTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_labelVisibilityMode = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_labelVisibilityMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomNavigationView_menu = global::EssentialUIKit.Droid.Resource.Styleable.BottomNavigationView_menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomSheetBehavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomSheetBehavior_Layout_behavior_fitToContents = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_fitToContents;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomSheetBehavior_Layout_behavior_hideable = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_hideable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomSheetBehavior_Layout_behavior_peekHeight = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_peekHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.BottomSheetBehavior_Layout_behavior_skipCollapsed = global::EssentialUIKit.Droid.Resource.Styleable.BottomSheetBehavior_Layout_behavior_skipCollapsed;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ButtonBarLayout = global::EssentialUIKit.Droid.Resource.Styleable.ButtonBarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ButtonBarLayout_allowStacking = global::EssentialUIKit.Droid.Resource.Styleable.ButtonBarLayout_allowStacking;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView = global::EssentialUIKit.Droid.Resource.Styleable.CardView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_android_minHeight = global::EssentialUIKit.Droid.Resource.Styleable.CardView_android_minHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_android_minWidth = global::EssentialUIKit.Droid.Resource.Styleable.CardView_android_minWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardElevation = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardElevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardMaxElevation = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardMaxElevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardPreventCornerOverlap = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardPreventCornerOverlap;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_cardUseCompatPadding = global::EssentialUIKit.Droid.Resource.Styleable.CardView_cardUseCompatPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_contentPadding = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_contentPaddingBottom = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_contentPaddingLeft = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_contentPaddingRight = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CardView_contentPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.CardView_contentPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip = global::EssentialUIKit.Droid.Resource.Styleable.Chip;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_android_checkable = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_checkable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_android_ellipsize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_ellipsize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_maxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_android_text = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Chip_android_textAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_checkedIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_checkedIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_checkedIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_checkedIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipCornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipCornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipIconSize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipIconTint = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipMinHeight = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipMinHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipStrokeColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStrokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_chipStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.Chip_chipStrokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIcon = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconEnabled = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconSize = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconTint = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_closeIconVisible = global::EssentialUIKit.Droid.Resource.Styleable.Chip_closeIconVisible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_hideMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.Chip_hideMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_iconEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_iconEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_iconStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_iconStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.Chip_rippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_showMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.Chip_showMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_textEndPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_textEndPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Chip_textStartPadding = global::EssentialUIKit.Droid.Resource.Styleable.Chip_textStartPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_checkedChip = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_checkedChip;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_chipSpacing = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_chipSpacingHorizontal = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacingHorizontal;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_chipSpacingVertical = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_chipSpacingVertical;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_singleLine = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_singleLine;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ChipGroup_singleSelection = global::EssentialUIKit.Droid.Resource.Styleable.ChipGroup_singleSelection;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleGravity = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_collapsedTitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_contentScrim = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_contentScrim;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleGravity = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMargin = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginBottom = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginEnd = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginStart = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginTop = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleMarginTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_expandedTitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_expandedTitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_scrimAnimationDuration = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_scrimAnimationDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_scrimVisibleHeightTrigger = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_scrimVisibleHeightTrigger;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_statusBarScrim = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_statusBarScrim;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_title = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_titleEnabled = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_titleEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_toolbarId = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_toolbarId;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseMode = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseParallaxMultiplier = global::EssentialUIKit.Droid.Resource.Styleable.CollapsingToolbarLayout_Layout_layout_collapseParallaxMultiplier;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ColorStateListItem = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ColorStateListItem_alpha = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ColorStateListItem_android_alpha = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_android_alpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ColorStateListItem_android_color = global::EssentialUIKit.Droid.Resource.Styleable.ColorStateListItem_android_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CompoundButton = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CompoundButton_android_button = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_android_button;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CompoundButton_buttonTint = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_buttonTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CompoundButton_buttonTintMode = global::EssentialUIKit.Droid.Resource.Styleable.CompoundButton_buttonTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_keylines = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_keylines;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_statusBarBackground = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_statusBarBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_android_layout_gravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_anchor = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_anchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_anchorGravity = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_anchorGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_behavior = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_behavior;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_dodgeInsetEdges = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_dodgeInsetEdges;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_insetEdge = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_insetEdge;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.CoordinatorLayout_Layout_layout_keyline = global::EssentialUIKit.Droid.Resource.Styleable.CoordinatorLayout_Layout_layout_keyline;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DesignTheme = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DesignTheme_bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme_bottomSheetDialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DesignTheme_bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Styleable.DesignTheme_bottomSheetStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_arrowHeadLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_arrowHeadLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_arrowShaftLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_arrowShaftLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_barLength = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_barLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_color = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_drawableSize = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_drawableSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_gapBetweenBars = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_gapBetweenBars;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_spinBars = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_spinBars;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.DrawerArrowToggle_thickness = global::EssentialUIKit.Droid.Resource.Styleable.DrawerArrowToggle_thickness;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_backgroundTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_backgroundTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_borderWidth = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_borderWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_elevation = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_fabCustomSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_fabCustomSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_fabSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_fabSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_hideMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_hideMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_hoveredFocusedTranslationZ = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_hoveredFocusedTranslationZ;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_maxImageSize = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_maxImageSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_pressedTranslationZ = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_pressedTranslationZ;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_rippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_showMotionSpec = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_showMotionSpec;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_useCompatPadding = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_useCompatPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_Behavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_Behavior_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FloatingActionButton_Behavior_Layout_behavior_autoHide = global::EssentialUIKit.Droid.Resource.Styleable.FloatingActionButton_Behavior_Layout_behavior_autoHide;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FlowLayout = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FlowLayout_itemSpacing = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout_itemSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FlowLayout_lineSpacing = global::EssentialUIKit.Droid.Resource.Styleable.FlowLayout_lineSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderAuthority = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderAuthority;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderCerts = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderCerts;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderFetchStrategy = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderFetchStrategy;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderFetchTimeout = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderFetchTimeout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderPackage = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderPackage;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamily_fontProviderQuery = global::EssentialUIKit.Droid.Resource.Styleable.FontFamily_fontProviderQuery;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_android_font = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_font;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_android_fontStyle = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_android_fontVariationSettings = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontVariationSettings;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_android_fontWeight = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_fontWeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_android_ttcIndex = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_android_ttcIndex;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_font = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_font;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_fontStyle = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_fontVariationSettings = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontVariationSettings;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_fontWeight = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_fontWeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.FontFamilyFont_ttcIndex = global::EssentialUIKit.Droid.Resource.Styleable.FontFamilyFont_ttcIndex;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ForegroundLinearLayout = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ForegroundLinearLayout_android_foreground = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_android_foreground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ForegroundLinearLayout_android_foregroundGravity = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_android_foregroundGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ForegroundLinearLayout_foregroundInsidePadding = global::EssentialUIKit.Droid.Resource.Styleable.ForegroundLinearLayout_foregroundInsidePadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_centerColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_centerX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerX;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_centerY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_centerY;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_endColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_endX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endX;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_endY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_endY;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_gradientRadius = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_gradientRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_startColor = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_startX = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startX;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_startY = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_startY;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_tileMode = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_tileMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColor_android_type = global::EssentialUIKit.Droid.Resource.Styleable.GradientColor_android_type;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColorItem = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColorItem_android_color = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem_android_color;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.GradientColorItem_android_offset = global::EssentialUIKit.Droid.Resource.Styleable.GradientColorItem_android_offset;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_android_baselineAligned = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_baselineAligned;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_android_baselineAlignedChildIndex = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_baselineAlignedChildIndex;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_android_gravity = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_gravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_android_orientation = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_orientation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_android_weightSum = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_android_weightSum;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_divider = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_divider;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_dividerPadding = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_dividerPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_measureWithLargestChild = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_measureWithLargestChild;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_showDividers = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_showDividers;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_Layout = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_gravity = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_gravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_height = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_height;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_weight = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_weight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_width = global::EssentialUIKit.Droid.Resource.Styleable.LinearLayoutCompat_Layout_android_layout_width;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ListPopupWindow = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ListPopupWindow_android_dropDownHorizontalOffset = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow_android_dropDownHorizontalOffset;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ListPopupWindow_android_dropDownVerticalOffset = global::EssentialUIKit.Droid.Resource.Styleable.ListPopupWindow_android_dropDownVerticalOffset;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_android_insetBottom = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_android_insetLeft = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_android_insetRight = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_android_insetTop = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_android_insetTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_backgroundTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_backgroundTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_cornerRadius = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_cornerRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_icon = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_iconGravity = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_iconPadding = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_iconSize = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_iconTint = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_iconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_iconTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_rippleColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_rippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_strokeColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_strokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialButton_strokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.MaterialButton_strokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialCardView = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialCardView_strokeColor = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView_strokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialCardView_strokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.MaterialCardView_strokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_bottomSheetDialogTheme = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_bottomSheetDialogTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_bottomSheetStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_bottomSheetStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_chipGroupStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipGroupStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_chipStandaloneStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipStandaloneStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_chipStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_chipStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_colorAccent = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorAccent;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_colorBackgroundFloating = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorBackgroundFloating;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_colorPrimary = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorPrimary;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_colorPrimaryDark = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorPrimaryDark;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_colorSecondary = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_colorSecondary;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_editTextStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_editTextStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_floatingActionButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_floatingActionButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_materialButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_materialButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_materialCardViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_materialCardViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_navigationViewStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_navigationViewStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_scrimBackground = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_scrimBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_snackbarButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_tabStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_tabStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody1;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceBody2;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceButton = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceButton;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceCaption = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceCaption;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline1;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline2;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline3 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline3;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline4 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline4;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline5 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline5;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline6 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceHeadline6;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceOverline = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceOverline;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle1 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle1;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle2 = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textAppearanceSubtitle2;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MaterialComponentsTheme_textInputStyle = global::EssentialUIKit.Droid.Resource.Styleable.MaterialComponentsTheme_textInputStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_checkableBehavior = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_checkableBehavior;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_enabled = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_enabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_id = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_id;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_menuCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_menuCategory;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_orderInCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_orderInCategory;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuGroup_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.MenuGroup_android_visible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_actionLayout = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_actionProviderClass = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionProviderClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_actionViewClass = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_actionViewClass;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_alphabeticModifiers = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_alphabeticModifiers;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_alphabeticShortcut = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_alphabeticShortcut;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_checkable = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_checkable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_checked = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_checked;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_enabled = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_enabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_icon = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_id = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_id;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_menuCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_menuCategory;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_numericShortcut = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_numericShortcut;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_onClick = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_onClick;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_orderInCategory = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_orderInCategory;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_title = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_titleCondensed = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_titleCondensed;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_android_visible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_contentDescription = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_contentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_iconTint = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_iconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_iconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_iconTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_numericModifiers = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_numericModifiers;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_showAsAction = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_showAsAction;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuItem_tooltipText = global::EssentialUIKit.Droid.Resource.Styleable.MenuItem_tooltipText;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView = global::EssentialUIKit.Droid.Resource.Styleable.MenuView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_headerBackground = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_headerBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_horizontalDivider = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_horizontalDivider;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_itemIconDisabledAlpha = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemIconDisabledAlpha;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_itemTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_itemTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_verticalDivider = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_verticalDivider;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_android_windowAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_android_windowAnimationStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_preserveIconSpacing = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_preserveIconSpacing;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.MenuView_subMenuArrow = global::EssentialUIKit.Droid.Resource.Styleable.MenuView_subMenuArrow;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_android_background = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_android_fitsSystemWindows = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_fitsSystemWindows;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_android_maxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_elevation = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_headerLayout = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_headerLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemBackground = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemHorizontalPadding = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemHorizontalPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemIconPadding = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemIconPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemIconTint = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_itemTextColor = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_itemTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.NavigationView_menu = global::EssentialUIKit.Droid.Resource.Styleable.NavigationView_menu;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindow = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindow_android_popupAnimationStyle = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_android_popupAnimationStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindow_android_popupBackground = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_android_popupBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindow_overlapAnchor = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindow_overlapAnchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindowBackgroundState = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindowBackgroundState;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.PopupWindowBackgroundState_state_above_anchor = global::EssentialUIKit.Droid.Resource.Styleable.PopupWindowBackgroundState_state_above_anchor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecycleListView = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecycleListView_paddingBottomNoButtons = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView_paddingBottomNoButtons;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecycleListView_paddingTopNoTitle = global::EssentialUIKit.Droid.Resource.Styleable.RecycleListView_paddingTopNoTitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_android_descendantFocusability = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_android_descendantFocusability;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_android_orientation = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_android_orientation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_fastScrollEnabled = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_fastScrollHorizontalThumbDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollHorizontalThumbDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_fastScrollHorizontalTrackDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollHorizontalTrackDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_fastScrollVerticalThumbDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollVerticalThumbDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_fastScrollVerticalTrackDrawable = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_fastScrollVerticalTrackDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_layoutManager = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_layoutManager;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_reverseLayout = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_reverseLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_spanCount = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_spanCount;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.RecyclerView_stackFromEnd = global::EssentialUIKit.Droid.Resource.Styleable.RecyclerView_stackFromEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ScrimInsetsFrameLayout = global::EssentialUIKit.Droid.Resource.Styleable.ScrimInsetsFrameLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ScrimInsetsFrameLayout_insetForeground = global::EssentialUIKit.Droid.Resource.Styleable.ScrimInsetsFrameLayout_insetForeground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ScrollingViewBehavior_Layout = global::EssentialUIKit.Droid.Resource.Styleable.ScrollingViewBehavior_Layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ScrollingViewBehavior_Layout_behavior_overlapTop = global::EssentialUIKit.Droid.Resource.Styleable.ScrollingViewBehavior_Layout_behavior_overlapTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView = global::EssentialUIKit.Droid.Resource.Styleable.SearchView;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_android_focusable = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_focusable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_android_imeOptions = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_imeOptions;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_android_inputType = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_inputType;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_android_maxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_closeIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_closeIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_commitIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_commitIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_defaultQueryHint = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_defaultQueryHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_goIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_goIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_iconifiedByDefault = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_iconifiedByDefault;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_layout = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_queryBackground = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_queryBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_queryHint = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_queryHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_searchHintIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_searchHintIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_searchIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_searchIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_submitBackground = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_submitBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_suggestionRowLayout = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_suggestionRowLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SearchView_voiceIcon = global::EssentialUIKit.Droid.Resource.Styleable.SearchView_voiceIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Snackbar = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Snackbar_snackbarButtonStyle = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar_snackbarButtonStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Snackbar_snackbarStyle = global::EssentialUIKit.Droid.Resource.Styleable.Snackbar_snackbarStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SnackbarLayout = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SnackbarLayout_android_maxWidth = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_android_maxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SnackbarLayout_elevation = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_elevation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SnackbarLayout_maxActionInlineWidth = global::EssentialUIKit.Droid.Resource.Styleable.SnackbarLayout_maxActionInlineWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner = global::EssentialUIKit.Droid.Resource.Styleable.Spinner;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner_android_dropDownWidth = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_dropDownWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner_android_entries = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_entries;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner_android_popupBackground = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_popupBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner_android_prompt = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_android_prompt;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Spinner_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.Spinner_popupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_constantSize = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_constantSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_dither = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_dither;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_enterFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_enterFadeDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_exitFadeDuration = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_exitFadeDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_variablePadding = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_variablePadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawable_android_visible = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawable_android_visible;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawableItem = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawableItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.StateListDrawableItem_android_drawable = global::EssentialUIKit.Droid.Resource.Styleable.StateListDrawableItem_android_drawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_android_textOff = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_textOff;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_android_textOn = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_textOn;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_android_thumb = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_android_thumb;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_showText = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_showText;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_splitTrack = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_splitTrack;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_switchMinWidth = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchMinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_switchPadding = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_switchTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_switchTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_thumbTextPadding = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTextPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_thumbTint = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_thumbTintMode = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_thumbTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_track = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_track;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_trackTint = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_trackTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.SwitchCompat_trackTintMode = global::EssentialUIKit.Droid.Resource.Styleable.SwitchCompat_trackTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabItem = global::EssentialUIKit.Droid.Resource.Styleable.TabItem;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabItem_android_icon = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_icon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabItem_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_layout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabItem_android_text = global::EssentialUIKit.Droid.Resource.Styleable.TabItem_android_text;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabBackground = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabBackground;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabContentStart = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabContentStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabGravity = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIconTint = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIconTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIconTintMode = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIconTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicator = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicator;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicatorAnimationDuration = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorAnimationDuration;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicatorColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicatorFullWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorFullWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicatorGravity = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabIndicatorHeight = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabIndicatorHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabInlineLabel = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabInlineLabel;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabMaxWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMaxWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabMinWidth = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMinWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabMode = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabPadding = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPadding;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabPaddingBottom = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabPaddingEnd = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabPaddingStart = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabRippleColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabRippleColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabSelectedTextColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabSelectedTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabTextColor = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TabLayout_tabUnboundedRipple = global::EssentialUIKit.Droid.Resource.Styleable.TabLayout_tabUnboundedRipple;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_fontFamily;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_shadowColor = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_shadowDx = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowDx;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_shadowDy = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowDy;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_shadowRadius = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_shadowRadius;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_textColor = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_textColorHint = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColorHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_textColorLink = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textColorLink;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_textSize = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textSize;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_textStyle = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_textStyle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_android_typeface = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_android_typeface;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_fontFamily = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_fontFamily;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextAppearance_textAllCaps = global::EssentialUIKit.Droid.Resource.Styleable.TextAppearance_textAllCaps;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_android_hint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_android_hint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_android_textColorHint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_android_textColorHint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxBackgroundColor = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxBackgroundColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxBackgroundMode = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxBackgroundMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxCollapsedPaddingTop = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCollapsedPaddingTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomEnd = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomStart = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusBottomStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxCornerRadiusTopEnd = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusTopEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxCornerRadiusTopStart = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxCornerRadiusTopStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxStrokeColor = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxStrokeColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_boxStrokeWidth = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_boxStrokeWidth;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_counterEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_counterMaxLength = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterMaxLength;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_counterOverflowTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterOverflowTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_counterTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_counterTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_errorEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_errorEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_errorTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_errorTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_helperText = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperText;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_helperTextEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperTextEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_helperTextTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_helperTextTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_hintAnimationEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintAnimationEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_hintEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_hintTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_hintTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_passwordToggleContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_passwordToggleDrawable = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleDrawable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_passwordToggleEnabled = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleEnabled;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_passwordToggleTint = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.TextInputLayout_passwordToggleTintMode = global::EssentialUIKit.Droid.Resource.Styleable.TextInputLayout_passwordToggleTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ThemeEnforcement = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ThemeEnforcement_android_textAppearance = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_android_textAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ThemeEnforcement_enforceMaterialTheme = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_enforceMaterialTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ThemeEnforcement_enforceTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.ThemeEnforcement_enforceTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_android_gravity = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_android_gravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_android_minHeight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_android_minHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_buttonGravity = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_buttonGravity;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_collapseContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_collapseContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_collapseIcon = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_collapseIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetEnd = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetEndWithActions = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetEndWithActions;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetLeft = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetLeft;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetRight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetRight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetStart = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_contentInsetStartWithNavigation = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_contentInsetStartWithNavigation;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_logo = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_logo;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_logoDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_logoDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_maxButtonHeight = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_maxButtonHeight;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_navigationContentDescription = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_navigationContentDescription;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_navigationIcon = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_navigationIcon;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_popupTheme = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_popupTheme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_subtitle = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitle;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_subtitleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_subtitleTextColor = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_subtitleTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_title = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_title;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMargin = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMargin;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMarginBottom = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginBottom;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMarginEnd = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMarginStart = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMarginTop = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMarginTop;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleMargins = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleMargins;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleTextAppearance = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleTextAppearance;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.Toolbar_titleTextColor = global::EssentialUIKit.Droid.Resource.Styleable.Toolbar_titleTextColor;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View = global::EssentialUIKit.Droid.Resource.Styleable.View;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View_android_focusable = global::EssentialUIKit.Droid.Resource.Styleable.View_android_focusable;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View_android_theme = global::EssentialUIKit.Droid.Resource.Styleable.View_android_theme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View_paddingEnd = global::EssentialUIKit.Droid.Resource.Styleable.View_paddingEnd;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View_paddingStart = global::EssentialUIKit.Droid.Resource.Styleable.View_paddingStart;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.View_theme = global::EssentialUIKit.Droid.Resource.Styleable.View_theme;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewBackgroundHelper = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewBackgroundHelper_android_background = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_android_background;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewBackgroundHelper_backgroundTint = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_backgroundTint;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewBackgroundHelper_backgroundTintMode = global::EssentialUIKit.Droid.Resource.Styleable.ViewBackgroundHelper_backgroundTintMode;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewStubCompat = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewStubCompat_android_id = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_id;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewStubCompat_android_inflatedId = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_inflatedId;
-			global::Xamarin.Forms.Platform.Android.Resource.Styleable.ViewStubCompat_android_layout = global::EssentialUIKit.Droid.Resource.Styleable.ViewStubCompat_android_layout;
-		}
-		
-		public partial class Animation
-		{
-			
-			// aapt resource value: 0x7F010000
-			public const int abc_fade_in = 2130771968;
-			
-			// aapt resource value: 0x7F010001
-			public const int abc_fade_out = 2130771969;
-			
-			// aapt resource value: 0x7F010002
-			public const int abc_grow_fade_in_from_bottom = 2130771970;
-			
-			// aapt resource value: 0x7F010003
-			public const int abc_popup_enter = 2130771971;
-			
-			// aapt resource value: 0x7F010004
-			public const int abc_popup_exit = 2130771972;
-			
-			// aapt resource value: 0x7F010005
-			public const int abc_shrink_fade_out_from_bottom = 2130771973;
-			
-			// aapt resource value: 0x7F010006
-			public const int abc_slide_in_bottom = 2130771974;
-			
-			// aapt resource value: 0x7F010007
-			public const int abc_slide_in_top = 2130771975;
-			
-			// aapt resource value: 0x7F010008
-			public const int abc_slide_out_bottom = 2130771976;
-			
-			// aapt resource value: 0x7F010009
-			public const int abc_slide_out_top = 2130771977;
-			
-			// aapt resource value: 0x7F01000A
-			public const int abc_tooltip_enter = 2130771978;
-			
-			// aapt resource value: 0x7F01000B
-			public const int abc_tooltip_exit = 2130771979;
-			
-			// aapt resource value: 0x7F01000C
-			public const int btn_checkbox_indeterminate_to_checked_box_inner_merged_animation = 2130771980;
-			
-			// aapt resource value: 0x7F01000D
-			public const int btn_checkbox_indeterminate_to_checked_box_outer_merged_animation = 2130771981;
-			
-			// aapt resource value: 0x7F01000E
-			public const int btn_checkbox_indeterminate_to_checked_icon_null_animation = 2130771982;
-			
-			// aapt resource value: 0x7F01000F
-			public const int btn_checkbox_to_checked_box_inner_merged_animation = 2130771983;
-			
-			// aapt resource value: 0x7F010010
-			public const int btn_checkbox_to_checked_box_outer_merged_animation = 2130771984;
-			
-			// aapt resource value: 0x7F010011
-			public const int btn_checkbox_to_checked_icon_null_animation = 2130771985;
-			
-			// aapt resource value: 0x7F010012
-			public const int btn_checkbox_to_indeterminate_from_checked_box_inner_merged_animation = 2130771986;
-			
-			// aapt resource value: 0x7F010013
-			public const int btn_checkbox_to_indeterminate_from_checked_icon_null_animation = 2130771987;
-			
-			// aapt resource value: 0x7F010014
-			public const int btn_checkbox_to_indeterminate_from_unchecked_box_inner_merged_animation = 2130771988;
-			
-			// aapt resource value: 0x7F010015
-			public const int btn_checkbox_to_indeterminate_from_unchecked_box_outer_merged_animation = 2130771989;
-			
-			// aapt resource value: 0x7F010016
-			public const int btn_checkbox_to_indeterminate_from_unchecked_icon_null_animation = 2130771990;
-			
-			// aapt resource value: 0x7F010017
-			public const int btn_checkbox_to_unchecked_box_inner_merged_animation = 2130771991;
-			
-			// aapt resource value: 0x7F010018
-			public const int btn_checkbox_to_unchecked_check_path_merged_animation = 2130771992;
-			
-			// aapt resource value: 0x7F010019
-			public const int btn_checkbox_to_unchecked_from_indeterminate_box_inner_merged_animation = 2130771993;
-			
-			// aapt resource value: 0x7F01001A
-			public const int btn_checkbox_to_unchecked_from_indeterminate_check_path_merged_animation = 2130771994;
-			
-			// aapt resource value: 0x7F01001B
-			public const int btn_checkbox_to_unchecked_from_indeterminate_icon_null_animation = 2130771995;
-			
-			// aapt resource value: 0x7F01001C
-			public const int btn_checkbox_to_unchecked_icon_null_animation = 2130771996;
-			
-			// aapt resource value: 0x7F01001D
-			public const int design_bottom_sheet_slide_in = 2130771997;
-			
-			// aapt resource value: 0x7F01001E
-			public const int design_bottom_sheet_slide_out = 2130771998;
-			
-			// aapt resource value: 0x7F01001F
-			public const int design_snackbar_in = 2130771999;
-			
-			// aapt resource value: 0x7F010020
-			public const int design_snackbar_out = 2130772000;
-			
-			// aapt resource value: 0x7F010021
-			public const int EnterFromLeft = 2130772001;
-			
-			// aapt resource value: 0x7F010022
-			public const int EnterFromRight = 2130772002;
-			
-			// aapt resource value: 0x7F010023
-			public const int ExitToLeft = 2130772003;
-			
-			// aapt resource value: 0x7F010024
-			public const int ExitToRight = 2130772004;
-			
-			// aapt resource value: 0x7F010025
-			public const int Scale_in = 2130772005;
-			
-			// aapt resource value: 0x7F010026
-			public const int Scale_out = 2130772006;
-			
-			// aapt resource value: 0x7F010027
-			public const int SfChart_Fade_In = 2130772007;
-			
-			// aapt resource value: 0x7F010028
-			public const int SfChart_Fade_Out = 2130772008;
-			
-			// aapt resource value: 0x7F010029
-			public const int SfChart_Scale_In = 2130772009;
-			
-			// aapt resource value: 0x7F01002A
-			public const int SfChart_Scale_Out = 2130772010;
-			
-			static Animation()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Animation()
-			{
-			}
-		}
-		
-		public partial class Animator
-		{
-			
-			// aapt resource value: 0x7F020000
-			public const int design_appbar_state_list_animator = 2130837504;
-			
-			// aapt resource value: 0x7F020001
-			public const int design_fab_hide_motion_spec = 2130837505;
-			
-			// aapt resource value: 0x7F020002
-			public const int design_fab_show_motion_spec = 2130837506;
-			
-			// aapt resource value: 0x7F020003
-			public const int mtrl_btn_state_list_anim = 2130837507;
-			
-			// aapt resource value: 0x7F020004
-			public const int mtrl_btn_unelevated_state_list_anim = 2130837508;
-			
-			// aapt resource value: 0x7F020005
-			public const int mtrl_chip_state_list_anim = 2130837509;
-			
-			// aapt resource value: 0x7F020006
-			public const int mtrl_fab_hide_motion_spec = 2130837510;
-			
-			// aapt resource value: 0x7F020007
-			public const int mtrl_fab_show_motion_spec = 2130837511;
-			
-			// aapt resource value: 0x7F020008
-			public const int mtrl_fab_transformation_sheet_collapse_spec = 2130837512;
-			
-			// aapt resource value: 0x7F020009
-			public const int mtrl_fab_transformation_sheet_expand_spec = 2130837513;
-			
-			static Animator()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Animator()
-			{
-			}
-		}
-		
-		public partial class Attribute
-		{
-			
-			// aapt resource value: 0x7F030000
-			public const int actionBarDivider = 2130903040;
-			
-			// aapt resource value: 0x7F030001
-			public const int actionBarItemBackground = 2130903041;
-			
-			// aapt resource value: 0x7F030002
-			public const int actionBarPopupTheme = 2130903042;
-			
-			// aapt resource value: 0x7F030003
-			public const int actionBarSize = 2130903043;
-			
-			// aapt resource value: 0x7F030004
-			public const int actionBarSplitStyle = 2130903044;
-			
-			// aapt resource value: 0x7F030005
-			public const int actionBarStyle = 2130903045;
-			
-			// aapt resource value: 0x7F030006
-			public const int actionBarTabBarStyle = 2130903046;
-			
-			// aapt resource value: 0x7F030007
-			public const int actionBarTabStyle = 2130903047;
-			
-			// aapt resource value: 0x7F030008
-			public const int actionBarTabTextStyle = 2130903048;
-			
-			// aapt resource value: 0x7F030009
-			public const int actionBarTheme = 2130903049;
-			
-			// aapt resource value: 0x7F03000A
-			public const int actionBarWidgetTheme = 2130903050;
-			
-			// aapt resource value: 0x7F03000B
-			public const int actionButtonStyle = 2130903051;
-			
-			// aapt resource value: 0x7F03000C
-			public const int actionDropDownStyle = 2130903052;
-			
-			// aapt resource value: 0x7F03000D
-			public const int actionLayout = 2130903053;
-			
-			// aapt resource value: 0x7F03000E
-			public const int actionMenuTextAppearance = 2130903054;
-			
-			// aapt resource value: 0x7F03000F
-			public const int actionMenuTextColor = 2130903055;
-			
-			// aapt resource value: 0x7F030010
-			public const int actionModeBackground = 2130903056;
-			
-			// aapt resource value: 0x7F030011
-			public const int actionModeCloseButtonStyle = 2130903057;
-			
-			// aapt resource value: 0x7F030012
-			public const int actionModeCloseDrawable = 2130903058;
-			
-			// aapt resource value: 0x7F030013
-			public const int actionModeCopyDrawable = 2130903059;
-			
-			// aapt resource value: 0x7F030014
-			public const int actionModeCutDrawable = 2130903060;
-			
-			// aapt resource value: 0x7F030015
-			public const int actionModeFindDrawable = 2130903061;
-			
-			// aapt resource value: 0x7F030016
-			public const int actionModePasteDrawable = 2130903062;
-			
-			// aapt resource value: 0x7F030017
-			public const int actionModePopupWindowStyle = 2130903063;
-			
-			// aapt resource value: 0x7F030018
-			public const int actionModeSelectAllDrawable = 2130903064;
-			
-			// aapt resource value: 0x7F030019
-			public const int actionModeShareDrawable = 2130903065;
-			
-			// aapt resource value: 0x7F03001A
-			public const int actionModeSplitBackground = 2130903066;
-			
-			// aapt resource value: 0x7F03001B
-			public const int actionModeStyle = 2130903067;
-			
-			// aapt resource value: 0x7F03001C
-			public const int actionModeWebSearchDrawable = 2130903068;
-			
-			// aapt resource value: 0x7F03001D
-			public const int actionOverflowButtonStyle = 2130903069;
-			
-			// aapt resource value: 0x7F03001E
-			public const int actionOverflowMenuStyle = 2130903070;
-			
-			// aapt resource value: 0x7F03001F
-			public const int actionProviderClass = 2130903071;
-			
-			// aapt resource value: 0x7F030020
-			public const int actionViewClass = 2130903072;
-			
-			// aapt resource value: 0x7F030021
-			public const int activityChooserViewStyle = 2130903073;
-			
-			// aapt resource value: 0x7F030022
-			public const int alertDialogButtonGroupStyle = 2130903074;
-			
-			// aapt resource value: 0x7F030023
-			public const int alertDialogCenterButtons = 2130903075;
-			
-			// aapt resource value: 0x7F030024
-			public const int alertDialogStyle = 2130903076;
-			
-			// aapt resource value: 0x7F030025
-			public const int alertDialogTheme = 2130903077;
-			
-			// aapt resource value: 0x7F030026
-			public const int allowStacking = 2130903078;
-			
-			// aapt resource value: 0x7F030027
-			public const int alpha = 2130903079;
-			
-			// aapt resource value: 0x7F030028
-			public const int alphabeticModifiers = 2130903080;
-			
-			// aapt resource value: 0x7F030029
-			public const int arrowHeadLength = 2130903081;
-			
-			// aapt resource value: 0x7F03002A
-			public const int arrowShaftLength = 2130903082;
-			
-			// aapt resource value: 0x7F03002B
-			public const int autoCompleteTextViewStyle = 2130903083;
-			
-			// aapt resource value: 0x7F03002C
-			public const int autoSizeMaxTextSize = 2130903084;
-			
-			// aapt resource value: 0x7F03002D
-			public const int autoSizeMinTextSize = 2130903085;
-			
-			// aapt resource value: 0x7F03002E
-			public const int autoSizePresetSizes = 2130903086;
-			
-			// aapt resource value: 0x7F03002F
-			public const int autoSizeStepGranularity = 2130903087;
-			
-			// aapt resource value: 0x7F030030
-			public const int autoSizeTextType = 2130903088;
-			
-			// aapt resource value: 0x7F030031
-			public const int background = 2130903089;
-			
-			// aapt resource value: 0x7F030032
-			public const int backgroundSplit = 2130903090;
-			
-			// aapt resource value: 0x7F030033
-			public const int backgroundStacked = 2130903091;
-			
-			// aapt resource value: 0x7F030034
-			public const int backgroundTint = 2130903092;
-			
-			// aapt resource value: 0x7F030035
-			public const int backgroundTintMode = 2130903093;
-			
-			// aapt resource value: 0x7F030036
-			public const int barLength = 2130903094;
-			
-			// aapt resource value: 0x7F030037
-			public const int behavior_autoHide = 2130903095;
-			
-			// aapt resource value: 0x7F030038
-			public const int behavior_fitToContents = 2130903096;
-			
-			// aapt resource value: 0x7F030039
-			public const int behavior_hideable = 2130903097;
-			
-			// aapt resource value: 0x7F03003A
-			public const int behavior_overlapTop = 2130903098;
-			
-			// aapt resource value: 0x7F03003B
-			public const int behavior_peekHeight = 2130903099;
-			
-			// aapt resource value: 0x7F03003C
-			public const int behavior_skipCollapsed = 2130903100;
-			
-			// aapt resource value: 0x7F03003E
-			public const int borderlessButtonStyle = 2130903102;
-			
-			// aapt resource value: 0x7F03003D
-			public const int borderWidth = 2130903101;
-			
-			// aapt resource value: 0x7F03003F
-			public const int bottomAppBarStyle = 2130903103;
-			
-			// aapt resource value: 0x7F030040
-			public const int bottomNavigationStyle = 2130903104;
-			
-			// aapt resource value: 0x7F030041
-			public const int bottomSheetDialogTheme = 2130903105;
-			
-			// aapt resource value: 0x7F030042
-			public const int bottomSheetStyle = 2130903106;
-			
-			// aapt resource value: 0x7F030043
-			public const int boxBackgroundColor = 2130903107;
-			
-			// aapt resource value: 0x7F030044
-			public const int boxBackgroundMode = 2130903108;
-			
-			// aapt resource value: 0x7F030045
-			public const int boxCollapsedPaddingTop = 2130903109;
-			
-			// aapt resource value: 0x7F030046
-			public const int boxCornerRadiusBottomEnd = 2130903110;
-			
-			// aapt resource value: 0x7F030047
-			public const int boxCornerRadiusBottomStart = 2130903111;
-			
-			// aapt resource value: 0x7F030048
-			public const int boxCornerRadiusTopEnd = 2130903112;
-			
-			// aapt resource value: 0x7F030049
-			public const int boxCornerRadiusTopStart = 2130903113;
-			
-			// aapt resource value: 0x7F03004A
-			public const int boxStrokeColor = 2130903114;
-			
-			// aapt resource value: 0x7F03004B
-			public const int boxStrokeWidth = 2130903115;
-			
-			// aapt resource value: 0x7F03004C
-			public const int bubbleAlpha = 2130903116;
-			
-			// aapt resource value: 0x7F03004D
-			public const int bubbleFillColor = 2130903117;
-			
-			// aapt resource value: 0x7F03004E
-			public const int bubbleIsAutoFillColors = 2130903118;
-			
-			// aapt resource value: 0x7F03004F
-			public const int bubbleMaxSize = 2130903119;
-			
-			// aapt resource value: 0x7F030050
-			public const int bubbleMinSize = 2130903120;
-			
-			// aapt resource value: 0x7F030051
-			public const int bubbleVisibility = 2130903121;
-			
-			// aapt resource value: 0x7F030052
-			public const int buttonBarButtonStyle = 2130903122;
-			
-			// aapt resource value: 0x7F030053
-			public const int buttonBarNegativeButtonStyle = 2130903123;
-			
-			// aapt resource value: 0x7F030054
-			public const int buttonBarNeutralButtonStyle = 2130903124;
-			
-			// aapt resource value: 0x7F030055
-			public const int buttonBarPositiveButtonStyle = 2130903125;
-			
-			// aapt resource value: 0x7F030056
-			public const int buttonBarStyle = 2130903126;
-			
-			// aapt resource value: 0x7F030057
-			public const int buttonGravity = 2130903127;
-			
-			// aapt resource value: 0x7F030058
-			public const int buttonIconDimen = 2130903128;
-			
-			// aapt resource value: 0x7F030059
-			public const int buttonPanelSideLayout = 2130903129;
-			
-			// aapt resource value: 0x7F03005A
-			public const int buttonStyle = 2130903130;
-			
-			// aapt resource value: 0x7F03005B
-			public const int buttonStyleSmall = 2130903131;
-			
-			// aapt resource value: 0x7F03005C
-			public const int buttonTint = 2130903132;
-			
-			// aapt resource value: 0x7F03005D
-			public const int buttonTintMode = 2130903133;
-			
-			// aapt resource value: 0x7F03005E
-			public const int cardBackgroundColor = 2130903134;
-			
-			// aapt resource value: 0x7F03005F
-			public const int cardCornerRadius = 2130903135;
-			
-			// aapt resource value: 0x7F030060
-			public const int cardElevation = 2130903136;
-			
-			// aapt resource value: 0x7F030061
-			public const int cardMaxElevation = 2130903137;
-			
-			// aapt resource value: 0x7F030062
-			public const int cardPreventCornerOverlap = 2130903138;
-			
-			// aapt resource value: 0x7F030063
-			public const int cardUseCompatPadding = 2130903139;
-			
-			// aapt resource value: 0x7F030064
-			public const int cardViewStyle = 2130903140;
-			
-			// aapt resource value: 0x7F030065
-			public const int checkboxStyle = 2130903141;
-			
-			// aapt resource value: 0x7F030066
-			public const int @checked = 2130903142;
-			
-			// aapt resource value: 0x7F030067
-			public const int checkedChip = 2130903143;
-			
-			// aapt resource value: 0x7F030068
-			public const int checkedIcon = 2130903144;
-			
-			// aapt resource value: 0x7F030069
-			public const int checkedIconEnabled = 2130903145;
-			
-			// aapt resource value: 0x7F03006A
-			public const int checkedIconVisible = 2130903146;
-			
-			// aapt resource value: 0x7F03006B
-			public const int checkedTextViewStyle = 2130903147;
-			
-			// aapt resource value: 0x7F03006C
-			public const int chipBackgroundColor = 2130903148;
-			
-			// aapt resource value: 0x7F03006D
-			public const int chipCornerRadius = 2130903149;
-			
-			// aapt resource value: 0x7F03006E
-			public const int chipEndPadding = 2130903150;
-			
-			// aapt resource value: 0x7F03006F
-			public const int chipGroupStyle = 2130903151;
-			
-			// aapt resource value: 0x7F030070
-			public const int chipIcon = 2130903152;
-			
-			// aapt resource value: 0x7F030071
-			public const int chipIconEnabled = 2130903153;
-			
-			// aapt resource value: 0x7F030072
-			public const int chipIconSize = 2130903154;
-			
-			// aapt resource value: 0x7F030073
-			public const int chipIconTint = 2130903155;
-			
-			// aapt resource value: 0x7F030074
-			public const int chipIconVisible = 2130903156;
-			
-			// aapt resource value: 0x7F030075
-			public const int chipMinHeight = 2130903157;
-			
-			// aapt resource value: 0x7F030076
-			public const int chipSpacing = 2130903158;
-			
-			// aapt resource value: 0x7F030077
-			public const int chipSpacingHorizontal = 2130903159;
-			
-			// aapt resource value: 0x7F030078
-			public const int chipSpacingVertical = 2130903160;
-			
-			// aapt resource value: 0x7F030079
-			public const int chipStandaloneStyle = 2130903161;
-			
-			// aapt resource value: 0x7F03007A
-			public const int chipStartPadding = 2130903162;
-			
-			// aapt resource value: 0x7F03007B
-			public const int chipStrokeColor = 2130903163;
-			
-			// aapt resource value: 0x7F03007C
-			public const int chipStrokeWidth = 2130903164;
-			
-			// aapt resource value: 0x7F03007D
-			public const int chipStyle = 2130903165;
-			
-			// aapt resource value: 0x7F03007E
-			public const int closeIcon = 2130903166;
-			
-			// aapt resource value: 0x7F03007F
-			public const int closeIconEnabled = 2130903167;
-			
-			// aapt resource value: 0x7F030080
-			public const int closeIconEndPadding = 2130903168;
-			
-			// aapt resource value: 0x7F030081
-			public const int closeIconSize = 2130903169;
-			
-			// aapt resource value: 0x7F030082
-			public const int closeIconStartPadding = 2130903170;
-			
-			// aapt resource value: 0x7F030083
-			public const int closeIconTint = 2130903171;
-			
-			// aapt resource value: 0x7F030084
-			public const int closeIconVisible = 2130903172;
-			
-			// aapt resource value: 0x7F030085
-			public const int closeItemLayout = 2130903173;
-			
-			// aapt resource value: 0x7F030086
-			public const int collapseContentDescription = 2130903174;
-			
-			// aapt resource value: 0x7F030088
-			public const int collapsedTitleGravity = 2130903176;
-			
-			// aapt resource value: 0x7F030089
-			public const int collapsedTitleTextAppearance = 2130903177;
-			
-			// aapt resource value: 0x7F030087
-			public const int collapseIcon = 2130903175;
-			
-			// aapt resource value: 0x7F03008A
-			public const int color = 2130903178;
-			
-			// aapt resource value: 0x7F03008B
-			public const int colorAccent = 2130903179;
-			
-			// aapt resource value: 0x7F03008C
-			public const int colorBackgroundFloating = 2130903180;
-			
-			// aapt resource value: 0x7F03008D
-			public const int colorButtonNormal = 2130903181;
-			
-			// aapt resource value: 0x7F03008E
-			public const int colorControlActivated = 2130903182;
-			
-			// aapt resource value: 0x7F03008F
-			public const int colorControlHighlight = 2130903183;
-			
-			// aapt resource value: 0x7F030090
-			public const int colorControlNormal = 2130903184;
-			
-			// aapt resource value: 0x7F030091
-			public const int colorError = 2130903185;
-			
-			// aapt resource value: 0x7F030092
-			public const int colorPrimary = 2130903186;
-			
-			// aapt resource value: 0x7F030093
-			public const int colorPrimaryDark = 2130903187;
-			
-			// aapt resource value: 0x7F030094
-			public const int colorSecondary = 2130903188;
-			
-			// aapt resource value: 0x7F030095
-			public const int colorSwitchThumbNormal = 2130903189;
-			
-			// aapt resource value: 0x7F030096
-			public const int commitIcon = 2130903190;
-			
-			// aapt resource value: 0x7F030097
-			public const int contentDescription = 2130903191;
-			
-			// aapt resource value: 0x7F030098
-			public const int contentInsetEnd = 2130903192;
-			
-			// aapt resource value: 0x7F030099
-			public const int contentInsetEndWithActions = 2130903193;
-			
-			// aapt resource value: 0x7F03009A
-			public const int contentInsetLeft = 2130903194;
-			
-			// aapt resource value: 0x7F03009B
-			public const int contentInsetRight = 2130903195;
-			
-			// aapt resource value: 0x7F03009C
-			public const int contentInsetStart = 2130903196;
-			
-			// aapt resource value: 0x7F03009D
-			public const int contentInsetStartWithNavigation = 2130903197;
-			
-			// aapt resource value: 0x7F03009E
-			public const int contentPadding = 2130903198;
-			
-			// aapt resource value: 0x7F03009F
-			public const int contentPaddingBottom = 2130903199;
-			
-			// aapt resource value: 0x7F0300A0
-			public const int contentPaddingLeft = 2130903200;
-			
-			// aapt resource value: 0x7F0300A1
-			public const int contentPaddingRight = 2130903201;
-			
-			// aapt resource value: 0x7F0300A2
-			public const int contentPaddingTop = 2130903202;
-			
-			// aapt resource value: 0x7F0300A3
-			public const int contentScrim = 2130903203;
-			
-			// aapt resource value: 0x7F0300A4
-			public const int controlBackground = 2130903204;
-			
-			// aapt resource value: 0x7F0300A5
-			public const int coordinatorLayoutStyle = 2130903205;
-			
-			// aapt resource value: 0x7F0300A6
-			public const int cornerRadius = 2130903206;
-			
-			// aapt resource value: 0x7F0300A7
-			public const int cornerradius = 2130903207;
-			
-			// aapt resource value: 0x7F0300A8
-			public const int counterEnabled = 2130903208;
-			
-			// aapt resource value: 0x7F0300A9
-			public const int counterMaxLength = 2130903209;
-			
-			// aapt resource value: 0x7F0300AA
-			public const int counterOverflowTextAppearance = 2130903210;
-			
-			// aapt resource value: 0x7F0300AB
-			public const int counterTextAppearance = 2130903211;
-			
-			// aapt resource value: 0x7F0300AC
-			public const int customNavigationLayout = 2130903212;
-			
-			// aapt resource value: 0x7F0300AD
-			public const int defaultQueryHint = 2130903213;
-			
-			// aapt resource value: 0x7F0300AE
-			public const int dialogCornerRadius = 2130903214;
-			
-			// aapt resource value: 0x7F0300AF
-			public const int dialogPreferredPadding = 2130903215;
-			
-			// aapt resource value: 0x7F0300B0
-			public const int dialogTheme = 2130903216;
-			
-			// aapt resource value: 0x7F0300B1
-			public const int displayOptions = 2130903217;
-			
-			// aapt resource value: 0x7F0300B2
-			public const int divider = 2130903218;
-			
-			// aapt resource value: 0x7F0300B3
-			public const int dividerHorizontal = 2130903219;
-			
-			// aapt resource value: 0x7F0300B4
-			public const int dividerPadding = 2130903220;
-			
-			// aapt resource value: 0x7F0300B5
-			public const int dividerVertical = 2130903221;
-			
-			// aapt resource value: 0x7F0300B6
-			public const int drawableSize = 2130903222;
-			
-			// aapt resource value: 0x7F0300B7
-			public const int drawerArrowStyle = 2130903223;
-			
-			// aapt resource value: 0x7F0300B9
-			public const int dropdownListPreferredItemHeight = 2130903225;
-			
-			// aapt resource value: 0x7F0300B8
-			public const int dropDownListViewStyle = 2130903224;
-			
-			// aapt resource value: 0x7F0300BA
-			public const int editTextBackground = 2130903226;
-			
-			// aapt resource value: 0x7F0300BB
-			public const int editTextColor = 2130903227;
-			
-			// aapt resource value: 0x7F0300BC
-			public const int editTextStyle = 2130903228;
-			
-			// aapt resource value: 0x7F0300BD
-			public const int elevation = 2130903229;
-			
-			// aapt resource value: 0x7F0300BE
-			public const int enableMapSelection = 2130903230;
-			
-			// aapt resource value: 0x7F0300BF
-			public const int enableMapZooming = 2130903231;
-			
-			// aapt resource value: 0x7F0300C0
-			public const int enforceMaterialTheme = 2130903232;
-			
-			// aapt resource value: 0x7F0300C1
-			public const int enforceTextAppearance = 2130903233;
-			
-			// aapt resource value: 0x7F0300C2
-			public const int errorEnabled = 2130903234;
-			
-			// aapt resource value: 0x7F0300C3
-			public const int errorTextAppearance = 2130903235;
-			
-			// aapt resource value: 0x7F0300C4
-			public const int expandActivityOverflowButtonDrawable = 2130903236;
-			
-			// aapt resource value: 0x7F0300C5
-			public const int expanded = 2130903237;
-			
-			// aapt resource value: 0x7F0300C6
-			public const int expandedTitleGravity = 2130903238;
-			
-			// aapt resource value: 0x7F0300C7
-			public const int expandedTitleMargin = 2130903239;
-			
-			// aapt resource value: 0x7F0300C8
-			public const int expandedTitleMarginBottom = 2130903240;
-			
-			// aapt resource value: 0x7F0300C9
-			public const int expandedTitleMarginEnd = 2130903241;
-			
-			// aapt resource value: 0x7F0300CA
-			public const int expandedTitleMarginStart = 2130903242;
-			
-			// aapt resource value: 0x7F0300CB
-			public const int expandedTitleMarginTop = 2130903243;
-			
-			// aapt resource value: 0x7F0300CC
-			public const int expandedTitleTextAppearance = 2130903244;
-			
-			// aapt resource value: 0x7F0300CD
-			public const int externalRouteEnabledDrawable = 2130903245;
-			
-			// aapt resource value: 0x7F0300CE
-			public const int fabAlignmentMode = 2130903246;
-			
-			// aapt resource value: 0x7F0300CF
-			public const int fabCradleMargin = 2130903247;
-			
-			// aapt resource value: 0x7F0300D0
-			public const int fabCradleRoundedCornerRadius = 2130903248;
-			
-			// aapt resource value: 0x7F0300D1
-			public const int fabCradleVerticalOffset = 2130903249;
-			
-			// aapt resource value: 0x7F0300D2
-			public const int fabCustomSize = 2130903250;
-			
-			// aapt resource value: 0x7F0300D3
-			public const int fabSize = 2130903251;
-			
-			// aapt resource value: 0x7F0300D4
-			public const int fastScrollEnabled = 2130903252;
-			
-			// aapt resource value: 0x7F0300D5
-			public const int fastScrollHorizontalThumbDrawable = 2130903253;
-			
-			// aapt resource value: 0x7F0300D6
-			public const int fastScrollHorizontalTrackDrawable = 2130903254;
-			
-			// aapt resource value: 0x7F0300D7
-			public const int fastScrollVerticalThumbDrawable = 2130903255;
-			
-			// aapt resource value: 0x7F0300D8
-			public const int fastScrollVerticalTrackDrawable = 2130903256;
-			
-			// aapt resource value: 0x7F0300D9
-			public const int firstBaselineToTopHeight = 2130903257;
-			
-			// aapt resource value: 0x7F0300DA
-			public const int floatingActionButtonStyle = 2130903258;
-			
-			// aapt resource value: 0x7F0300DB
-			public const int font = 2130903259;
-			
-			// aapt resource value: 0x7F0300DC
-			public const int fontFamily = 2130903260;
-			
-			// aapt resource value: 0x7F0300DD
-			public const int fontProviderAuthority = 2130903261;
-			
-			// aapt resource value: 0x7F0300DE
-			public const int fontProviderCerts = 2130903262;
-			
-			// aapt resource value: 0x7F0300DF
-			public const int fontProviderFetchStrategy = 2130903263;
-			
-			// aapt resource value: 0x7F0300E0
-			public const int fontProviderFetchTimeout = 2130903264;
-			
-			// aapt resource value: 0x7F0300E1
-			public const int fontProviderPackage = 2130903265;
-			
-			// aapt resource value: 0x7F0300E2
-			public const int fontProviderQuery = 2130903266;
-			
-			// aapt resource value: 0x7F0300E3
-			public const int fontStyle = 2130903267;
-			
-			// aapt resource value: 0x7F0300E4
-			public const int fontVariationSettings = 2130903268;
-			
-			// aapt resource value: 0x7F0300E5
-			public const int fontWeight = 2130903269;
-			
-			// aapt resource value: 0x7F0300E6
-			public const int foregroundInsidePadding = 2130903270;
-			
-			// aapt resource value: 0x7F0300E7
-			public const int gapBetweenBars = 2130903271;
-			
-			// aapt resource value: 0x7F0300E8
-			public const int goIcon = 2130903272;
-			
-			// aapt resource value: 0x7F0300E9
-			public const int headerLayout = 2130903273;
-			
-			// aapt resource value: 0x7F0300EA
-			public const int height = 2130903274;
-			
-			// aapt resource value: 0x7F0300EB
-			public const int helperText = 2130903275;
-			
-			// aapt resource value: 0x7F0300EC
-			public const int helperTextEnabled = 2130903276;
-			
-			// aapt resource value: 0x7F0300ED
-			public const int helperTextTextAppearance = 2130903277;
-			
-			// aapt resource value: 0x7F0300EE
-			public const int hideMotionSpec = 2130903278;
-			
-			// aapt resource value: 0x7F0300EF
-			public const int hideOnContentScroll = 2130903279;
-			
-			// aapt resource value: 0x7F0300F0
-			public const int hideOnScroll = 2130903280;
-			
-			// aapt resource value: 0x7F0300F1
-			public const int hintAnimationEnabled = 2130903281;
-			
-			// aapt resource value: 0x7F0300F2
-			public const int hintEnabled = 2130903282;
-			
-			// aapt resource value: 0x7F0300F3
-			public const int hintTextAppearance = 2130903283;
-			
-			// aapt resource value: 0x7F0300F4
-			public const int homeAsUpIndicator = 2130903284;
-			
-			// aapt resource value: 0x7F0300F5
-			public const int homeLayout = 2130903285;
-			
-			// aapt resource value: 0x7F0300F6
-			public const int hoveredFocusedTranslationZ = 2130903286;
-			
-			// aapt resource value: 0x7F0300F7
-			public const int icon = 2130903287;
-			
-			// aapt resource value: 0x7F0300F8
-			public const int iconEndPadding = 2130903288;
-			
-			// aapt resource value: 0x7F0300F9
-			public const int iconGravity = 2130903289;
-			
-			// aapt resource value: 0x7F0300FF
-			public const int iconifiedByDefault = 2130903295;
-			
-			// aapt resource value: 0x7F0300FA
-			public const int iconPadding = 2130903290;
-			
-			// aapt resource value: 0x7F0300FB
-			public const int iconSize = 2130903291;
-			
-			// aapt resource value: 0x7F0300FC
-			public const int iconStartPadding = 2130903292;
-			
-			// aapt resource value: 0x7F0300FD
-			public const int iconTint = 2130903293;
-			
-			// aapt resource value: 0x7F0300FE
-			public const int iconTintMode = 2130903294;
-			
-			// aapt resource value: 0x7F030100
-			public const int imageButtonStyle = 2130903296;
-			
-			// aapt resource value: 0x7F030101
-			public const int indeterminateProgressStyle = 2130903297;
-			
-			// aapt resource value: 0x7F030102
-			public const int initialActivityCount = 2130903298;
-			
-			// aapt resource value: 0x7F030103
-			public const int insetForeground = 2130903299;
-			
-			// aapt resource value: 0x7F030104
-			public const int isLightTheme = 2130903300;
-			
-			// aapt resource value: 0x7F030105
-			public const int isthreestate = 2130903301;
-			
-			// aapt resource value: 0x7F030106
-			public const int itemBackground = 2130903302;
-			
-			// aapt resource value: 0x7F030107
-			public const int itemHorizontalPadding = 2130903303;
-			
-			// aapt resource value: 0x7F030108
-			public const int itemHorizontalTranslationEnabled = 2130903304;
-			
-			// aapt resource value: 0x7F030109
-			public const int itemIconPadding = 2130903305;
-			
-			// aapt resource value: 0x7F03010A
-			public const int itemIconSize = 2130903306;
-			
-			// aapt resource value: 0x7F03010B
-			public const int itemIconTint = 2130903307;
-			
-			// aapt resource value: 0x7F03010C
-			public const int itemPadding = 2130903308;
-			
-			// aapt resource value: 0x7F03010D
-			public const int itemSpacing = 2130903309;
-			
-			// aapt resource value: 0x7F03010E
-			public const int itemTextAppearance = 2130903310;
-			
-			// aapt resource value: 0x7F03010F
-			public const int itemTextAppearanceActive = 2130903311;
-			
-			// aapt resource value: 0x7F030110
-			public const int itemTextAppearanceInactive = 2130903312;
-			
-			// aapt resource value: 0x7F030111
-			public const int itemTextColor = 2130903313;
-			
-			// aapt resource value: 0x7F030112
-			public const int keylines = 2130903314;
-			
-			// aapt resource value: 0x7F030113
-			public const int labelVisibilityMode = 2130903315;
-			
-			// aapt resource value: 0x7F030114
-			public const int lastBaselineToBottomHeight = 2130903316;
-			
-			// aapt resource value: 0x7F030115
-			public const int layout = 2130903317;
-			
-			// aapt resource value: 0x7F030116
-			public const int layoutManager = 2130903318;
-			
-			// aapt resource value: 0x7F030117
-			public const int layout_anchor = 2130903319;
-			
-			// aapt resource value: 0x7F030118
-			public const int layout_anchorGravity = 2130903320;
-			
-			// aapt resource value: 0x7F030119
-			public const int layout_behavior = 2130903321;
-			
-			// aapt resource value: 0x7F03011A
-			public const int layout_collapseMode = 2130903322;
-			
-			// aapt resource value: 0x7F03011B
-			public const int layout_collapseParallaxMultiplier = 2130903323;
-			
-			// aapt resource value: 0x7F03011C
-			public const int layout_dodgeInsetEdges = 2130903324;
-			
-			// aapt resource value: 0x7F03011D
-			public const int layout_insetEdge = 2130903325;
-			
-			// aapt resource value: 0x7F03011E
-			public const int layout_keyline = 2130903326;
-			
-			// aapt resource value: 0x7F03011F
-			public const int layout_scrollFlags = 2130903327;
-			
-			// aapt resource value: 0x7F030120
-			public const int layout_scrollInterpolator = 2130903328;
-			
-			// aapt resource value: 0x7F030121
-			public const int liftOnScroll = 2130903329;
-			
-			// aapt resource value: 0x7F030122
-			public const int lineHeight = 2130903330;
-			
-			// aapt resource value: 0x7F030123
-			public const int lineSpacing = 2130903331;
-			
-			// aapt resource value: 0x7F030124
-			public const int listChoiceBackgroundIndicator = 2130903332;
-			
-			// aapt resource value: 0x7F030125
-			public const int listDividerAlertDialog = 2130903333;
-			
-			// aapt resource value: 0x7F030126
-			public const int listItemLayout = 2130903334;
-			
-			// aapt resource value: 0x7F030127
-			public const int listLayout = 2130903335;
-			
-			// aapt resource value: 0x7F030128
-			public const int listMenuViewStyle = 2130903336;
-			
-			// aapt resource value: 0x7F030129
-			public const int listPopupWindowStyle = 2130903337;
-			
-			// aapt resource value: 0x7F03012A
-			public const int listPreferredItemHeight = 2130903338;
-			
-			// aapt resource value: 0x7F03012B
-			public const int listPreferredItemHeightLarge = 2130903339;
-			
-			// aapt resource value: 0x7F03012C
-			public const int listPreferredItemHeightSmall = 2130903340;
-			
-			// aapt resource value: 0x7F03012D
-			public const int listPreferredItemPaddingLeft = 2130903341;
-			
-			// aapt resource value: 0x7F03012E
-			public const int listPreferredItemPaddingRight = 2130903342;
-			
-			// aapt resource value: 0x7F03012F
-			public const int logo = 2130903343;
-			
-			// aapt resource value: 0x7F030130
-			public const int logoDescription = 2130903344;
-			
-			// aapt resource value: 0x7F030131
-			public const int mapLegendIcon = 2130903345;
-			
-			// aapt resource value: 0x7F030132
-			public const int mapLegendIconHeight = 2130903346;
-			
-			// aapt resource value: 0x7F030133
-			public const int mapLegendIconWidth = 2130903347;
-			
-			// aapt resource value: 0x7F030134
-			public const int mapLegendType = 2130903348;
-			
-			// aapt resource value: 0x7F030135
-			public const int mapLegendVisibility = 2130903349;
-			
-			// aapt resource value: 0x7F030136
-			public const int mapMarkerIcon = 2130903350;
-			
-			// aapt resource value: 0x7F030137
-			public const int markerIconColor = 2130903351;
-			
-			// aapt resource value: 0x7F030138
-			public const int markerIconSize = 2130903352;
-			
-			// aapt resource value: 0x7F030139
-			public const int markerLabel = 2130903353;
-			
-			// aapt resource value: 0x7F03013A
-			public const int markerLabelColor = 2130903354;
-			
-			// aapt resource value: 0x7F03013B
-			public const int markerLabelSize = 2130903355;
-			
-			// aapt resource value: 0x7F03013C
-			public const int markerLatitude = 2130903356;
-			
-			// aapt resource value: 0x7F03013D
-			public const int markerLongitude = 2130903357;
-			
-			// aapt resource value: 0x7F03013E
-			public const int materialButtonStyle = 2130903358;
-			
-			// aapt resource value: 0x7F03013F
-			public const int materialCardViewStyle = 2130903359;
-			
-			// aapt resource value: 0x7F030140
-			public const int maxActionInlineWidth = 2130903360;
-			
-			// aapt resource value: 0x7F030141
-			public const int maxButtonHeight = 2130903361;
-			
-			// aapt resource value: 0x7F030142
-			public const int maxImageSize = 2130903362;
-			
-			// aapt resource value: 0x7F030143
-			public const int measureWithLargestChild = 2130903363;
-			
-			// aapt resource value: 0x7F030144
-			public const int mediaRouteAudioTrackDrawable = 2130903364;
-			
-			// aapt resource value: 0x7F030145
-			public const int mediaRouteButtonStyle = 2130903365;
-			
-			// aapt resource value: 0x7F030146
-			public const int mediaRouteButtonTint = 2130903366;
-			
-			// aapt resource value: 0x7F030147
-			public const int mediaRouteCloseDrawable = 2130903367;
-			
-			// aapt resource value: 0x7F030148
-			public const int mediaRouteControlPanelThemeOverlay = 2130903368;
-			
-			// aapt resource value: 0x7F030149
-			public const int mediaRouteDefaultIconDrawable = 2130903369;
-			
-			// aapt resource value: 0x7F03014A
-			public const int mediaRoutePauseDrawable = 2130903370;
-			
-			// aapt resource value: 0x7F03014B
-			public const int mediaRoutePlayDrawable = 2130903371;
-			
-			// aapt resource value: 0x7F03014C
-			public const int mediaRouteSpeakerGroupIconDrawable = 2130903372;
-			
-			// aapt resource value: 0x7F03014D
-			public const int mediaRouteSpeakerIconDrawable = 2130903373;
-			
-			// aapt resource value: 0x7F03014E
-			public const int mediaRouteStopDrawable = 2130903374;
-			
-			// aapt resource value: 0x7F03014F
-			public const int mediaRouteTheme = 2130903375;
-			
-			// aapt resource value: 0x7F030150
-			public const int mediaRouteTvIconDrawable = 2130903376;
-			
-			// aapt resource value: 0x7F030151
-			public const int menu = 2130903377;
-			
-			// aapt resource value: 0x7F030152
-			public const int multiChoiceItemLayout = 2130903378;
-			
-			// aapt resource value: 0x7F030153
-			public const int navigationContentDescription = 2130903379;
-			
-			// aapt resource value: 0x7F030154
-			public const int navigationIcon = 2130903380;
-			
-			// aapt resource value: 0x7F030155
-			public const int navigationMode = 2130903381;
-			
-			// aapt resource value: 0x7F030156
-			public const int navigationViewStyle = 2130903382;
-			
-			// aapt resource value: 0x7F030157
-			public const int numericModifiers = 2130903383;
-			
-			// aapt resource value: 0x7F030158
-			public const int overlapAnchor = 2130903384;
-			
-			// aapt resource value: 0x7F030159
-			public const int paddingBottomNoButtons = 2130903385;
-			
-			// aapt resource value: 0x7F03015A
-			public const int paddingEnd = 2130903386;
-			
-			// aapt resource value: 0x7F03015B
-			public const int paddingStart = 2130903387;
-			
-			// aapt resource value: 0x7F03015C
-			public const int paddingTopNoTitle = 2130903388;
-			
-			// aapt resource value: 0x7F03015D
-			public const int panelBackground = 2130903389;
-			
-			// aapt resource value: 0x7F03015E
-			public const int panelMenuListTheme = 2130903390;
-			
-			// aapt resource value: 0x7F03015F
-			public const int panelMenuListWidth = 2130903391;
-			
-			// aapt resource value: 0x7F030160
-			public const int passwordToggleContentDescription = 2130903392;
-			
-			// aapt resource value: 0x7F030161
-			public const int passwordToggleDrawable = 2130903393;
-			
-			// aapt resource value: 0x7F030162
-			public const int passwordToggleEnabled = 2130903394;
-			
-			// aapt resource value: 0x7F030163
-			public const int passwordToggleTint = 2130903395;
-			
-			// aapt resource value: 0x7F030164
-			public const int passwordToggleTintMode = 2130903396;
-			
-			// aapt resource value: 0x7F030165
-			public const int popupMenuStyle = 2130903397;
-			
-			// aapt resource value: 0x7F030166
-			public const int popupTheme = 2130903398;
-			
-			// aapt resource value: 0x7F030167
-			public const int popupWindowStyle = 2130903399;
-			
-			// aapt resource value: 0x7F030168
-			public const int preserveIconSpacing = 2130903400;
-			
-			// aapt resource value: 0x7F030169
-			public const int pressedTranslationZ = 2130903401;
-			
-			// aapt resource value: 0x7F03016A
-			public const int progressBarPadding = 2130903402;
-			
-			// aapt resource value: 0x7F03016B
-			public const int progressBarStyle = 2130903403;
-			
-			// aapt resource value: 0x7F03016C
-			public const int queryBackground = 2130903404;
-			
-			// aapt resource value: 0x7F03016D
-			public const int queryHint = 2130903405;
-			
-			// aapt resource value: 0x7F03016E
-			public const int radioButtonStyle = 2130903406;
-			
-			// aapt resource value: 0x7F03016F
-			public const int ratingBarStyle = 2130903407;
-			
-			// aapt resource value: 0x7F030170
-			public const int ratingBarStyleIndicator = 2130903408;
-			
-			// aapt resource value: 0x7F030171
-			public const int ratingBarStyleSmall = 2130903409;
-			
-			// aapt resource value: 0x7F030172
-			public const int ratingControlValue = 2130903410;
-			
-			// aapt resource value: 0x7F030173
-			public const int ratingEnableAutoSize = 2130903411;
-			
-			// aapt resource value: 0x7F030174
-			public const int ratingItemCount = 2130903412;
-			
-			// aapt resource value: 0x7F030175
-			public const int ratingItemSize = 2130903413;
-			
-			// aapt resource value: 0x7F030176
-			public const int ratingItemSpacing = 2130903414;
-			
-			// aapt resource value: 0x7F030177
-			public const int ratingPrecision = 2130903415;
-			
-			// aapt resource value: 0x7F030178
-			public const int ratingRatedFill = 2130903416;
-			
-			// aapt resource value: 0x7F030179
-			public const int ratingRatedStroke = 2130903417;
-			
-			// aapt resource value: 0x7F03017A
-			public const int ratingRatedStrokeWidth = 2130903418;
-			
-			// aapt resource value: 0x7F03017B
-			public const int ratingUnratedFill = 2130903419;
-			
-			// aapt resource value: 0x7F03017C
-			public const int ratingUnratedStroke = 2130903420;
-			
-			// aapt resource value: 0x7F03017D
-			public const int ratingUnratedStrokeWidth = 2130903421;
-			
-			// aapt resource value: 0x7F03017E
-			public const int reverseLayout = 2130903422;
-			
-			// aapt resource value: 0x7F03017F
-			public const int rippleColor = 2130903423;
-			
-			// aapt resource value: 0x7F030180
-			public const int rotatorDotsBorderColor = 2130903424;
-			
-			// aapt resource value: 0x7F030181
-			public const int rotatorDotsPlacement = 2130903425;
-			
-			// aapt resource value: 0x7F030182
-			public const int rotatorEnableAutoPlay = 2130903426;
-			
-			// aapt resource value: 0x7F030183
-			public const int rotatorEnableLooping = 2130903427;
-			
-			// aapt resource value: 0x7F030184
-			public const int rotatorEnableSwiping = 2130903428;
-			
-			// aapt resource value: 0x7F030185
-			public const int rotatorNavigationDelay = 2130903429;
-			
-			// aapt resource value: 0x7F030186
-			public const int rotatorNavigationDirection = 2130903430;
-			
-			// aapt resource value: 0x7F030187
-			public const int rotatorNavigationStripMode = 2130903431;
-			
-			// aapt resource value: 0x7F030188
-			public const int rotatorNavigationStripPosition = 2130903432;
-			
-			// aapt resource value: 0x7F030189
-			public const int rotatorPlayDirection = 2130903433;
-			
-			// aapt resource value: 0x7F03018A
-			public const int rotatorSelectedDotsColor = 2130903434;
-			
-			// aapt resource value: 0x7F03018B
-			public const int rotatorSelectedIndex = 2130903435;
-			
-			// aapt resource value: 0x7F03018C
-			public const int rotatorTextVisible = 2130903436;
-			
-			// aapt resource value: 0x7F03018D
-			public const int rotatorUnselectedDotsColor = 2130903437;
-			
-			// aapt resource value: 0x7F03018E
-			public const int scrimAnimationDuration = 2130903438;
-			
-			// aapt resource value: 0x7F03018F
-			public const int scrimBackground = 2130903439;
-			
-			// aapt resource value: 0x7F030190
-			public const int scrimVisibleHeightTrigger = 2130903440;
-			
-			// aapt resource value: 0x7F030191
-			public const int searchHintIcon = 2130903441;
-			
-			// aapt resource value: 0x7F030192
-			public const int searchIcon = 2130903442;
-			
-			// aapt resource value: 0x7F030193
-			public const int searchViewStyle = 2130903443;
-			
-			// aapt resource value: 0x7F030194
-			public const int seekBarStyle = 2130903444;
-			
-			// aapt resource value: 0x7F030195
-			public const int segmentBackColor = 2130903445;
-			
-			// aapt resource value: 0x7F030196
-			public const int segmentBorderColor = 2130903446;
-			
-			// aapt resource value: 0x7F030197
-			public const int segmentBorderThickness = 2130903447;
-			
-			// aapt resource value: 0x7F030198
-			public const int segmentColor = 2130903448;
-			
-			// aapt resource value: 0x7F030199
-			public const int segmentCornerRadius = 2130903449;
-			
-			// aapt resource value: 0x7F03019A
-			public const int segmentDisplayMode = 2130903450;
-			
-			// aapt resource value: 0x7F03019E
-			public const int segmentedHeight = 2130903454;
-			
-			// aapt resource value: 0x7F03019F
-			public const int segmentedPadding = 2130903455;
-			
-			// aapt resource value: 0x7F0301A0
-			public const int segmentedWidth = 2130903456;
-			
-			// aapt resource value: 0x7F03019B
-			public const int segmentPosition = 2130903451;
-			
-			// aapt resource value: 0x7F03019C
-			public const int segmentSelectedIndex = 2130903452;
-			
-			// aapt resource value: 0x7F03019D
-			public const int segmentStrokeThickness = 2130903453;
-			
-			// aapt resource value: 0x7F0301A1
-			public const int selectableItemBackground = 2130903457;
-			
-			// aapt resource value: 0x7F0301A2
-			public const int selectableItemBackgroundBorderless = 2130903458;
-			
-			// aapt resource value: 0x7F0301A3
-			public const int selectedShapeColor = 2130903459;
-			
-			// aapt resource value: 0x7F0301A4
-			public const int selectedShapeStroke = 2130903460;
-			
-			// aapt resource value: 0x7F0301A5
-			public const int selectedShapeStrokeThickness = 2130903461;
-			
-			// aapt resource value: 0x7F0301A6
-			public const int shapeFill = 2130903462;
-			
-			// aapt resource value: 0x7F0301A7
-			public const int shapeStroke = 2130903463;
-			
-			// aapt resource value: 0x7F0301A8
-			public const int shapeStrokeThickness = 2130903464;
-			
-			// aapt resource value: 0x7F0301A9
-			public const int showAsAction = 2130903465;
-			
-			// aapt resource value: 0x7F0301AA
-			public const int showDividers = 2130903466;
-			
-			// aapt resource value: 0x7F0301AB
-			public const int showMotionSpec = 2130903467;
-			
-			// aapt resource value: 0x7F0301AC
-			public const int showText = 2130903468;
-			
-			// aapt resource value: 0x7F0301AD
-			public const int showTitle = 2130903469;
-			
-			// aapt resource value: 0x7F0301AE
-			public const int singleChoiceItemLayout = 2130903470;
-			
-			// aapt resource value: 0x7F0301AF
-			public const int singleLine = 2130903471;
-			
-			// aapt resource value: 0x7F0301B0
-			public const int singleSelection = 2130903472;
-			
-			// aapt resource value: 0x7F0301B1
-			public const int snackbarButtonStyle = 2130903473;
-			
-			// aapt resource value: 0x7F0301B2
-			public const int snackbarStyle = 2130903474;
-			
-			// aapt resource value: 0x7F0301B3
-			public const int spanCount = 2130903475;
-			
-			// aapt resource value: 0x7F0301B4
-			public const int spinBars = 2130903476;
-			
-			// aapt resource value: 0x7F0301B5
-			public const int spinnerDropDownItemStyle = 2130903477;
-			
-			// aapt resource value: 0x7F0301B6
-			public const int spinnerStyle = 2130903478;
-			
-			// aapt resource value: 0x7F0301B7
-			public const int splitTrack = 2130903479;
-			
-			// aapt resource value: 0x7F0301B8
-			public const int srcCompat = 2130903480;
-			
-			// aapt resource value: 0x7F0301B9
-			public const int stackFromEnd = 2130903481;
-			
-			// aapt resource value: 0x7F0301BA
-			public const int state_above_anchor = 2130903482;
-			
-			// aapt resource value: 0x7F0301BB
-			public const int state_collapsed = 2130903483;
-			
-			// aapt resource value: 0x7F0301BC
-			public const int state_collapsible = 2130903484;
-			
-			// aapt resource value: 0x7F0301BD
-			public const int state_indeterminate = 2130903485;
-			
-			// aapt resource value: 0x7F0301BE
-			public const int state_liftable = 2130903486;
-			
-			// aapt resource value: 0x7F0301BF
-			public const int state_lifted = 2130903487;
-			
-			// aapt resource value: 0x7F0301C0
-			public const int statusBarBackground = 2130903488;
-			
-			// aapt resource value: 0x7F0301C1
-			public const int statusBarScrim = 2130903489;
-			
-			// aapt resource value: 0x7F0301C2
-			public const int strokeColor = 2130903490;
-			
-			// aapt resource value: 0x7F0301C3
-			public const int strokeWidth = 2130903491;
-			
-			// aapt resource value: 0x7F0301C4
-			public const int subMenuArrow = 2130903492;
-			
-			// aapt resource value: 0x7F0301C5
-			public const int submitBackground = 2130903493;
-			
-			// aapt resource value: 0x7F0301C6
-			public const int subtitle = 2130903494;
-			
-			// aapt resource value: 0x7F0301C7
-			public const int subtitleTextAppearance = 2130903495;
-			
-			// aapt resource value: 0x7F0301C8
-			public const int subtitleTextColor = 2130903496;
-			
-			// aapt resource value: 0x7F0301C9
-			public const int subtitleTextStyle = 2130903497;
-			
-			// aapt resource value: 0x7F0301CA
-			public const int suggestionRowLayout = 2130903498;
-			
-			// aapt resource value: 0x7F0301CB
-			public const int switchMinWidth = 2130903499;
-			
-			// aapt resource value: 0x7F0301CC
-			public const int switchPadding = 2130903500;
-			
-			// aapt resource value: 0x7F0301CD
-			public const int switchStyle = 2130903501;
-			
-			// aapt resource value: 0x7F0301CE
-			public const int switchTextAppearance = 2130903502;
-			
-			// aapt resource value: 0x7F0301CF
-			public const int tabBackground = 2130903503;
-			
-			// aapt resource value: 0x7F0301D0
-			public const int tabContentStart = 2130903504;
-			
-			// aapt resource value: 0x7F0301D1
-			public const int tabGravity = 2130903505;
-			
-			// aapt resource value: 0x7F0301D2
-			public const int tabIconTint = 2130903506;
-			
-			// aapt resource value: 0x7F0301D3
-			public const int tabIconTintMode = 2130903507;
-			
-			// aapt resource value: 0x7F0301D4
-			public const int tabIndicator = 2130903508;
-			
-			// aapt resource value: 0x7F0301D5
-			public const int tabIndicatorAnimationDuration = 2130903509;
-			
-			// aapt resource value: 0x7F0301D6
-			public const int tabIndicatorColor = 2130903510;
-			
-			// aapt resource value: 0x7F0301D7
-			public const int tabIndicatorFullWidth = 2130903511;
-			
-			// aapt resource value: 0x7F0301D8
-			public const int tabIndicatorGravity = 2130903512;
-			
-			// aapt resource value: 0x7F0301D9
-			public const int tabIndicatorHeight = 2130903513;
-			
-			// aapt resource value: 0x7F0301DA
-			public const int tabInlineLabel = 2130903514;
-			
-			// aapt resource value: 0x7F0301DB
-			public const int tabMaxWidth = 2130903515;
-			
-			// aapt resource value: 0x7F0301DC
-			public const int tabMinWidth = 2130903516;
-			
-			// aapt resource value: 0x7F0301DD
-			public const int tabMode = 2130903517;
-			
-			// aapt resource value: 0x7F0301DE
-			public const int tabPadding = 2130903518;
-			
-			// aapt resource value: 0x7F0301DF
-			public const int tabPaddingBottom = 2130903519;
-			
-			// aapt resource value: 0x7F0301E0
-			public const int tabPaddingEnd = 2130903520;
-			
-			// aapt resource value: 0x7F0301E1
-			public const int tabPaddingStart = 2130903521;
-			
-			// aapt resource value: 0x7F0301E2
-			public const int tabPaddingTop = 2130903522;
-			
-			// aapt resource value: 0x7F0301E3
-			public const int tabRippleColor = 2130903523;
-			
-			// aapt resource value: 0x7F0301E4
-			public const int tabSelectedTextColor = 2130903524;
-			
-			// aapt resource value: 0x7F0301E5
-			public const int tabStyle = 2130903525;
-			
-			// aapt resource value: 0x7F0301E6
-			public const int tabTextAppearance = 2130903526;
-			
-			// aapt resource value: 0x7F0301E7
-			public const int tabTextColor = 2130903527;
-			
-			// aapt resource value: 0x7F0301E8
-			public const int tabUnboundedRipple = 2130903528;
-			
-			// aapt resource value: 0x7F0301E9
-			public const int textAllCaps = 2130903529;
-			
-			// aapt resource value: 0x7F0301EA
-			public const int textAppearanceBody1 = 2130903530;
-			
-			// aapt resource value: 0x7F0301EB
-			public const int textAppearanceBody2 = 2130903531;
-			
-			// aapt resource value: 0x7F0301EC
-			public const int textAppearanceButton = 2130903532;
-			
-			// aapt resource value: 0x7F0301ED
-			public const int textAppearanceCaption = 2130903533;
-			
-			// aapt resource value: 0x7F0301EE
-			public const int textAppearanceHeadline1 = 2130903534;
-			
-			// aapt resource value: 0x7F0301EF
-			public const int textAppearanceHeadline2 = 2130903535;
-			
-			// aapt resource value: 0x7F0301F0
-			public const int textAppearanceHeadline3 = 2130903536;
-			
-			// aapt resource value: 0x7F0301F1
-			public const int textAppearanceHeadline4 = 2130903537;
-			
-			// aapt resource value: 0x7F0301F2
-			public const int textAppearanceHeadline5 = 2130903538;
-			
-			// aapt resource value: 0x7F0301F3
-			public const int textAppearanceHeadline6 = 2130903539;
-			
-			// aapt resource value: 0x7F0301F4
-			public const int textAppearanceLargePopupMenu = 2130903540;
-			
-			// aapt resource value: 0x7F0301F5
-			public const int textAppearanceListItem = 2130903541;
-			
-			// aapt resource value: 0x7F0301F6
-			public const int textAppearanceListItemSecondary = 2130903542;
-			
-			// aapt resource value: 0x7F0301F7
-			public const int textAppearanceListItemSmall = 2130903543;
-			
-			// aapt resource value: 0x7F0301F8
-			public const int textAppearanceOverline = 2130903544;
-			
-			// aapt resource value: 0x7F0301F9
-			public const int textAppearancePopupMenuHeader = 2130903545;
-			
-			// aapt resource value: 0x7F0301FA
-			public const int textAppearanceSearchResultSubtitle = 2130903546;
-			
-			// aapt resource value: 0x7F0301FB
-			public const int textAppearanceSearchResultTitle = 2130903547;
-			
-			// aapt resource value: 0x7F0301FC
-			public const int textAppearanceSmallPopupMenu = 2130903548;
-			
-			// aapt resource value: 0x7F0301FD
-			public const int textAppearanceSubtitle1 = 2130903549;
-			
-			// aapt resource value: 0x7F0301FE
-			public const int textAppearanceSubtitle2 = 2130903550;
-			
-			// aapt resource value: 0x7F0301FF
-			public const int textColorAlertDialogListItem = 2130903551;
-			
-			// aapt resource value: 0x7F030200
-			public const int textColorSearchUrl = 2130903552;
-			
-			// aapt resource value: 0x7F030201
-			public const int textEndPadding = 2130903553;
-			
-			// aapt resource value: 0x7F030202
-			public const int textInputStyle = 2130903554;
-			
-			// aapt resource value: 0x7F030203
-			public const int textStartPadding = 2130903555;
-			
-			// aapt resource value: 0x7F030204
-			public const int theme = 2130903556;
-			
-			// aapt resource value: 0x7F030205
-			public const int thickness = 2130903557;
-			
-			// aapt resource value: 0x7F030206
-			public const int thumbTextPadding = 2130903558;
-			
-			// aapt resource value: 0x7F030207
-			public const int thumbTint = 2130903559;
-			
-			// aapt resource value: 0x7F030208
-			public const int thumbTintMode = 2130903560;
-			
-			// aapt resource value: 0x7F030209
-			public const int tickMark = 2130903561;
-			
-			// aapt resource value: 0x7F03020A
-			public const int tickMarkTint = 2130903562;
-			
-			// aapt resource value: 0x7F03020B
-			public const int tickMarkTintMode = 2130903563;
-			
-			// aapt resource value: 0x7F03020C
-			public const int tint = 2130903564;
-			
-			// aapt resource value: 0x7F03020D
-			public const int tintMode = 2130903565;
-			
-			// aapt resource value: 0x7F03020E
-			public const int title = 2130903566;
-			
-			// aapt resource value: 0x7F03020F
-			public const int titleEnabled = 2130903567;
-			
-			// aapt resource value: 0x7F030210
-			public const int titleMargin = 2130903568;
-			
-			// aapt resource value: 0x7F030211
-			public const int titleMarginBottom = 2130903569;
-			
-			// aapt resource value: 0x7F030212
-			public const int titleMarginEnd = 2130903570;
-			
-			// aapt resource value: 0x7F030215
-			public const int titleMargins = 2130903573;
-			
-			// aapt resource value: 0x7F030213
-			public const int titleMarginStart = 2130903571;
-			
-			// aapt resource value: 0x7F030214
-			public const int titleMarginTop = 2130903572;
-			
-			// aapt resource value: 0x7F030216
-			public const int titleTextAppearance = 2130903574;
-			
-			// aapt resource value: 0x7F030217
-			public const int titleTextColor = 2130903575;
-			
-			// aapt resource value: 0x7F030218
-			public const int titleTextStyle = 2130903576;
-			
-			// aapt resource value: 0x7F030219
-			public const int toolbarId = 2130903577;
-			
-			// aapt resource value: 0x7F03021A
-			public const int toolbarNavigationButtonStyle = 2130903578;
-			
-			// aapt resource value: 0x7F03021B
-			public const int toolbarStyle = 2130903579;
-			
-			// aapt resource value: 0x7F03021C
-			public const int tooltipForegroundColor = 2130903580;
-			
-			// aapt resource value: 0x7F03021D
-			public const int tooltipFrameBackground = 2130903581;
-			
-			// aapt resource value: 0x7F03021E
-			public const int tooltipText = 2130903582;
-			
-			// aapt resource value: 0x7F03021F
-			public const int track = 2130903583;
-			
-			// aapt resource value: 0x7F030220
-			public const int trackTint = 2130903584;
-			
-			// aapt resource value: 0x7F030221
-			public const int trackTintMode = 2130903585;
-			
-			// aapt resource value: 0x7F030222
-			public const int ttcIndex = 2130903586;
-			
-			// aapt resource value: 0x7F030223
-			public const int uri = 2130903587;
-			
-			// aapt resource value: 0x7F030224
-			public const int useCompatPadding = 2130903588;
-			
-			// aapt resource value: 0x7F030225
-			public const int viewInflaterClass = 2130903589;
-			
-			// aapt resource value: 0x7F030226
-			public const int voiceIcon = 2130903590;
-			
-			// aapt resource value: 0x7F030227
-			public const int windowActionBar = 2130903591;
-			
-			// aapt resource value: 0x7F030228
-			public const int windowActionBarOverlay = 2130903592;
-			
-			// aapt resource value: 0x7F030229
-			public const int windowActionModeOverlay = 2130903593;
-			
-			// aapt resource value: 0x7F03022A
-			public const int windowFixedHeightMajor = 2130903594;
-			
-			// aapt resource value: 0x7F03022B
-			public const int windowFixedHeightMinor = 2130903595;
-			
-			// aapt resource value: 0x7F03022C
-			public const int windowFixedWidthMajor = 2130903596;
-			
-			// aapt resource value: 0x7F03022D
-			public const int windowFixedWidthMinor = 2130903597;
-			
-			// aapt resource value: 0x7F03022E
-			public const int windowMinWidthMajor = 2130903598;
-			
-			// aapt resource value: 0x7F03022F
-			public const int windowMinWidthMinor = 2130903599;
-			
-			// aapt resource value: 0x7F030230
-			public const int windowNoTitle = 2130903600;
-			
-			static Attribute()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Attribute()
-			{
-			}
-		}
-		
-		public partial class Boolean
-		{
-			
-			// aapt resource value: 0x7F040000
-			public const int abc_action_bar_embed_tabs = 2130968576;
-			
-			// aapt resource value: 0x7F040001
-			public const int abc_allow_stacked_button_bar = 2130968577;
-			
-			// aapt resource value: 0x7F040002
-			public const int abc_config_actionMenuItemAllCaps = 2130968578;
-			
-			// aapt resource value: 0x7F040003
-			public const int mtrl_btn_textappearance_all_caps = 2130968579;
-			
-			static Boolean()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Boolean()
-			{
-			}
-		}
-		
-		public partial class Color
-		{
-			
-			// aapt resource value: 0x7F050000
-			public const int abc_background_cache_hint_selector_material_dark = 2131034112;
-			
-			// aapt resource value: 0x7F050001
-			public const int abc_background_cache_hint_selector_material_light = 2131034113;
-			
-			// aapt resource value: 0x7F050002
-			public const int abc_btn_colored_borderless_text_material = 2131034114;
-			
-			// aapt resource value: 0x7F050003
-			public const int abc_btn_colored_text_material = 2131034115;
-			
-			// aapt resource value: 0x7F050004
-			public const int abc_color_highlight_material = 2131034116;
-			
-			// aapt resource value: 0x7F050005
-			public const int abc_hint_foreground_material_dark = 2131034117;
-			
-			// aapt resource value: 0x7F050006
-			public const int abc_hint_foreground_material_light = 2131034118;
-			
-			// aapt resource value: 0x7F050007
-			public const int abc_input_method_navigation_guard = 2131034119;
-			
-			// aapt resource value: 0x7F050008
-			public const int abc_primary_text_disable_only_material_dark = 2131034120;
-			
-			// aapt resource value: 0x7F050009
-			public const int abc_primary_text_disable_only_material_light = 2131034121;
-			
-			// aapt resource value: 0x7F05000A
-			public const int abc_primary_text_material_dark = 2131034122;
-			
-			// aapt resource value: 0x7F05000B
-			public const int abc_primary_text_material_light = 2131034123;
-			
-			// aapt resource value: 0x7F05000C
-			public const int abc_search_url_text = 2131034124;
-			
-			// aapt resource value: 0x7F05000D
-			public const int abc_search_url_text_normal = 2131034125;
-			
-			// aapt resource value: 0x7F05000E
-			public const int abc_search_url_text_pressed = 2131034126;
-			
-			// aapt resource value: 0x7F05000F
-			public const int abc_search_url_text_selected = 2131034127;
-			
-			// aapt resource value: 0x7F050010
-			public const int abc_secondary_text_material_dark = 2131034128;
-			
-			// aapt resource value: 0x7F050011
-			public const int abc_secondary_text_material_light = 2131034129;
-			
-			// aapt resource value: 0x7F050012
-			public const int abc_tint_btn_checkable = 2131034130;
-			
-			// aapt resource value: 0x7F050013
-			public const int abc_tint_default = 2131034131;
-			
-			// aapt resource value: 0x7F050014
-			public const int abc_tint_edittext = 2131034132;
-			
-			// aapt resource value: 0x7F050015
-			public const int abc_tint_seek_thumb = 2131034133;
-			
-			// aapt resource value: 0x7F050016
-			public const int abc_tint_spinner = 2131034134;
-			
-			// aapt resource value: 0x7F050017
-			public const int abc_tint_switch_track = 2131034135;
-			
-			// aapt resource value: 0x7F050018
-			public const int accent_material_dark = 2131034136;
-			
-			// aapt resource value: 0x7F050019
-			public const int accent_material_light = 2131034137;
-			
-			// aapt resource value: 0x7F05001A
-			public const int background_floating_material_dark = 2131034138;
-			
-			// aapt resource value: 0x7F05001B
-			public const int background_floating_material_light = 2131034139;
-			
-			// aapt resource value: 0x7F05001C
-			public const int background_material_dark = 2131034140;
-			
-			// aapt resource value: 0x7F05001D
-			public const int background_material_light = 2131034141;
-			
-			// aapt resource value: 0x7F05001E
-			public const int bright_foreground_disabled_material_dark = 2131034142;
-			
-			// aapt resource value: 0x7F05001F
-			public const int bright_foreground_disabled_material_light = 2131034143;
-			
-			// aapt resource value: 0x7F050020
-			public const int bright_foreground_inverse_material_dark = 2131034144;
-			
-			// aapt resource value: 0x7F050021
-			public const int bright_foreground_inverse_material_light = 2131034145;
-			
-			// aapt resource value: 0x7F050022
-			public const int bright_foreground_material_dark = 2131034146;
-			
-			// aapt resource value: 0x7F050023
-			public const int bright_foreground_material_light = 2131034147;
-			
-			// aapt resource value: 0x7F050024
-			public const int browser_actions_bg_grey = 2131034148;
-			
-			// aapt resource value: 0x7F050025
-			public const int browser_actions_divider_color = 2131034149;
-			
-			// aapt resource value: 0x7F050026
-			public const int browser_actions_text_color = 2131034150;
-			
-			// aapt resource value: 0x7F050027
-			public const int browser_actions_title_color = 2131034151;
-			
-			// aapt resource value: 0x7F050028
-			public const int button_material_dark = 2131034152;
-			
-			// aapt resource value: 0x7F050029
-			public const int button_material_light = 2131034153;
-			
-			// aapt resource value: 0x7F05002A
-			public const int cardview_dark_background = 2131034154;
-			
-			// aapt resource value: 0x7F05002B
-			public const int cardview_light_background = 2131034155;
-			
-			// aapt resource value: 0x7F05002C
-			public const int cardview_shadow_end_color = 2131034156;
-			
-			// aapt resource value: 0x7F05002D
-			public const int cardview_shadow_start_color = 2131034157;
-			
-			// aapt resource value: 0x7F05002E
-			public const int colorAccent = 2131034158;
-			
-			// aapt resource value: 0x7F05002F
-			public const int colorPrimary = 2131034159;
-			
-			// aapt resource value: 0x7F050030
-			public const int colorPrimaryDark = 2131034160;
-			
-			// aapt resource value: 0x7F050031
-			public const int control_checkable_material = 2131034161;
-			
-			// aapt resource value: 0x7F050032
-			public const int design_bottom_navigation_shadow_color = 2131034162;
-			
-			// aapt resource value: 0x7F050033
-			public const int design_default_color_primary = 2131034163;
-			
-			// aapt resource value: 0x7F050034
-			public const int design_default_color_primary_dark = 2131034164;
-			
-			// aapt resource value: 0x7F050035
-			public const int design_error = 2131034165;
-			
-			// aapt resource value: 0x7F050036
-			public const int design_fab_shadow_end_color = 2131034166;
-			
-			// aapt resource value: 0x7F050037
-			public const int design_fab_shadow_mid_color = 2131034167;
-			
-			// aapt resource value: 0x7F050038
-			public const int design_fab_shadow_start_color = 2131034168;
-			
-			// aapt resource value: 0x7F050039
-			public const int design_fab_stroke_end_inner_color = 2131034169;
-			
-			// aapt resource value: 0x7F05003A
-			public const int design_fab_stroke_end_outer_color = 2131034170;
-			
-			// aapt resource value: 0x7F05003B
-			public const int design_fab_stroke_top_inner_color = 2131034171;
-			
-			// aapt resource value: 0x7F05003C
-			public const int design_fab_stroke_top_outer_color = 2131034172;
-			
-			// aapt resource value: 0x7F05003D
-			public const int design_snackbar_background_color = 2131034173;
-			
-			// aapt resource value: 0x7F05003E
-			public const int design_tint_password_toggle = 2131034174;
-			
-			// aapt resource value: 0x7F05003F
-			public const int dim_foreground_disabled_material_dark = 2131034175;
-			
-			// aapt resource value: 0x7F050040
-			public const int dim_foreground_disabled_material_light = 2131034176;
-			
-			// aapt resource value: 0x7F050041
-			public const int dim_foreground_material_dark = 2131034177;
-			
-			// aapt resource value: 0x7F050042
-			public const int dim_foreground_material_light = 2131034178;
-			
-			// aapt resource value: 0x7F050043
-			public const int error_color_material_dark = 2131034179;
-			
-			// aapt resource value: 0x7F050044
-			public const int error_color_material_light = 2131034180;
-			
-			// aapt resource value: 0x7F050045
-			public const int foreground_material_dark = 2131034181;
-			
-			// aapt resource value: 0x7F050046
-			public const int foreground_material_light = 2131034182;
-			
-			// aapt resource value: 0x7F050047
-			public const int highlighted_text_material_dark = 2131034183;
-			
-			// aapt resource value: 0x7F050048
-			public const int highlighted_text_material_light = 2131034184;
-			
-			// aapt resource value: 0x7F050049
-			public const int launcher_background = 2131034185;
-			
-			// aapt resource value: 0x7F05004A
-			public const int material_blue_grey_800 = 2131034186;
-			
-			// aapt resource value: 0x7F05004B
-			public const int material_blue_grey_900 = 2131034187;
-			
-			// aapt resource value: 0x7F05004C
-			public const int material_blue_grey_950 = 2131034188;
-			
-			// aapt resource value: 0x7F05004D
-			public const int material_deep_teal_200 = 2131034189;
-			
-			// aapt resource value: 0x7F05004E
-			public const int material_deep_teal_500 = 2131034190;
-			
-			// aapt resource value: 0x7F05004F
-			public const int material_grey_100 = 2131034191;
-			
-			// aapt resource value: 0x7F050050
-			public const int material_grey_300 = 2131034192;
-			
-			// aapt resource value: 0x7F050051
-			public const int material_grey_50 = 2131034193;
-			
-			// aapt resource value: 0x7F050052
-			public const int material_grey_600 = 2131034194;
-			
-			// aapt resource value: 0x7F050053
-			public const int material_grey_800 = 2131034195;
-			
-			// aapt resource value: 0x7F050054
-			public const int material_grey_850 = 2131034196;
-			
-			// aapt resource value: 0x7F050055
-			public const int material_grey_900 = 2131034197;
-			
-			// aapt resource value: 0x7F050056
-			public const int mtrl_bottom_nav_colored_item_tint = 2131034198;
-			
-			// aapt resource value: 0x7F050057
-			public const int mtrl_bottom_nav_item_tint = 2131034199;
-			
-			// aapt resource value: 0x7F050058
-			public const int mtrl_btn_bg_color_disabled = 2131034200;
-			
-			// aapt resource value: 0x7F050059
-			public const int mtrl_btn_bg_color_selector = 2131034201;
-			
-			// aapt resource value: 0x7F05005A
-			public const int mtrl_btn_ripple_color = 2131034202;
-			
-			// aapt resource value: 0x7F05005B
-			public const int mtrl_btn_stroke_color_selector = 2131034203;
-			
-			// aapt resource value: 0x7F05005C
-			public const int mtrl_btn_text_btn_ripple_color = 2131034204;
-			
-			// aapt resource value: 0x7F05005D
-			public const int mtrl_btn_text_color_disabled = 2131034205;
-			
-			// aapt resource value: 0x7F05005E
-			public const int mtrl_btn_text_color_selector = 2131034206;
-			
-			// aapt resource value: 0x7F05005F
-			public const int mtrl_btn_transparent_bg_color = 2131034207;
-			
-			// aapt resource value: 0x7F050060
-			public const int mtrl_chip_background_color = 2131034208;
-			
-			// aapt resource value: 0x7F050061
-			public const int mtrl_chip_close_icon_tint = 2131034209;
-			
-			// aapt resource value: 0x7F050062
-			public const int mtrl_chip_ripple_color = 2131034210;
-			
-			// aapt resource value: 0x7F050063
-			public const int mtrl_chip_text_color = 2131034211;
-			
-			// aapt resource value: 0x7F050064
-			public const int mtrl_fab_ripple_color = 2131034212;
-			
-			// aapt resource value: 0x7F050065
-			public const int mtrl_scrim_color = 2131034213;
-			
-			// aapt resource value: 0x7F050066
-			public const int mtrl_tabs_colored_ripple_color = 2131034214;
-			
-			// aapt resource value: 0x7F050067
-			public const int mtrl_tabs_icon_color_selector = 2131034215;
-			
-			// aapt resource value: 0x7F050068
-			public const int mtrl_tabs_icon_color_selector_colored = 2131034216;
-			
-			// aapt resource value: 0x7F050069
-			public const int mtrl_tabs_legacy_text_color_selector = 2131034217;
-			
-			// aapt resource value: 0x7F05006A
-			public const int mtrl_tabs_ripple_color = 2131034218;
-			
-			// aapt resource value: 0x7F05006C
-			public const int mtrl_textinput_default_box_stroke_color = 2131034220;
-			
-			// aapt resource value: 0x7F05006D
-			public const int mtrl_textinput_disabled_color = 2131034221;
-			
-			// aapt resource value: 0x7F05006E
-			public const int mtrl_textinput_filled_box_default_background_color = 2131034222;
-			
-			// aapt resource value: 0x7F05006F
-			public const int mtrl_textinput_hovered_box_stroke_color = 2131034223;
-			
-			// aapt resource value: 0x7F05006B
-			public const int mtrl_text_btn_text_color_selector = 2131034219;
-			
-			// aapt resource value: 0x7F050070
-			public const int notification_action_color_filter = 2131034224;
-			
-			// aapt resource value: 0x7F050071
-			public const int notification_icon_bg_color = 2131034225;
-			
-			// aapt resource value: 0x7F050072
-			public const int notification_material_background_media_default_color = 2131034226;
-			
-			// aapt resource value: 0x7F050073
-			public const int primary_dark_material_dark = 2131034227;
-			
-			// aapt resource value: 0x7F050074
-			public const int primary_dark_material_light = 2131034228;
-			
-			// aapt resource value: 0x7F050075
-			public const int primary_material_dark = 2131034229;
-			
-			// aapt resource value: 0x7F050076
-			public const int primary_material_light = 2131034230;
-			
-			// aapt resource value: 0x7F050077
-			public const int primary_text_default_material_dark = 2131034231;
-			
-			// aapt resource value: 0x7F050078
-			public const int primary_text_default_material_light = 2131034232;
-			
-			// aapt resource value: 0x7F050079
-			public const int primary_text_disabled_material_dark = 2131034233;
-			
-			// aapt resource value: 0x7F05007A
-			public const int primary_text_disabled_material_light = 2131034234;
-			
-			// aapt resource value: 0x7F05007B
-			public const int ripple_material_dark = 2131034235;
-			
-			// aapt resource value: 0x7F05007C
-			public const int ripple_material_light = 2131034236;
-			
-			// aapt resource value: 0x7F05007D
-			public const int secondary_text_default_material_dark = 2131034237;
-			
-			// aapt resource value: 0x7F05007E
-			public const int secondary_text_default_material_light = 2131034238;
-			
-			// aapt resource value: 0x7F05007F
-			public const int secondary_text_disabled_material_dark = 2131034239;
-			
-			// aapt resource value: 0x7F050080
-			public const int secondary_text_disabled_material_light = 2131034240;
-			
-			// aapt resource value: 0x7F050081
-			public const int switch_thumb_disabled_material_dark = 2131034241;
-			
-			// aapt resource value: 0x7F050082
-			public const int switch_thumb_disabled_material_light = 2131034242;
-			
-			// aapt resource value: 0x7F050083
-			public const int switch_thumb_material_dark = 2131034243;
-			
-			// aapt resource value: 0x7F050084
-			public const int switch_thumb_material_light = 2131034244;
-			
-			// aapt resource value: 0x7F050085
-			public const int switch_thumb_normal_material_dark = 2131034245;
-			
-			// aapt resource value: 0x7F050086
-			public const int switch_thumb_normal_material_light = 2131034246;
-			
-			// aapt resource value: 0x7F050087
-			public const int tooltip_background_dark = 2131034247;
-			
-			// aapt resource value: 0x7F050088
-			public const int tooltip_background_light = 2131034248;
-			
-			static Color()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Color()
-			{
-			}
-		}
-		
-		public partial class Dimension
-		{
-			
-			// aapt resource value: 0x7F060000
-			public const int abc_action_bar_content_inset_material = 2131099648;
-			
-			// aapt resource value: 0x7F060001
-			public const int abc_action_bar_content_inset_with_nav = 2131099649;
-			
-			// aapt resource value: 0x7F060002
-			public const int abc_action_bar_default_height_material = 2131099650;
-			
-			// aapt resource value: 0x7F060003
-			public const int abc_action_bar_default_padding_end_material = 2131099651;
-			
-			// aapt resource value: 0x7F060004
-			public const int abc_action_bar_default_padding_start_material = 2131099652;
-			
-			// aapt resource value: 0x7F060005
-			public const int abc_action_bar_elevation_material = 2131099653;
-			
-			// aapt resource value: 0x7F060006
-			public const int abc_action_bar_icon_vertical_padding_material = 2131099654;
-			
-			// aapt resource value: 0x7F060007
-			public const int abc_action_bar_overflow_padding_end_material = 2131099655;
-			
-			// aapt resource value: 0x7F060008
-			public const int abc_action_bar_overflow_padding_start_material = 2131099656;
-			
-			// aapt resource value: 0x7F060009
-			public const int abc_action_bar_stacked_max_height = 2131099657;
-			
-			// aapt resource value: 0x7F06000A
-			public const int abc_action_bar_stacked_tab_max_width = 2131099658;
-			
-			// aapt resource value: 0x7F06000B
-			public const int abc_action_bar_subtitle_bottom_margin_material = 2131099659;
-			
-			// aapt resource value: 0x7F06000C
-			public const int abc_action_bar_subtitle_top_margin_material = 2131099660;
-			
-			// aapt resource value: 0x7F06000D
-			public const int abc_action_button_min_height_material = 2131099661;
-			
-			// aapt resource value: 0x7F06000E
-			public const int abc_action_button_min_width_material = 2131099662;
-			
-			// aapt resource value: 0x7F06000F
-			public const int abc_action_button_min_width_overflow_material = 2131099663;
-			
-			// aapt resource value: 0x7F060010
-			public const int abc_alert_dialog_button_bar_height = 2131099664;
-			
-			// aapt resource value: 0x7F060011
-			public const int abc_alert_dialog_button_dimen = 2131099665;
-			
-			// aapt resource value: 0x7F060012
-			public const int abc_button_inset_horizontal_material = 2131099666;
-			
-			// aapt resource value: 0x7F060013
-			public const int abc_button_inset_vertical_material = 2131099667;
-			
-			// aapt resource value: 0x7F060014
-			public const int abc_button_padding_horizontal_material = 2131099668;
-			
-			// aapt resource value: 0x7F060015
-			public const int abc_button_padding_vertical_material = 2131099669;
-			
-			// aapt resource value: 0x7F060016
-			public const int abc_cascading_menus_min_smallest_width = 2131099670;
-			
-			// aapt resource value: 0x7F060017
-			public const int abc_config_prefDialogWidth = 2131099671;
-			
-			// aapt resource value: 0x7F060018
-			public const int abc_control_corner_material = 2131099672;
-			
-			// aapt resource value: 0x7F060019
-			public const int abc_control_inset_material = 2131099673;
-			
-			// aapt resource value: 0x7F06001A
-			public const int abc_control_padding_material = 2131099674;
-			
-			// aapt resource value: 0x7F06001B
-			public const int abc_dialog_corner_radius_material = 2131099675;
-			
-			// aapt resource value: 0x7F06001C
-			public const int abc_dialog_fixed_height_major = 2131099676;
-			
-			// aapt resource value: 0x7F06001D
-			public const int abc_dialog_fixed_height_minor = 2131099677;
-			
-			// aapt resource value: 0x7F06001E
-			public const int abc_dialog_fixed_width_major = 2131099678;
-			
-			// aapt resource value: 0x7F06001F
-			public const int abc_dialog_fixed_width_minor = 2131099679;
-			
-			// aapt resource value: 0x7F060020
-			public const int abc_dialog_list_padding_bottom_no_buttons = 2131099680;
-			
-			// aapt resource value: 0x7F060021
-			public const int abc_dialog_list_padding_top_no_title = 2131099681;
-			
-			// aapt resource value: 0x7F060022
-			public const int abc_dialog_min_width_major = 2131099682;
-			
-			// aapt resource value: 0x7F060023
-			public const int abc_dialog_min_width_minor = 2131099683;
-			
-			// aapt resource value: 0x7F060024
-			public const int abc_dialog_padding_material = 2131099684;
-			
-			// aapt resource value: 0x7F060025
-			public const int abc_dialog_padding_top_material = 2131099685;
-			
-			// aapt resource value: 0x7F060026
-			public const int abc_dialog_title_divider_material = 2131099686;
-			
-			// aapt resource value: 0x7F060027
-			public const int abc_disabled_alpha_material_dark = 2131099687;
-			
-			// aapt resource value: 0x7F060028
-			public const int abc_disabled_alpha_material_light = 2131099688;
-			
-			// aapt resource value: 0x7F060029
-			public const int abc_dropdownitem_icon_width = 2131099689;
-			
-			// aapt resource value: 0x7F06002A
-			public const int abc_dropdownitem_text_padding_left = 2131099690;
-			
-			// aapt resource value: 0x7F06002B
-			public const int abc_dropdownitem_text_padding_right = 2131099691;
-			
-			// aapt resource value: 0x7F06002C
-			public const int abc_edit_text_inset_bottom_material = 2131099692;
-			
-			// aapt resource value: 0x7F06002D
-			public const int abc_edit_text_inset_horizontal_material = 2131099693;
-			
-			// aapt resource value: 0x7F06002E
-			public const int abc_edit_text_inset_top_material = 2131099694;
-			
-			// aapt resource value: 0x7F06002F
-			public const int abc_floating_window_z = 2131099695;
-			
-			// aapt resource value: 0x7F060030
-			public const int abc_list_item_padding_horizontal_material = 2131099696;
-			
-			// aapt resource value: 0x7F060031
-			public const int abc_panel_menu_list_width = 2131099697;
-			
-			// aapt resource value: 0x7F060032
-			public const int abc_progress_bar_height_material = 2131099698;
-			
-			// aapt resource value: 0x7F060033
-			public const int abc_search_view_preferred_height = 2131099699;
-			
-			// aapt resource value: 0x7F060034
-			public const int abc_search_view_preferred_width = 2131099700;
-			
-			// aapt resource value: 0x7F060035
-			public const int abc_seekbar_track_background_height_material = 2131099701;
-			
-			// aapt resource value: 0x7F060036
-			public const int abc_seekbar_track_progress_height_material = 2131099702;
-			
-			// aapt resource value: 0x7F060037
-			public const int abc_select_dialog_padding_start_material = 2131099703;
-			
-			// aapt resource value: 0x7F060038
-			public const int abc_switch_padding = 2131099704;
-			
-			// aapt resource value: 0x7F060039
-			public const int abc_text_size_body_1_material = 2131099705;
-			
-			// aapt resource value: 0x7F06003A
-			public const int abc_text_size_body_2_material = 2131099706;
-			
-			// aapt resource value: 0x7F06003B
-			public const int abc_text_size_button_material = 2131099707;
-			
-			// aapt resource value: 0x7F06003C
-			public const int abc_text_size_caption_material = 2131099708;
-			
-			// aapt resource value: 0x7F06003D
-			public const int abc_text_size_display_1_material = 2131099709;
-			
-			// aapt resource value: 0x7F06003E
-			public const int abc_text_size_display_2_material = 2131099710;
-			
-			// aapt resource value: 0x7F06003F
-			public const int abc_text_size_display_3_material = 2131099711;
-			
-			// aapt resource value: 0x7F060040
-			public const int abc_text_size_display_4_material = 2131099712;
-			
-			// aapt resource value: 0x7F060041
-			public const int abc_text_size_headline_material = 2131099713;
-			
-			// aapt resource value: 0x7F060042
-			public const int abc_text_size_large_material = 2131099714;
-			
-			// aapt resource value: 0x7F060043
-			public const int abc_text_size_medium_material = 2131099715;
-			
-			// aapt resource value: 0x7F060044
-			public const int abc_text_size_menu_header_material = 2131099716;
-			
-			// aapt resource value: 0x7F060045
-			public const int abc_text_size_menu_material = 2131099717;
-			
-			// aapt resource value: 0x7F060046
-			public const int abc_text_size_small_material = 2131099718;
-			
-			// aapt resource value: 0x7F060047
-			public const int abc_text_size_subhead_material = 2131099719;
-			
-			// aapt resource value: 0x7F060048
-			public const int abc_text_size_subtitle_material_toolbar = 2131099720;
-			
-			// aapt resource value: 0x7F060049
-			public const int abc_text_size_title_material = 2131099721;
-			
-			// aapt resource value: 0x7F06004A
-			public const int abc_text_size_title_material_toolbar = 2131099722;
-			
-			// aapt resource value: 0x7F06004B
-			public const int activity_horizontal_margin = 2131099723;
-			
-			// aapt resource value: 0x7F06004C
-			public const int activity_vertical_margin = 2131099724;
-			
-			// aapt resource value: 0x7F06004D
-			public const int browser_actions_context_menu_max_width = 2131099725;
-			
-			// aapt resource value: 0x7F06004E
-			public const int browser_actions_context_menu_min_padding = 2131099726;
-			
-			// aapt resource value: 0x7F06004F
-			public const int btn_Size = 2131099727;
-			
-			// aapt resource value: 0x7F060050
-			public const int cardview_compat_inset_shadow = 2131099728;
-			
-			// aapt resource value: 0x7F060051
-			public const int cardview_default_elevation = 2131099729;
-			
-			// aapt resource value: 0x7F060052
-			public const int cardview_default_radius = 2131099730;
-			
-			// aapt resource value: 0x7F060053
-			public const int compat_button_inset_horizontal_material = 2131099731;
-			
-			// aapt resource value: 0x7F060054
-			public const int compat_button_inset_vertical_material = 2131099732;
-			
-			// aapt resource value: 0x7F060055
-			public const int compat_button_padding_horizontal_material = 2131099733;
-			
-			// aapt resource value: 0x7F060056
-			public const int compat_button_padding_vertical_material = 2131099734;
-			
-			// aapt resource value: 0x7F060057
-			public const int compat_control_corner_material = 2131099735;
-			
-			// aapt resource value: 0x7F060058
-			public const int compat_notification_large_icon_max_height = 2131099736;
-			
-			// aapt resource value: 0x7F060059
-			public const int compat_notification_large_icon_max_width = 2131099737;
-			
-			// aapt resource value: 0x7F06005A
-			public const int conc_circle = 2131099738;
-			
-			// aapt resource value: 0x7F06005B
-			public const int date_text_size = 2131099739;
-			
-			// aapt resource value: 0x7F06005C
-			public const int date_text_tab_size = 2131099740;
-			
-			// aapt resource value: 0x7F06005D
-			public const int design_appbar_elevation = 2131099741;
-			
-			// aapt resource value: 0x7F06005E
-			public const int design_bottom_navigation_active_item_max_width = 2131099742;
-			
-			// aapt resource value: 0x7F06005F
-			public const int design_bottom_navigation_active_item_min_width = 2131099743;
-			
-			// aapt resource value: 0x7F060060
-			public const int design_bottom_navigation_active_text_size = 2131099744;
-			
-			// aapt resource value: 0x7F060061
-			public const int design_bottom_navigation_elevation = 2131099745;
-			
-			// aapt resource value: 0x7F060062
-			public const int design_bottom_navigation_height = 2131099746;
-			
-			// aapt resource value: 0x7F060063
-			public const int design_bottom_navigation_icon_size = 2131099747;
-			
-			// aapt resource value: 0x7F060064
-			public const int design_bottom_navigation_item_max_width = 2131099748;
-			
-			// aapt resource value: 0x7F060065
-			public const int design_bottom_navigation_item_min_width = 2131099749;
-			
-			// aapt resource value: 0x7F060066
-			public const int design_bottom_navigation_margin = 2131099750;
-			
-			// aapt resource value: 0x7F060067
-			public const int design_bottom_navigation_shadow_height = 2131099751;
-			
-			// aapt resource value: 0x7F060068
-			public const int design_bottom_navigation_text_size = 2131099752;
-			
-			// aapt resource value: 0x7F060069
-			public const int design_bottom_sheet_modal_elevation = 2131099753;
-			
-			// aapt resource value: 0x7F06006A
-			public const int design_bottom_sheet_peek_height_min = 2131099754;
-			
-			// aapt resource value: 0x7F06006B
-			public const int design_fab_border_width = 2131099755;
-			
-			// aapt resource value: 0x7F06006C
-			public const int design_fab_elevation = 2131099756;
-			
-			// aapt resource value: 0x7F06006D
-			public const int design_fab_image_size = 2131099757;
-			
-			// aapt resource value: 0x7F06006E
-			public const int design_fab_size_mini = 2131099758;
-			
-			// aapt resource value: 0x7F06006F
-			public const int design_fab_size_normal = 2131099759;
-			
-			// aapt resource value: 0x7F060070
-			public const int design_fab_translation_z_hovered_focused = 2131099760;
-			
-			// aapt resource value: 0x7F060071
-			public const int design_fab_translation_z_pressed = 2131099761;
-			
-			// aapt resource value: 0x7F060072
-			public const int design_navigation_elevation = 2131099762;
-			
-			// aapt resource value: 0x7F060073
-			public const int design_navigation_icon_padding = 2131099763;
-			
-			// aapt resource value: 0x7F060074
-			public const int design_navigation_icon_size = 2131099764;
-			
-			// aapt resource value: 0x7F060075
-			public const int design_navigation_item_horizontal_padding = 2131099765;
-			
-			// aapt resource value: 0x7F060076
-			public const int design_navigation_item_icon_padding = 2131099766;
-			
-			// aapt resource value: 0x7F060077
-			public const int design_navigation_max_width = 2131099767;
-			
-			// aapt resource value: 0x7F060078
-			public const int design_navigation_padding_bottom = 2131099768;
-			
-			// aapt resource value: 0x7F060079
-			public const int design_navigation_separator_vertical_padding = 2131099769;
-			
-			// aapt resource value: 0x7F06007A
-			public const int design_snackbar_action_inline_max_width = 2131099770;
-			
-			// aapt resource value: 0x7F06007B
-			public const int design_snackbar_background_corner_radius = 2131099771;
-			
-			// aapt resource value: 0x7F06007C
-			public const int design_snackbar_elevation = 2131099772;
-			
-			// aapt resource value: 0x7F06007D
-			public const int design_snackbar_extra_spacing_horizontal = 2131099773;
-			
-			// aapt resource value: 0x7F06007E
-			public const int design_snackbar_max_width = 2131099774;
-			
-			// aapt resource value: 0x7F06007F
-			public const int design_snackbar_min_width = 2131099775;
-			
-			// aapt resource value: 0x7F060080
-			public const int design_snackbar_padding_horizontal = 2131099776;
-			
-			// aapt resource value: 0x7F060081
-			public const int design_snackbar_padding_vertical = 2131099777;
-			
-			// aapt resource value: 0x7F060082
-			public const int design_snackbar_padding_vertical_2lines = 2131099778;
-			
-			// aapt resource value: 0x7F060083
-			public const int design_snackbar_text_size = 2131099779;
-			
-			// aapt resource value: 0x7F060084
-			public const int design_tab_max_width = 2131099780;
-			
-			// aapt resource value: 0x7F060085
-			public const int design_tab_scrollable_min_width = 2131099781;
-			
-			// aapt resource value: 0x7F060086
-			public const int design_tab_text_size = 2131099782;
-			
-			// aapt resource value: 0x7F060087
-			public const int design_tab_text_size_2line = 2131099783;
-			
-			// aapt resource value: 0x7F060088
-			public const int design_textinput_caption_translate_y = 2131099784;
-			
-			// aapt resource value: 0x7F060089
-			public const int disabledAlpha = 2131099785;
-			
-			// aapt resource value: 0x7F06008A
-			public const int disabled_alpha_material_dark = 2131099786;
-			
-			// aapt resource value: 0x7F06008B
-			public const int disabled_alpha_material_light = 2131099787;
-			
-			// aapt resource value: 0x7F06008C
-			public const int dot_space = 2131099788;
-			
-			// aapt resource value: 0x7F06008D
-			public const int fastscroll_default_thickness = 2131099789;
-			
-			// aapt resource value: 0x7F06008E
-			public const int fastscroll_margin = 2131099790;
-			
-			// aapt resource value: 0x7F06008F
-			public const int fastscroll_minimum_range = 2131099791;
-			
-			// aapt resource value: 0x7F060090
-			public const int highlight_alpha_material_colored = 2131099792;
-			
-			// aapt resource value: 0x7F060091
-			public const int highlight_alpha_material_dark = 2131099793;
-			
-			// aapt resource value: 0x7F060092
-			public const int highlight_alpha_material_light = 2131099794;
-			
-			// aapt resource value: 0x7F060093
-			public const int hint_alpha_material_dark = 2131099795;
-			
-			// aapt resource value: 0x7F060094
-			public const int hint_alpha_material_light = 2131099796;
-			
-			// aapt resource value: 0x7F060095
-			public const int hint_pressed_alpha_material_dark = 2131099797;
-			
-			// aapt resource value: 0x7F060096
-			public const int hint_pressed_alpha_material_light = 2131099798;
-			
-			// aapt resource value: 0x7F060097
-			public const int inner_circle = 2131099799;
-			
-			// aapt resource value: 0x7F060098
-			public const int item_touch_helper_max_drag_scroll_per_frame = 2131099800;
-			
-			// aapt resource value: 0x7F060099
-			public const int item_touch_helper_swipe_escape_max_velocity = 2131099801;
-			
-			// aapt resource value: 0x7F06009A
-			public const int item_touch_helper_swipe_escape_velocity = 2131099802;
-			
-			// aapt resource value: 0x7F06009B
-			public const int month_row_size = 2131099803;
-			
-			// aapt resource value: 0x7F06009C
-			public const int month_row_tab_size = 2131099804;
-			
-			// aapt resource value: 0x7F06009D
-			public const int month_text_size = 2131099805;
-			
-			// aapt resource value: 0x7F06009E
-			public const int month_text_tab_size = 2131099806;
-			
-			// aapt resource value: 0x7F06009F
-			public const int mr_controller_volume_group_list_item_height = 2131099807;
-			
-			// aapt resource value: 0x7F0600A0
-			public const int mr_controller_volume_group_list_item_icon_size = 2131099808;
-			
-			// aapt resource value: 0x7F0600A1
-			public const int mr_controller_volume_group_list_max_height = 2131099809;
-			
-			// aapt resource value: 0x7F0600A2
-			public const int mr_controller_volume_group_list_padding_top = 2131099810;
-			
-			// aapt resource value: 0x7F0600A3
-			public const int mr_dialog_fixed_width_major = 2131099811;
-			
-			// aapt resource value: 0x7F0600A4
-			public const int mr_dialog_fixed_width_minor = 2131099812;
-			
-			// aapt resource value: 0x7F0600A5
-			public const int mtrl_bottomappbar_fabOffsetEndMode = 2131099813;
-			
-			// aapt resource value: 0x7F0600A6
-			public const int mtrl_bottomappbar_fab_cradle_margin = 2131099814;
-			
-			// aapt resource value: 0x7F0600A7
-			public const int mtrl_bottomappbar_fab_cradle_rounded_corner_radius = 2131099815;
-			
-			// aapt resource value: 0x7F0600A8
-			public const int mtrl_bottomappbar_fab_cradle_vertical_offset = 2131099816;
-			
-			// aapt resource value: 0x7F0600A9
-			public const int mtrl_bottomappbar_height = 2131099817;
-			
-			// aapt resource value: 0x7F0600AA
-			public const int mtrl_btn_corner_radius = 2131099818;
-			
-			// aapt resource value: 0x7F0600AB
-			public const int mtrl_btn_dialog_btn_min_width = 2131099819;
-			
-			// aapt resource value: 0x7F0600AC
-			public const int mtrl_btn_disabled_elevation = 2131099820;
-			
-			// aapt resource value: 0x7F0600AD
-			public const int mtrl_btn_disabled_z = 2131099821;
-			
-			// aapt resource value: 0x7F0600AE
-			public const int mtrl_btn_elevation = 2131099822;
-			
-			// aapt resource value: 0x7F0600AF
-			public const int mtrl_btn_focused_z = 2131099823;
-			
-			// aapt resource value: 0x7F0600B0
-			public const int mtrl_btn_hovered_z = 2131099824;
-			
-			// aapt resource value: 0x7F0600B1
-			public const int mtrl_btn_icon_btn_padding_left = 2131099825;
-			
-			// aapt resource value: 0x7F0600B2
-			public const int mtrl_btn_icon_padding = 2131099826;
-			
-			// aapt resource value: 0x7F0600B3
-			public const int mtrl_btn_inset = 2131099827;
-			
-			// aapt resource value: 0x7F0600B4
-			public const int mtrl_btn_letter_spacing = 2131099828;
-			
-			// aapt resource value: 0x7F0600B5
-			public const int mtrl_btn_padding_bottom = 2131099829;
-			
-			// aapt resource value: 0x7F0600B6
-			public const int mtrl_btn_padding_left = 2131099830;
-			
-			// aapt resource value: 0x7F0600B7
-			public const int mtrl_btn_padding_right = 2131099831;
-			
-			// aapt resource value: 0x7F0600B8
-			public const int mtrl_btn_padding_top = 2131099832;
-			
-			// aapt resource value: 0x7F0600B9
-			public const int mtrl_btn_pressed_z = 2131099833;
-			
-			// aapt resource value: 0x7F0600BA
-			public const int mtrl_btn_stroke_size = 2131099834;
-			
-			// aapt resource value: 0x7F0600BB
-			public const int mtrl_btn_text_btn_icon_padding = 2131099835;
-			
-			// aapt resource value: 0x7F0600BC
-			public const int mtrl_btn_text_btn_padding_left = 2131099836;
-			
-			// aapt resource value: 0x7F0600BD
-			public const int mtrl_btn_text_btn_padding_right = 2131099837;
-			
-			// aapt resource value: 0x7F0600BE
-			public const int mtrl_btn_text_size = 2131099838;
-			
-			// aapt resource value: 0x7F0600BF
-			public const int mtrl_btn_z = 2131099839;
-			
-			// aapt resource value: 0x7F0600C0
-			public const int mtrl_card_elevation = 2131099840;
-			
-			// aapt resource value: 0x7F0600C1
-			public const int mtrl_card_spacing = 2131099841;
-			
-			// aapt resource value: 0x7F0600C2
-			public const int mtrl_chip_pressed_translation_z = 2131099842;
-			
-			// aapt resource value: 0x7F0600C3
-			public const int mtrl_chip_text_size = 2131099843;
-			
-			// aapt resource value: 0x7F0600C4
-			public const int mtrl_fab_elevation = 2131099844;
-			
-			// aapt resource value: 0x7F0600C5
-			public const int mtrl_fab_translation_z_hovered_focused = 2131099845;
-			
-			// aapt resource value: 0x7F0600C6
-			public const int mtrl_fab_translation_z_pressed = 2131099846;
-			
-			// aapt resource value: 0x7F0600C7
-			public const int mtrl_navigation_elevation = 2131099847;
-			
-			// aapt resource value: 0x7F0600C8
-			public const int mtrl_navigation_item_horizontal_padding = 2131099848;
-			
-			// aapt resource value: 0x7F0600C9
-			public const int mtrl_navigation_item_icon_padding = 2131099849;
-			
-			// aapt resource value: 0x7F0600CA
-			public const int mtrl_snackbar_background_corner_radius = 2131099850;
-			
-			// aapt resource value: 0x7F0600CB
-			public const int mtrl_snackbar_margin = 2131099851;
-			
-			// aapt resource value: 0x7F0600CC
-			public const int mtrl_textinput_box_bottom_offset = 2131099852;
-			
-			// aapt resource value: 0x7F0600CD
-			public const int mtrl_textinput_box_corner_radius_medium = 2131099853;
-			
-			// aapt resource value: 0x7F0600CE
-			public const int mtrl_textinput_box_corner_radius_small = 2131099854;
-			
-			// aapt resource value: 0x7F0600CF
-			public const int mtrl_textinput_box_label_cutout_padding = 2131099855;
-			
-			// aapt resource value: 0x7F0600D0
-			public const int mtrl_textinput_box_padding_end = 2131099856;
-			
-			// aapt resource value: 0x7F0600D1
-			public const int mtrl_textinput_box_stroke_width_default = 2131099857;
-			
-			// aapt resource value: 0x7F0600D2
-			public const int mtrl_textinput_box_stroke_width_focused = 2131099858;
-			
-			// aapt resource value: 0x7F0600D3
-			public const int mtrl_textinput_outline_box_expanded_padding = 2131099859;
-			
-			// aapt resource value: 0x7F0600D4
-			public const int mtrl_toolbar_default_height = 2131099860;
-			
-			// aapt resource value: 0x7F0600D5
-			public const int notification_action_icon_size = 2131099861;
-			
-			// aapt resource value: 0x7F0600D6
-			public const int notification_action_text_size = 2131099862;
-			
-			// aapt resource value: 0x7F0600D7
-			public const int notification_big_circle_margin = 2131099863;
-			
-			// aapt resource value: 0x7F0600D8
-			public const int notification_content_margin_start = 2131099864;
-			
-			// aapt resource value: 0x7F0600D9
-			public const int notification_large_icon_height = 2131099865;
-			
-			// aapt resource value: 0x7F0600DA
-			public const int notification_large_icon_width = 2131099866;
-			
-			// aapt resource value: 0x7F0600DB
-			public const int notification_main_column_padding_top = 2131099867;
-			
-			// aapt resource value: 0x7F0600DC
-			public const int notification_media_narrow_margin = 2131099868;
-			
-			// aapt resource value: 0x7F0600DD
-			public const int notification_right_icon_size = 2131099869;
-			
-			// aapt resource value: 0x7F0600DE
-			public const int notification_right_side_padding_top = 2131099870;
-			
-			// aapt resource value: 0x7F0600DF
-			public const int notification_small_icon_background_padding = 2131099871;
-			
-			// aapt resource value: 0x7F0600E0
-			public const int notification_small_icon_size_as_large = 2131099872;
-			
-			// aapt resource value: 0x7F0600E1
-			public const int notification_subtext_size = 2131099873;
-			
-			// aapt resource value: 0x7F0600E2
-			public const int notification_top_pad = 2131099874;
-			
-			// aapt resource value: 0x7F0600E3
-			public const int notification_top_pad_large_text = 2131099875;
-			
-			// aapt resource value: 0x7F0600E4
-			public const int outerCircle = 2131099876;
-			
-			// aapt resource value: 0x7F0600E5
-			public const int subtitle_corner_radius = 2131099877;
-			
-			// aapt resource value: 0x7F0600E6
-			public const int subtitle_outline_width = 2131099878;
-			
-			// aapt resource value: 0x7F0600E7
-			public const int subtitle_shadow_offset = 2131099879;
-			
-			// aapt resource value: 0x7F0600E8
-			public const int subtitle_shadow_radius = 2131099880;
-			
-			// aapt resource value: 0x7F0600E9
-			public const int thumb_padding = 2131099881;
-			
-			// aapt resource value: 0x7F0600EA
-			public const int tooltip_corner_radius = 2131099882;
-			
-			// aapt resource value: 0x7F0600EB
-			public const int tooltip_horizontal_padding = 2131099883;
-			
-			// aapt resource value: 0x7F0600EC
-			public const int tooltip_margin = 2131099884;
-			
-			// aapt resource value: 0x7F0600ED
-			public const int tooltip_precise_anchor_extra_offset = 2131099885;
-			
-			// aapt resource value: 0x7F0600EE
-			public const int tooltip_precise_anchor_threshold = 2131099886;
-			
-			// aapt resource value: 0x7F0600EF
-			public const int tooltip_vertical_padding = 2131099887;
-			
-			// aapt resource value: 0x7F0600F0
-			public const int tooltip_y_offset_non_touch = 2131099888;
-			
-			// aapt resource value: 0x7F0600F1
-			public const int tooltip_y_offset_touch = 2131099889;
-			
-			static Dimension()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Dimension()
-			{
-			}
-		}
-		
-		public partial class Drawable
-		{
-			
-			// aapt resource value: 0x7F070006
-			public const int abc_ab_share_pack_mtrl_alpha = 2131165190;
-			
-			// aapt resource value: 0x7F070007
-			public const int abc_action_bar_item_background_material = 2131165191;
-			
-			// aapt resource value: 0x7F070008
-			public const int abc_btn_borderless_material = 2131165192;
-			
-			// aapt resource value: 0x7F070009
-			public const int abc_btn_check_material = 2131165193;
-			
-			// aapt resource value: 0x7F07000A
-			public const int abc_btn_check_to_on_mtrl_000 = 2131165194;
-			
-			// aapt resource value: 0x7F07000B
-			public const int abc_btn_check_to_on_mtrl_015 = 2131165195;
-			
-			// aapt resource value: 0x7F07000C
-			public const int abc_btn_colored_material = 2131165196;
-			
-			// aapt resource value: 0x7F07000D
-			public const int abc_btn_default_mtrl_shape = 2131165197;
-			
-			// aapt resource value: 0x7F07000E
-			public const int abc_btn_radio_material = 2131165198;
-			
-			// aapt resource value: 0x7F07000F
-			public const int abc_btn_radio_to_on_mtrl_000 = 2131165199;
-			
-			// aapt resource value: 0x7F070010
-			public const int abc_btn_radio_to_on_mtrl_015 = 2131165200;
-			
-			// aapt resource value: 0x7F070011
-			public const int abc_btn_switch_to_on_mtrl_00001 = 2131165201;
-			
-			// aapt resource value: 0x7F070012
-			public const int abc_btn_switch_to_on_mtrl_00012 = 2131165202;
-			
-			// aapt resource value: 0x7F070013
-			public const int abc_cab_background_internal_bg = 2131165203;
-			
-			// aapt resource value: 0x7F070014
-			public const int abc_cab_background_top_material = 2131165204;
-			
-			// aapt resource value: 0x7F070015
-			public const int abc_cab_background_top_mtrl_alpha = 2131165205;
-			
-			// aapt resource value: 0x7F070016
-			public const int abc_control_background_material = 2131165206;
-			
-			// aapt resource value: 0x7F070017
-			public const int abc_dialog_material_background = 2131165207;
-			
-			// aapt resource value: 0x7F070018
-			public const int abc_edit_text_material = 2131165208;
-			
-			// aapt resource value: 0x7F070019
-			public const int abc_ic_ab_back_material = 2131165209;
-			
-			// aapt resource value: 0x7F07001A
-			public const int abc_ic_arrow_drop_right_black_24dp = 2131165210;
-			
-			// aapt resource value: 0x7F07001B
-			public const int abc_ic_clear_material = 2131165211;
-			
-			// aapt resource value: 0x7F07001C
-			public const int abc_ic_commit_search_api_mtrl_alpha = 2131165212;
-			
-			// aapt resource value: 0x7F07001D
-			public const int abc_ic_go_search_api_material = 2131165213;
-			
-			// aapt resource value: 0x7F07001E
-			public const int abc_ic_menu_copy_mtrl_am_alpha = 2131165214;
-			
-			// aapt resource value: 0x7F07001F
-			public const int abc_ic_menu_cut_mtrl_alpha = 2131165215;
-			
-			// aapt resource value: 0x7F070020
-			public const int abc_ic_menu_overflow_material = 2131165216;
-			
-			// aapt resource value: 0x7F070021
-			public const int abc_ic_menu_paste_mtrl_am_alpha = 2131165217;
-			
-			// aapt resource value: 0x7F070022
-			public const int abc_ic_menu_selectall_mtrl_alpha = 2131165218;
-			
-			// aapt resource value: 0x7F070023
-			public const int abc_ic_menu_share_mtrl_alpha = 2131165219;
-			
-			// aapt resource value: 0x7F070024
-			public const int abc_ic_search_api_material = 2131165220;
-			
-			// aapt resource value: 0x7F070025
-			public const int abc_ic_star_black_16dp = 2131165221;
-			
-			// aapt resource value: 0x7F070026
-			public const int abc_ic_star_black_36dp = 2131165222;
-			
-			// aapt resource value: 0x7F070027
-			public const int abc_ic_star_black_48dp = 2131165223;
-			
-			// aapt resource value: 0x7F070028
-			public const int abc_ic_star_half_black_16dp = 2131165224;
-			
-			// aapt resource value: 0x7F070029
-			public const int abc_ic_star_half_black_36dp = 2131165225;
-			
-			// aapt resource value: 0x7F07002A
-			public const int abc_ic_star_half_black_48dp = 2131165226;
-			
-			// aapt resource value: 0x7F07002B
-			public const int abc_ic_voice_search_api_material = 2131165227;
-			
-			// aapt resource value: 0x7F07002C
-			public const int abc_item_background_holo_dark = 2131165228;
-			
-			// aapt resource value: 0x7F07002D
-			public const int abc_item_background_holo_light = 2131165229;
-			
-			// aapt resource value: 0x7F07002E
-			public const int abc_list_divider_material = 2131165230;
-			
-			// aapt resource value: 0x7F07002F
-			public const int abc_list_divider_mtrl_alpha = 2131165231;
-			
-			// aapt resource value: 0x7F070030
-			public const int abc_list_focused_holo = 2131165232;
-			
-			// aapt resource value: 0x7F070031
-			public const int abc_list_longpressed_holo = 2131165233;
-			
-			// aapt resource value: 0x7F070032
-			public const int abc_list_pressed_holo_dark = 2131165234;
-			
-			// aapt resource value: 0x7F070033
-			public const int abc_list_pressed_holo_light = 2131165235;
-			
-			// aapt resource value: 0x7F070034
-			public const int abc_list_selector_background_transition_holo_dark = 2131165236;
-			
-			// aapt resource value: 0x7F070035
-			public const int abc_list_selector_background_transition_holo_light = 2131165237;
-			
-			// aapt resource value: 0x7F070036
-			public const int abc_list_selector_disabled_holo_dark = 2131165238;
-			
-			// aapt resource value: 0x7F070037
-			public const int abc_list_selector_disabled_holo_light = 2131165239;
-			
-			// aapt resource value: 0x7F070038
-			public const int abc_list_selector_holo_dark = 2131165240;
-			
-			// aapt resource value: 0x7F070039
-			public const int abc_list_selector_holo_light = 2131165241;
-			
-			// aapt resource value: 0x7F07003A
-			public const int abc_menu_hardkey_panel_mtrl_mult = 2131165242;
-			
-			// aapt resource value: 0x7F07003B
-			public const int abc_popup_background_mtrl_mult = 2131165243;
-			
-			// aapt resource value: 0x7F07003C
-			public const int abc_ratingbar_indicator_material = 2131165244;
-			
-			// aapt resource value: 0x7F07003D
-			public const int abc_ratingbar_material = 2131165245;
-			
-			// aapt resource value: 0x7F07003E
-			public const int abc_ratingbar_small_material = 2131165246;
-			
-			// aapt resource value: 0x7F07003F
-			public const int abc_scrubber_control_off_mtrl_alpha = 2131165247;
-			
-			// aapt resource value: 0x7F070040
-			public const int abc_scrubber_control_to_pressed_mtrl_000 = 2131165248;
-			
-			// aapt resource value: 0x7F070041
-			public const int abc_scrubber_control_to_pressed_mtrl_005 = 2131165249;
-			
-			// aapt resource value: 0x7F070042
-			public const int abc_scrubber_primary_mtrl_alpha = 2131165250;
-			
-			// aapt resource value: 0x7F070043
-			public const int abc_scrubber_track_mtrl_alpha = 2131165251;
-			
-			// aapt resource value: 0x7F070044
-			public const int abc_seekbar_thumb_material = 2131165252;
-			
-			// aapt resource value: 0x7F070045
-			public const int abc_seekbar_tick_mark_material = 2131165253;
-			
-			// aapt resource value: 0x7F070046
-			public const int abc_seekbar_track_material = 2131165254;
-			
-			// aapt resource value: 0x7F070047
-			public const int abc_spinner_mtrl_am_alpha = 2131165255;
-			
-			// aapt resource value: 0x7F070048
-			public const int abc_spinner_textfield_background_material = 2131165256;
-			
-			// aapt resource value: 0x7F070049
-			public const int abc_switch_thumb_material = 2131165257;
-			
-			// aapt resource value: 0x7F07004A
-			public const int abc_switch_track_mtrl_alpha = 2131165258;
-			
-			// aapt resource value: 0x7F07004B
-			public const int abc_tab_indicator_material = 2131165259;
-			
-			// aapt resource value: 0x7F07004C
-			public const int abc_tab_indicator_mtrl_alpha = 2131165260;
-			
-			// aapt resource value: 0x7F070054
-			public const int abc_textfield_activated_mtrl_alpha = 2131165268;
-			
-			// aapt resource value: 0x7F070055
-			public const int abc_textfield_default_mtrl_alpha = 2131165269;
-			
-			// aapt resource value: 0x7F070056
-			public const int abc_textfield_search_activated_mtrl_alpha = 2131165270;
-			
-			// aapt resource value: 0x7F070057
-			public const int abc_textfield_search_default_mtrl_alpha = 2131165271;
-			
-			// aapt resource value: 0x7F070058
-			public const int abc_textfield_search_material = 2131165272;
-			
-			// aapt resource value: 0x7F07004D
-			public const int abc_text_cursor_material = 2131165261;
-			
-			// aapt resource value: 0x7F07004E
-			public const int abc_text_select_handle_left_mtrl_dark = 2131165262;
-			
-			// aapt resource value: 0x7F07004F
-			public const int abc_text_select_handle_left_mtrl_light = 2131165263;
-			
-			// aapt resource value: 0x7F070050
-			public const int abc_text_select_handle_middle_mtrl_dark = 2131165264;
-			
-			// aapt resource value: 0x7F070051
-			public const int abc_text_select_handle_middle_mtrl_light = 2131165265;
-			
-			// aapt resource value: 0x7F070052
-			public const int abc_text_select_handle_right_mtrl_dark = 2131165266;
-			
-			// aapt resource value: 0x7F070053
-			public const int abc_text_select_handle_right_mtrl_light = 2131165267;
-			
-			// aapt resource value: 0x7F070059
-			public const int abc_vector_test = 2131165273;
-			
-			// aapt resource value: 0x7F07005A
-			public const int About = 2131165274;
-			
-			// aapt resource value: 0x7F07005B
-			public const int Avatar1 = 2131165275;
-			
-			// aapt resource value: 0x7F07005C
-			public const int Avatar10 = 2131165276;
-			
-			// aapt resource value: 0x7F07005D
-			public const int Avatar11 = 2131165277;
-			
-			// aapt resource value: 0x7F07005E
-			public const int Avatar12 = 2131165278;
-			
-			// aapt resource value: 0x7F07005F
-			public const int Avatar13 = 2131165279;
-			
-			// aapt resource value: 0x7F070060
-			public const int Avatar14 = 2131165280;
-			
-			// aapt resource value: 0x7F070061
-			public const int Avatar15 = 2131165281;
-			
-			// aapt resource value: 0x7F070062
-			public const int Avatar16 = 2131165282;
-			
-			// aapt resource value: 0x7F070063
-			public const int Avatar17 = 2131165283;
-			
-			// aapt resource value: 0x7F070064
-			public const int Avatar18 = 2131165284;
-			
-			// aapt resource value: 0x7F070065
-			public const int Avatar19 = 2131165285;
-			
-			// aapt resource value: 0x7F070066
-			public const int Avatar2 = 2131165286;
-			
-			// aapt resource value: 0x7F070067
-			public const int Avatar20 = 2131165287;
-			
-			// aapt resource value: 0x7F070068
-			public const int Avatar21 = 2131165288;
-			
-			// aapt resource value: 0x7F070069
-			public const int Avatar22 = 2131165289;
-			
-			// aapt resource value: 0x7F07006A
-			public const int Avatar23 = 2131165290;
-			
-			// aapt resource value: 0x7F07006B
-			public const int Avatar24 = 2131165291;
-			
-			// aapt resource value: 0x7F07006C
-			public const int Avatar25 = 2131165292;
-			
-			// aapt resource value: 0x7F07006D
-			public const int Avatar26 = 2131165293;
-			
-			// aapt resource value: 0x7F07006E
-			public const int Avatar27 = 2131165294;
-			
-			// aapt resource value: 0x7F07006F
-			public const int Avatar28 = 2131165295;
-			
-			// aapt resource value: 0x7F070070
-			public const int Avatar29 = 2131165296;
-			
-			// aapt resource value: 0x7F070071
-			public const int Avatar3 = 2131165297;
-			
-			// aapt resource value: 0x7F070072
-			public const int Avatar30 = 2131165298;
-			
-			// aapt resource value: 0x7F070073
-			public const int Avatar4 = 2131165299;
-			
-			// aapt resource value: 0x7F070074
-			public const int Avatar5 = 2131165300;
-			
-			// aapt resource value: 0x7F070075
-			public const int Avatar6 = 2131165301;
-			
-			// aapt resource value: 0x7F070076
-			public const int Avatar7 = 2131165302;
-			
-			// aapt resource value: 0x7F070077
-			public const int Avatar8 = 2131165303;
-			
-			// aapt resource value: 0x7F070078
-			public const int Avatar9 = 2131165304;
-			
-			// aapt resource value: 0x7F070079
-			public const int avd_hide_password = 2131165305;
-			
-			// aapt resource value: 0x7F07007A
-			public const int avd_show_password = 2131165306;
-			
-			// aapt resource value: 0x7F07007B
-			public const int btn_checkbox = 2131165307;
-			
-			// aapt resource value: 0x7F07007C
-			public const int btn_checkbox_checked = 2131165308;
-			
-			// aapt resource value: 0x7F07007D
-			public const int btn_checkbox_checked_to_indeterminate_animation = 2131165309;
-			
-			// aapt resource value: 0x7F07007E
-			public const int btn_checkbox_checked_to_unchecked_animation = 2131165310;
-			
-			// aapt resource value: 0x7F07007F
-			public const int btn_checkbox_indeterminate = 2131165311;
-			
-			// aapt resource value: 0x7F070080
-			public const int btn_checkbox_indeterminate_to_checked_animation = 2131165312;
-			
-			// aapt resource value: 0x7F070081
-			public const int btn_checkbox_indeterminate_to_unchecked_animation = 2131165313;
-			
-			// aapt resource value: 0x7F070082
-			public const int btn_checkbox_unchecked = 2131165314;
-			
-			// aapt resource value: 0x7F070083
-			public const int btn_checkbox_unchecked_to_checked_animation = 2131165315;
-			
-			// aapt resource value: 0x7F070084
-			public const int btn_checkbox_unchecked_to_indeterminate_animation = 2131165316;
-			
-			// aapt resource value: 0x7F070085
-			public const int Card = 2131165317;
-			
-			// aapt resource value: 0x7F070086
-			public const int ChatMessageBackground = 2131165318;
-			
-			// aapt resource value: 0x7F070087
-			public const int Close = 2131165319;
-			
-			// aapt resource value: 0x7F070088
-			public const int design_bottom_navigation_item_background = 2131165320;
-			
-			// aapt resource value: 0x7F070089
-			public const int design_fab_background = 2131165321;
-			
-			// aapt resource value: 0x7F07008A
-			public const int design_ic_visibility = 2131165322;
-			
-			// aapt resource value: 0x7F07008B
-			public const int design_ic_visibility_off = 2131165323;
-			
-			// aapt resource value: 0x7F07008C
-			public const int design_password_eye = 2131165324;
-			
-			// aapt resource value: 0x7F07008D
-			public const int design_snackbar_background = 2131165325;
-			
-			// aapt resource value: 0x7F07008E
-			public const int dropdownbuttonimage = 2131165326;
-			
-			// aapt resource value: 0x7F07008F
-			public const int HeaderIcon = 2131165327;
-			
-			// aapt resource value: 0x7F070090
-			public const int HeaderTriangle = 2131165328;
-			
-			// aapt resource value: 0x7F070145
-			public const int Icon = 2131165509;
-			
-			// aapt resource value: 0x7F070091
-			public const int ic_audiotrack_dark = 2131165329;
-			
-			// aapt resource value: 0x7F070092
-			public const int ic_audiotrack_light = 2131165330;
-			
-			// aapt resource value: 0x7F070093
-			public const int ic_dialog_close_dark = 2131165331;
-			
-			// aapt resource value: 0x7F070094
-			public const int ic_dialog_close_light = 2131165332;
-			
-			// aapt resource value: 0x7F070095
-			public const int ic_group_collapse_00 = 2131165333;
-			
-			// aapt resource value: 0x7F070096
-			public const int ic_group_collapse_01 = 2131165334;
-			
-			// aapt resource value: 0x7F070097
-			public const int ic_group_collapse_02 = 2131165335;
-			
-			// aapt resource value: 0x7F070098
-			public const int ic_group_collapse_03 = 2131165336;
-			
-			// aapt resource value: 0x7F070099
-			public const int ic_group_collapse_04 = 2131165337;
-			
-			// aapt resource value: 0x7F07009A
-			public const int ic_group_collapse_05 = 2131165338;
-			
-			// aapt resource value: 0x7F07009B
-			public const int ic_group_collapse_06 = 2131165339;
-			
-			// aapt resource value: 0x7F07009C
-			public const int ic_group_collapse_07 = 2131165340;
-			
-			// aapt resource value: 0x7F07009D
-			public const int ic_group_collapse_08 = 2131165341;
-			
-			// aapt resource value: 0x7F07009E
-			public const int ic_group_collapse_09 = 2131165342;
-			
-			// aapt resource value: 0x7F07009F
-			public const int ic_group_collapse_10 = 2131165343;
-			
-			// aapt resource value: 0x7F0700A0
-			public const int ic_group_collapse_11 = 2131165344;
-			
-			// aapt resource value: 0x7F0700A1
-			public const int ic_group_collapse_12 = 2131165345;
-			
-			// aapt resource value: 0x7F0700A2
-			public const int ic_group_collapse_13 = 2131165346;
-			
-			// aapt resource value: 0x7F0700A3
-			public const int ic_group_collapse_14 = 2131165347;
-			
-			// aapt resource value: 0x7F0700A4
-			public const int ic_group_collapse_15 = 2131165348;
-			
-			// aapt resource value: 0x7F0700A5
-			public const int ic_group_expand_00 = 2131165349;
-			
-			// aapt resource value: 0x7F0700A6
-			public const int ic_group_expand_01 = 2131165350;
-			
-			// aapt resource value: 0x7F0700A7
-			public const int ic_group_expand_02 = 2131165351;
-			
-			// aapt resource value: 0x7F0700A8
-			public const int ic_group_expand_03 = 2131165352;
-			
-			// aapt resource value: 0x7F0700A9
-			public const int ic_group_expand_04 = 2131165353;
-			
-			// aapt resource value: 0x7F0700AA
-			public const int ic_group_expand_05 = 2131165354;
-			
-			// aapt resource value: 0x7F0700AB
-			public const int ic_group_expand_06 = 2131165355;
-			
-			// aapt resource value: 0x7F0700AC
-			public const int ic_group_expand_07 = 2131165356;
-			
-			// aapt resource value: 0x7F0700AD
-			public const int ic_group_expand_08 = 2131165357;
-			
-			// aapt resource value: 0x7F0700AE
-			public const int ic_group_expand_09 = 2131165358;
-			
-			// aapt resource value: 0x7F0700AF
-			public const int ic_group_expand_10 = 2131165359;
-			
-			// aapt resource value: 0x7F0700B0
-			public const int ic_group_expand_11 = 2131165360;
-			
-			// aapt resource value: 0x7F0700B1
-			public const int ic_group_expand_12 = 2131165361;
-			
-			// aapt resource value: 0x7F0700B2
-			public const int ic_group_expand_13 = 2131165362;
-			
-			// aapt resource value: 0x7F0700B3
-			public const int ic_group_expand_14 = 2131165363;
-			
-			// aapt resource value: 0x7F0700B4
-			public const int ic_group_expand_15 = 2131165364;
-			
-			// aapt resource value: 0x7F0700B5
-			public const int ic_media_pause_dark = 2131165365;
-			
-			// aapt resource value: 0x7F0700B6
-			public const int ic_media_pause_light = 2131165366;
-			
-			// aapt resource value: 0x7F0700B7
-			public const int ic_media_play_dark = 2131165367;
-			
-			// aapt resource value: 0x7F0700B8
-			public const int ic_media_play_light = 2131165368;
-			
-			// aapt resource value: 0x7F0700B9
-			public const int ic_media_stop_dark = 2131165369;
-			
-			// aapt resource value: 0x7F0700BA
-			public const int ic_media_stop_light = 2131165370;
-			
-			// aapt resource value: 0x7F0700BB
-			public const int ic_mr_button_connected_00_dark = 2131165371;
-			
-			// aapt resource value: 0x7F0700BC
-			public const int ic_mr_button_connected_00_light = 2131165372;
-			
-			// aapt resource value: 0x7F0700BD
-			public const int ic_mr_button_connected_01_dark = 2131165373;
-			
-			// aapt resource value: 0x7F0700BE
-			public const int ic_mr_button_connected_01_light = 2131165374;
-			
-			// aapt resource value: 0x7F0700BF
-			public const int ic_mr_button_connected_02_dark = 2131165375;
-			
-			// aapt resource value: 0x7F0700C0
-			public const int ic_mr_button_connected_02_light = 2131165376;
-			
-			// aapt resource value: 0x7F0700C1
-			public const int ic_mr_button_connected_03_dark = 2131165377;
-			
-			// aapt resource value: 0x7F0700C2
-			public const int ic_mr_button_connected_03_light = 2131165378;
-			
-			// aapt resource value: 0x7F0700C3
-			public const int ic_mr_button_connected_04_dark = 2131165379;
-			
-			// aapt resource value: 0x7F0700C4
-			public const int ic_mr_button_connected_04_light = 2131165380;
-			
-			// aapt resource value: 0x7F0700C5
-			public const int ic_mr_button_connected_05_dark = 2131165381;
-			
-			// aapt resource value: 0x7F0700C6
-			public const int ic_mr_button_connected_05_light = 2131165382;
-			
-			// aapt resource value: 0x7F0700C7
-			public const int ic_mr_button_connected_06_dark = 2131165383;
-			
-			// aapt resource value: 0x7F0700C8
-			public const int ic_mr_button_connected_06_light = 2131165384;
-			
-			// aapt resource value: 0x7F0700C9
-			public const int ic_mr_button_connected_07_dark = 2131165385;
-			
-			// aapt resource value: 0x7F0700CA
-			public const int ic_mr_button_connected_07_light = 2131165386;
-			
-			// aapt resource value: 0x7F0700CB
-			public const int ic_mr_button_connected_08_dark = 2131165387;
-			
-			// aapt resource value: 0x7F0700CC
-			public const int ic_mr_button_connected_08_light = 2131165388;
-			
-			// aapt resource value: 0x7F0700CD
-			public const int ic_mr_button_connected_09_dark = 2131165389;
-			
-			// aapt resource value: 0x7F0700CE
-			public const int ic_mr_button_connected_09_light = 2131165390;
-			
-			// aapt resource value: 0x7F0700CF
-			public const int ic_mr_button_connected_10_dark = 2131165391;
-			
-			// aapt resource value: 0x7F0700D0
-			public const int ic_mr_button_connected_10_light = 2131165392;
-			
-			// aapt resource value: 0x7F0700D1
-			public const int ic_mr_button_connected_11_dark = 2131165393;
-			
-			// aapt resource value: 0x7F0700D2
-			public const int ic_mr_button_connected_11_light = 2131165394;
-			
-			// aapt resource value: 0x7F0700D3
-			public const int ic_mr_button_connected_12_dark = 2131165395;
-			
-			// aapt resource value: 0x7F0700D4
-			public const int ic_mr_button_connected_12_light = 2131165396;
-			
-			// aapt resource value: 0x7F0700D5
-			public const int ic_mr_button_connected_13_dark = 2131165397;
-			
-			// aapt resource value: 0x7F0700D6
-			public const int ic_mr_button_connected_13_light = 2131165398;
-			
-			// aapt resource value: 0x7F0700D7
-			public const int ic_mr_button_connected_14_dark = 2131165399;
-			
-			// aapt resource value: 0x7F0700D8
-			public const int ic_mr_button_connected_14_light = 2131165400;
-			
-			// aapt resource value: 0x7F0700D9
-			public const int ic_mr_button_connected_15_dark = 2131165401;
-			
-			// aapt resource value: 0x7F0700DA
-			public const int ic_mr_button_connected_15_light = 2131165402;
-			
-			// aapt resource value: 0x7F0700DB
-			public const int ic_mr_button_connected_16_dark = 2131165403;
-			
-			// aapt resource value: 0x7F0700DC
-			public const int ic_mr_button_connected_16_light = 2131165404;
-			
-			// aapt resource value: 0x7F0700DD
-			public const int ic_mr_button_connected_17_dark = 2131165405;
-			
-			// aapt resource value: 0x7F0700DE
-			public const int ic_mr_button_connected_17_light = 2131165406;
-			
-			// aapt resource value: 0x7F0700DF
-			public const int ic_mr_button_connected_18_dark = 2131165407;
-			
-			// aapt resource value: 0x7F0700E0
-			public const int ic_mr_button_connected_18_light = 2131165408;
-			
-			// aapt resource value: 0x7F0700E1
-			public const int ic_mr_button_connected_19_dark = 2131165409;
-			
-			// aapt resource value: 0x7F0700E2
-			public const int ic_mr_button_connected_19_light = 2131165410;
-			
-			// aapt resource value: 0x7F0700E3
-			public const int ic_mr_button_connected_20_dark = 2131165411;
-			
-			// aapt resource value: 0x7F0700E4
-			public const int ic_mr_button_connected_20_light = 2131165412;
-			
-			// aapt resource value: 0x7F0700E5
-			public const int ic_mr_button_connected_21_dark = 2131165413;
-			
-			// aapt resource value: 0x7F0700E6
-			public const int ic_mr_button_connected_21_light = 2131165414;
-			
-			// aapt resource value: 0x7F0700E7
-			public const int ic_mr_button_connected_22_dark = 2131165415;
-			
-			// aapt resource value: 0x7F0700E8
-			public const int ic_mr_button_connected_22_light = 2131165416;
-			
-			// aapt resource value: 0x7F0700E9
-			public const int ic_mr_button_connected_23_dark = 2131165417;
-			
-			// aapt resource value: 0x7F0700EA
-			public const int ic_mr_button_connected_23_light = 2131165418;
-			
-			// aapt resource value: 0x7F0700EB
-			public const int ic_mr_button_connected_24_dark = 2131165419;
-			
-			// aapt resource value: 0x7F0700EC
-			public const int ic_mr_button_connected_24_light = 2131165420;
-			
-			// aapt resource value: 0x7F0700ED
-			public const int ic_mr_button_connected_25_dark = 2131165421;
-			
-			// aapt resource value: 0x7F0700EE
-			public const int ic_mr_button_connected_25_light = 2131165422;
-			
-			// aapt resource value: 0x7F0700EF
-			public const int ic_mr_button_connected_26_dark = 2131165423;
-			
-			// aapt resource value: 0x7F0700F0
-			public const int ic_mr_button_connected_26_light = 2131165424;
-			
-			// aapt resource value: 0x7F0700F1
-			public const int ic_mr_button_connected_27_dark = 2131165425;
-			
-			// aapt resource value: 0x7F0700F2
-			public const int ic_mr_button_connected_27_light = 2131165426;
-			
-			// aapt resource value: 0x7F0700F3
-			public const int ic_mr_button_connected_28_dark = 2131165427;
-			
-			// aapt resource value: 0x7F0700F4
-			public const int ic_mr_button_connected_28_light = 2131165428;
-			
-			// aapt resource value: 0x7F0700F5
-			public const int ic_mr_button_connected_29_dark = 2131165429;
-			
-			// aapt resource value: 0x7F0700F6
-			public const int ic_mr_button_connected_29_light = 2131165430;
-			
-			// aapt resource value: 0x7F0700F7
-			public const int ic_mr_button_connected_30_dark = 2131165431;
-			
-			// aapt resource value: 0x7F0700F8
-			public const int ic_mr_button_connected_30_light = 2131165432;
-			
-			// aapt resource value: 0x7F0700F9
-			public const int ic_mr_button_connecting_00_dark = 2131165433;
-			
-			// aapt resource value: 0x7F0700FA
-			public const int ic_mr_button_connecting_00_light = 2131165434;
-			
-			// aapt resource value: 0x7F0700FB
-			public const int ic_mr_button_connecting_01_dark = 2131165435;
-			
-			// aapt resource value: 0x7F0700FC
-			public const int ic_mr_button_connecting_01_light = 2131165436;
-			
-			// aapt resource value: 0x7F0700FD
-			public const int ic_mr_button_connecting_02_dark = 2131165437;
-			
-			// aapt resource value: 0x7F0700FE
-			public const int ic_mr_button_connecting_02_light = 2131165438;
-			
-			// aapt resource value: 0x7F0700FF
-			public const int ic_mr_button_connecting_03_dark = 2131165439;
-			
-			// aapt resource value: 0x7F070100
-			public const int ic_mr_button_connecting_03_light = 2131165440;
-			
-			// aapt resource value: 0x7F070101
-			public const int ic_mr_button_connecting_04_dark = 2131165441;
-			
-			// aapt resource value: 0x7F070102
-			public const int ic_mr_button_connecting_04_light = 2131165442;
-			
-			// aapt resource value: 0x7F070103
-			public const int ic_mr_button_connecting_05_dark = 2131165443;
-			
-			// aapt resource value: 0x7F070104
-			public const int ic_mr_button_connecting_05_light = 2131165444;
-			
-			// aapt resource value: 0x7F070105
-			public const int ic_mr_button_connecting_06_dark = 2131165445;
-			
-			// aapt resource value: 0x7F070106
-			public const int ic_mr_button_connecting_06_light = 2131165446;
-			
-			// aapt resource value: 0x7F070107
-			public const int ic_mr_button_connecting_07_dark = 2131165447;
-			
-			// aapt resource value: 0x7F070108
-			public const int ic_mr_button_connecting_07_light = 2131165448;
-			
-			// aapt resource value: 0x7F070109
-			public const int ic_mr_button_connecting_08_dark = 2131165449;
-			
-			// aapt resource value: 0x7F07010A
-			public const int ic_mr_button_connecting_08_light = 2131165450;
-			
-			// aapt resource value: 0x7F07010B
-			public const int ic_mr_button_connecting_09_dark = 2131165451;
-			
-			// aapt resource value: 0x7F07010C
-			public const int ic_mr_button_connecting_09_light = 2131165452;
-			
-			// aapt resource value: 0x7F07010D
-			public const int ic_mr_button_connecting_10_dark = 2131165453;
-			
-			// aapt resource value: 0x7F07010E
-			public const int ic_mr_button_connecting_10_light = 2131165454;
-			
-			// aapt resource value: 0x7F07010F
-			public const int ic_mr_button_connecting_11_dark = 2131165455;
-			
-			// aapt resource value: 0x7F070110
-			public const int ic_mr_button_connecting_11_light = 2131165456;
-			
-			// aapt resource value: 0x7F070111
-			public const int ic_mr_button_connecting_12_dark = 2131165457;
-			
-			// aapt resource value: 0x7F070112
-			public const int ic_mr_button_connecting_12_light = 2131165458;
-			
-			// aapt resource value: 0x7F070113
-			public const int ic_mr_button_connecting_13_dark = 2131165459;
-			
-			// aapt resource value: 0x7F070114
-			public const int ic_mr_button_connecting_13_light = 2131165460;
-			
-			// aapt resource value: 0x7F070115
-			public const int ic_mr_button_connecting_14_dark = 2131165461;
-			
-			// aapt resource value: 0x7F070116
-			public const int ic_mr_button_connecting_14_light = 2131165462;
-			
-			// aapt resource value: 0x7F070117
-			public const int ic_mr_button_connecting_15_dark = 2131165463;
-			
-			// aapt resource value: 0x7F070118
-			public const int ic_mr_button_connecting_15_light = 2131165464;
-			
-			// aapt resource value: 0x7F070119
-			public const int ic_mr_button_connecting_16_dark = 2131165465;
-			
-			// aapt resource value: 0x7F07011A
-			public const int ic_mr_button_connecting_16_light = 2131165466;
-			
-			// aapt resource value: 0x7F07011B
-			public const int ic_mr_button_connecting_17_dark = 2131165467;
-			
-			// aapt resource value: 0x7F07011C
-			public const int ic_mr_button_connecting_17_light = 2131165468;
-			
-			// aapt resource value: 0x7F07011D
-			public const int ic_mr_button_connecting_18_dark = 2131165469;
-			
-			// aapt resource value: 0x7F07011E
-			public const int ic_mr_button_connecting_18_light = 2131165470;
-			
-			// aapt resource value: 0x7F07011F
-			public const int ic_mr_button_connecting_19_dark = 2131165471;
-			
-			// aapt resource value: 0x7F070120
-			public const int ic_mr_button_connecting_19_light = 2131165472;
-			
-			// aapt resource value: 0x7F070121
-			public const int ic_mr_button_connecting_20_dark = 2131165473;
-			
-			// aapt resource value: 0x7F070122
-			public const int ic_mr_button_connecting_20_light = 2131165474;
-			
-			// aapt resource value: 0x7F070123
-			public const int ic_mr_button_connecting_21_dark = 2131165475;
-			
-			// aapt resource value: 0x7F070124
-			public const int ic_mr_button_connecting_21_light = 2131165476;
-			
-			// aapt resource value: 0x7F070125
-			public const int ic_mr_button_connecting_22_dark = 2131165477;
-			
-			// aapt resource value: 0x7F070126
-			public const int ic_mr_button_connecting_22_light = 2131165478;
-			
-			// aapt resource value: 0x7F070127
-			public const int ic_mr_button_connecting_23_dark = 2131165479;
-			
-			// aapt resource value: 0x7F070128
-			public const int ic_mr_button_connecting_23_light = 2131165480;
-			
-			// aapt resource value: 0x7F070129
-			public const int ic_mr_button_connecting_24_dark = 2131165481;
-			
-			// aapt resource value: 0x7F07012A
-			public const int ic_mr_button_connecting_24_light = 2131165482;
-			
-			// aapt resource value: 0x7F07012B
-			public const int ic_mr_button_connecting_25_dark = 2131165483;
-			
-			// aapt resource value: 0x7F07012C
-			public const int ic_mr_button_connecting_25_light = 2131165484;
-			
-			// aapt resource value: 0x7F07012D
-			public const int ic_mr_button_connecting_26_dark = 2131165485;
-			
-			// aapt resource value: 0x7F07012E
-			public const int ic_mr_button_connecting_26_light = 2131165486;
-			
-			// aapt resource value: 0x7F07012F
-			public const int ic_mr_button_connecting_27_dark = 2131165487;
-			
-			// aapt resource value: 0x7F070130
-			public const int ic_mr_button_connecting_27_light = 2131165488;
-			
-			// aapt resource value: 0x7F070131
-			public const int ic_mr_button_connecting_28_dark = 2131165489;
-			
-			// aapt resource value: 0x7F070132
-			public const int ic_mr_button_connecting_28_light = 2131165490;
-			
-			// aapt resource value: 0x7F070133
-			public const int ic_mr_button_connecting_29_dark = 2131165491;
-			
-			// aapt resource value: 0x7F070134
-			public const int ic_mr_button_connecting_29_light = 2131165492;
-			
-			// aapt resource value: 0x7F070135
-			public const int ic_mr_button_connecting_30_dark = 2131165493;
-			
-			// aapt resource value: 0x7F070136
-			public const int ic_mr_button_connecting_30_light = 2131165494;
-			
-			// aapt resource value: 0x7F070137
-			public const int ic_mr_button_disabled_dark = 2131165495;
-			
-			// aapt resource value: 0x7F070138
-			public const int ic_mr_button_disabled_light = 2131165496;
-			
-			// aapt resource value: 0x7F070139
-			public const int ic_mr_button_disconnected_dark = 2131165497;
-			
-			// aapt resource value: 0x7F07013A
-			public const int ic_mr_button_disconnected_light = 2131165498;
-			
-			// aapt resource value: 0x7F07013B
-			public const int ic_mr_button_grey = 2131165499;
-			
-			// aapt resource value: 0x7F07013C
-			public const int ic_mtrl_chip_checked_black = 2131165500;
-			
-			// aapt resource value: 0x7F07013D
-			public const int ic_mtrl_chip_checked_circle = 2131165501;
-			
-			// aapt resource value: 0x7F07013E
-			public const int ic_mtrl_chip_close_circle = 2131165502;
-			
-			// aapt resource value: 0x7F07013F
-			public const int ic_vol_type_speaker_dark = 2131165503;
-			
-			// aapt resource value: 0x7F070140
-			public const int ic_vol_type_speaker_group_dark = 2131165504;
-			
-			// aapt resource value: 0x7F070141
-			public const int ic_vol_type_speaker_group_light = 2131165505;
-			
-			// aapt resource value: 0x7F070142
-			public const int ic_vol_type_speaker_light = 2131165506;
-			
-			// aapt resource value: 0x7F070143
-			public const int ic_vol_type_tv_dark = 2131165507;
-			
-			// aapt resource value: 0x7F070144
-			public const int ic_vol_type_tv_light = 2131165508;
-			
-			// aapt resource value: 0x7F070147
-			public const int inputlayout_togglecollapseicon = 2131165511;
-			
-			// aapt resource value: 0x7F070148
-			public const int inputlayout_togglevisibleicon = 2131165512;
-			
-			// aapt resource value: 0x7F070146
-			public const int input_layout_drop_down_icon = 2131165510;
-			
-			// aapt resource value: 0x7F070149
-			public const int InvertedTriangle = 2131165513;
-			
-			// aapt resource value: 0x7F07014A
-			public const int LoginBackground = 2131165514;
-			
-			// aapt resource value: 0x7F07014B
-			public const int mr_button_connected_dark = 2131165515;
-			
-			// aapt resource value: 0x7F07014C
-			public const int mr_button_connected_light = 2131165516;
-			
-			// aapt resource value: 0x7F07014D
-			public const int mr_button_connecting_dark = 2131165517;
-			
-			// aapt resource value: 0x7F07014E
-			public const int mr_button_connecting_light = 2131165518;
-			
-			// aapt resource value: 0x7F07014F
-			public const int mr_button_dark = 2131165519;
-			
-			// aapt resource value: 0x7F070150
-			public const int mr_button_light = 2131165520;
-			
-			// aapt resource value: 0x7F070151
-			public const int mr_dialog_close_dark = 2131165521;
-			
-			// aapt resource value: 0x7F070152
-			public const int mr_dialog_close_light = 2131165522;
-			
-			// aapt resource value: 0x7F070153
-			public const int mr_dialog_material_background_dark = 2131165523;
-			
-			// aapt resource value: 0x7F070154
-			public const int mr_dialog_material_background_light = 2131165524;
-			
-			// aapt resource value: 0x7F070155
-			public const int mr_group_collapse = 2131165525;
-			
-			// aapt resource value: 0x7F070156
-			public const int mr_group_expand = 2131165526;
-			
-			// aapt resource value: 0x7F070157
-			public const int mr_media_pause_dark = 2131165527;
-			
-			// aapt resource value: 0x7F070158
-			public const int mr_media_pause_light = 2131165528;
-			
-			// aapt resource value: 0x7F070159
-			public const int mr_media_play_dark = 2131165529;
-			
-			// aapt resource value: 0x7F07015A
-			public const int mr_media_play_light = 2131165530;
-			
-			// aapt resource value: 0x7F07015B
-			public const int mr_media_stop_dark = 2131165531;
-			
-			// aapt resource value: 0x7F07015C
-			public const int mr_media_stop_light = 2131165532;
-			
-			// aapt resource value: 0x7F07015D
-			public const int mr_vol_type_audiotrack_dark = 2131165533;
-			
-			// aapt resource value: 0x7F07015E
-			public const int mr_vol_type_audiotrack_light = 2131165534;
-			
-			// aapt resource value: 0x7F07015F
-			public const int mtrl_snackbar_background = 2131165535;
-			
-			// aapt resource value: 0x7F070160
-			public const int mtrl_tabs_default_indicator = 2131165536;
-			
-			// aapt resource value: 0x7F070161
-			public const int navigation_empty_icon = 2131165537;
-			
-			// aapt resource value: 0x7F070162
-			public const int notification_action_background = 2131165538;
-			
-			// aapt resource value: 0x7F070163
-			public const int notification_bg = 2131165539;
-			
-			// aapt resource value: 0x7F070164
-			public const int notification_bg_low = 2131165540;
-			
-			// aapt resource value: 0x7F070165
-			public const int notification_bg_low_normal = 2131165541;
-			
-			// aapt resource value: 0x7F070166
-			public const int notification_bg_low_pressed = 2131165542;
-			
-			// aapt resource value: 0x7F070167
-			public const int notification_bg_normal = 2131165543;
-			
-			// aapt resource value: 0x7F070168
-			public const int notification_bg_normal_pressed = 2131165544;
-			
-			// aapt resource value: 0x7F070169
-			public const int notification_icon_background = 2131165545;
-			
-			// aapt resource value: 0x7F07016A
-			public const int notification_template_icon_bg = 2131165546;
-			
-			// aapt resource value: 0x7F07016B
-			public const int notification_template_icon_low_bg = 2131165547;
-			
-			// aapt resource value: 0x7F07016C
-			public const int notification_tile_bg = 2131165548;
-			
-			// aapt resource value: 0x7F07016D
-			public const int notify_panel_notification_icon_bg = 2131165549;
-			
-			// aapt resource value: 0x7F07016E
-			public const int OurTeam = 2131165550;
-			
-			// aapt resource value: 0x7F07016F
-			public const int Pin = 2131165551;
-			
-			// aapt resource value: 0x7F070170
-			public const int PlaceHolder = 2131165552;
-			
-			// aapt resource value: 0x7F070171
-			public const int PlaceHolderRectangle = 2131165553;
-			
-			// aapt resource value: 0x7F070172
-			public const int popup_forms_android_close_icon = 2131165554;
-			
-			// aapt resource value: 0x7F070173
-			public const int popup_forms_android_shadow = 2131165555;
-			
-			// aapt resource value: 0x7F070174
-			public const int popup_forms_dark_theme_close_icon = 2131165556;
-			
-			// aapt resource value: 0x7F070175
-			public const int popup_forms_light_theme_close_icon = 2131165557;
-			
-			// aapt resource value: 0x7F070176
-			public const int ReSchedule = 2131165558;
-			
-			// aapt resource value: 0x7F070177
-			public const int sfprogressbar_determinate_linear = 2131165559;
-			
-			// aapt resource value: 0x7F070178
-			public const int sfprogressbar_indeterminate_circular = 2131165560;
-			
-			// aapt resource value: 0x7F070179
-			public const int sfprogressbar_indeterminate_linear = 2131165561;
-			
-			// aapt resource value: 0x7F07017A
-			public const int SplashScreen = 2131165562;
-			
-			// aapt resource value: 0x7F07017B
-			public const int TimeZone = 2131165563;
-			
-			// aapt resource value: 0x7F07017C
-			public const int tooltip_frame_dark = 2131165564;
-			
-			// aapt resource value: 0x7F07017D
-			public const int tooltip_frame_light = 2131165565;
-			
-			// aapt resource value: 0x7F07017E
-			public const int ViewMode = 2131165566;
-			
-			static Drawable()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Drawable()
-			{
-			}
-		}
-		
-		public partial class Id
-		{
-			
-			// aapt resource value: 0x7F080015
-			public const int action0 = 2131230741;
-			
-			// aapt resource value: 0x7F080028
-			public const int actions = 2131230760;
-			
-			// aapt resource value: 0x7F080016
-			public const int action_bar = 2131230742;
-			
-			// aapt resource value: 0x7F080017
-			public const int action_bar_activity_content = 2131230743;
-			
-			// aapt resource value: 0x7F080018
-			public const int action_bar_container = 2131230744;
-			
-			// aapt resource value: 0x7F080019
-			public const int action_bar_root = 2131230745;
-			
-			// aapt resource value: 0x7F08001A
-			public const int action_bar_spinner = 2131230746;
-			
-			// aapt resource value: 0x7F08001B
-			public const int action_bar_subtitle = 2131230747;
-			
-			// aapt resource value: 0x7F08001C
-			public const int action_bar_title = 2131230748;
-			
-			// aapt resource value: 0x7F08001D
-			public const int action_container = 2131230749;
-			
-			// aapt resource value: 0x7F08001E
-			public const int action_context_bar = 2131230750;
-			
-			// aapt resource value: 0x7F08001F
-			public const int action_divider = 2131230751;
-			
-			// aapt resource value: 0x7F080020
-			public const int action_image = 2131230752;
-			
-			// aapt resource value: 0x7F080021
-			public const int action_menu_divider = 2131230753;
-			
-			// aapt resource value: 0x7F080022
-			public const int action_menu_presenter = 2131230754;
-			
-			// aapt resource value: 0x7F080023
-			public const int action_mode_bar = 2131230755;
-			
-			// aapt resource value: 0x7F080024
-			public const int action_mode_bar_stub = 2131230756;
-			
-			// aapt resource value: 0x7F080025
-			public const int action_mode_close_button = 2131230757;
-			
-			// aapt resource value: 0x7F080026
-			public const int action_settings = 2131230758;
-			
-			// aapt resource value: 0x7F080027
-			public const int action_text = 2131230759;
-			
-			// aapt resource value: 0x7F080029
-			public const int activity_chooser_view_content = 2131230761;
-			
-			// aapt resource value: 0x7F08002A
-			public const int add = 2131230762;
-			
-			// aapt resource value: 0x7F08002B
-			public const int alertTitle = 2131230763;
-			
-			// aapt resource value: 0x7F08002C
-			public const int all = 2131230764;
-			
-			// aapt resource value: 0x7F080000
-			public const int ALT = 2131230720;
-			
-			// aapt resource value: 0x7F08002D
-			public const int always = 2131230765;
-			
-			// aapt resource value: 0x7F08002E
-			public const int annotationLayout = 2131230766;
-			
-			// aapt resource value: 0x7F08002F
-			public const int async = 2131230767;
-			
-			// aapt resource value: 0x7F080030
-			public const int auto = 2131230768;
-			
-			// aapt resource value: 0x7F080031
-			public const int axisLayout = 2131230769;
-			
-			// aapt resource value: 0x7F080032
-			public const int beginning = 2131230770;
-			
-			// aapt resource value: 0x7F080033
-			public const int blocking = 2131230771;
-			
-			// aapt resource value: 0x7F080034
-			public const int border = 2131230772;
-			
-			// aapt resource value: 0x7F080001
-			public const int BorderView = 2131230721;
-			
-			// aapt resource value: 0x7F080002
-			public const int Bottom = 2131230722;
-			
-			// aapt resource value: 0x7F080035
-			public const int bottom = 2131230773;
-			
-			// aapt resource value: 0x7F080037
-			public const int bottomtab_navarea = 2131230775;
-			
-			// aapt resource value: 0x7F080038
-			public const int bottomtab_tabbar = 2131230776;
-			
-			// aapt resource value: 0x7F080036
-			public const int bottom_labels = 2131230774;
-			
-			// aapt resource value: 0x7F080039
-			public const int browser_actions_header_text = 2131230777;
-			
-			// aapt resource value: 0x7F08003C
-			public const int browser_actions_menu_items = 2131230780;
-			
-			// aapt resource value: 0x7F08003A
-			public const int browser_actions_menu_item_icon = 2131230778;
-			
-			// aapt resource value: 0x7F08003B
-			public const int browser_actions_menu_item_text = 2131230779;
-			
-			// aapt resource value: 0x7F08003D
-			public const int browser_actions_menu_view = 2131230781;
-			
-			// aapt resource value: 0x7F08003E
-			public const int bubbles = 2131230782;
-			
-			// aapt resource value: 0x7F08003F
-			public const int buttonPanel = 2131230783;
-			
-			// aapt resource value: 0x7F080040
-			public const int cancel_action = 2131230784;
-			
-			// aapt resource value: 0x7F080041
-			public const int center = 2131230785;
-			
-			// aapt resource value: 0x7F080042
-			public const int center_horizontal = 2131230786;
-			
-			// aapt resource value: 0x7F080043
-			public const int center_vertical = 2131230787;
-			
-			// aapt resource value: 0x7F080044
-			public const int chartBehaviorLayout = 2131230788;
-			
-			// aapt resource value: 0x7F080045
-			public const int chartLegendScrollView = 2131230789;
-			
-			// aapt resource value: 0x7F080046
-			public const int checkbox = 2131230790;
-			
-			// aapt resource value: 0x7F080047
-			public const int @checked = 2131230791;
-			
-			// aapt resource value: 0x7F080048
-			public const int chronometer = 2131230792;
-			
-			// aapt resource value: 0x7F080049
-			public const int circle = 2131230793;
-			
-			// aapt resource value: 0x7F08004A
-			public const int clip_horizontal = 2131230794;
-			
-			// aapt resource value: 0x7F08004B
-			public const int clip_vertical = 2131230795;
-			
-			// aapt resource value: 0x7F08004C
-			public const int collapseActionView = 2131230796;
-			
-			// aapt resource value: 0x7F08004D
-			public const int container = 2131230797;
-			
-			// aapt resource value: 0x7F08004E
-			public const int content = 2131230798;
-			
-			// aapt resource value: 0x7F08004F
-			public const int contentPanel = 2131230799;
-			
-			// aapt resource value: 0x7F080050
-			public const int coordinator = 2131230800;
-			
-			// aapt resource value: 0x7F080003
-			public const int CTRL = 2131230723;
-			
-			// aapt resource value: 0x7F080051
-			public const int custom = 2131230801;
-			
-			// aapt resource value: 0x7F080052
-			public const int customPanel = 2131230802;
-			
-			// aapt resource value: 0x7F080053
-			public const int dataMarkerLayout = 2131230803;
-			
-			// aapt resource value: 0x7F080054
-			public const int decor_content_parent = 2131230804;
-			
-			// aapt resource value: 0x7F080004
-			public const int Default = 2131230724;
-			
-			// aapt resource value: 0x7F080055
-			public const int default_activity_button = 2131230805;
-			
-			// aapt resource value: 0x7F080056
-			public const int design_bottom_sheet = 2131230806;
-			
-			// aapt resource value: 0x7F080057
-			public const int design_menu_item_action_area = 2131230807;
-			
-			// aapt resource value: 0x7F080058
-			public const int design_menu_item_action_area_stub = 2131230808;
-			
-			// aapt resource value: 0x7F080059
-			public const int design_menu_item_text = 2131230809;
-			
-			// aapt resource value: 0x7F08005A
-			public const int design_navigation_view = 2131230810;
-			
-			// aapt resource value: 0x7F08005B
-			public const int diamond = 2131230811;
-			
-			// aapt resource value: 0x7F08005C
-			public const int disableHome = 2131230812;
-			
-			// aapt resource value: 0x7F080005
-			public const int Dots = 2131230725;
-			
-			// aapt resource value: 0x7F08005D
-			public const int edit_query = 2131230813;
-			
-			// aapt resource value: 0x7F08005E
-			public const int end = 2131230814;
-			
-			// aapt resource value: 0x7F08005F
-			public const int end_padder = 2131230815;
-			
-			// aapt resource value: 0x7F080060
-			public const int enterAlways = 2131230816;
-			
-			// aapt resource value: 0x7F080061
-			public const int enterAlwaysCollapsed = 2131230817;
-			
-			// aapt resource value: 0x7F080062
-			public const int exact = 2131230818;
-			
-			// aapt resource value: 0x7F080063
-			public const int exitUntilCollapsed = 2131230819;
-			
-			// aapt resource value: 0x7F080065
-			public const int expanded_menu = 2131230821;
-			
-			// aapt resource value: 0x7F080064
-			public const int expand_activities_button = 2131230820;
-			
-			// aapt resource value: 0x7F080066
-			public const int fill = 2131230822;
-			
-			// aapt resource value: 0x7F080069
-			public const int filled = 2131230825;
-			
-			// aapt resource value: 0x7F080067
-			public const int fill_horizontal = 2131230823;
-			
-			// aapt resource value: 0x7F080068
-			public const int fill_vertical = 2131230824;
-			
-			// aapt resource value: 0x7F08006A
-			public const int @fixed = 2131230826;
-			
-			// aapt resource value: 0x7F08006B
-			public const int flyoutcontent_appbar = 2131230827;
-			
-			// aapt resource value: 0x7F08006C
-			public const int flyoutcontent_recycler = 2131230828;
-			
-			// aapt resource value: 0x7F08006D
-			public const int forever = 2131230829;
-			
-			// aapt resource value: 0x7F080006
-			public const int FUNCTION = 2131230726;
-			
-			// aapt resource value: 0x7F08006E
-			public const int ghost_view = 2131230830;
-			
-			// aapt resource value: 0x7F08006F
-			public const int gridLineLayout = 2131230831;
-			
-			// aapt resource value: 0x7F080070
-			public const int gridLinesLayout = 2131230832;
-			
-			// aapt resource value: 0x7F080071
-			public const int group_divider = 2131230833;
-			
-			// aapt resource value: 0x7F080072
-			public const int half = 2131230834;
-			
-			// aapt resource value: 0x7F080073
-			public const int home = 2131230835;
-			
-			// aapt resource value: 0x7F080074
-			public const int homeAsUp = 2131230836;
-			
-			// aapt resource value: 0x7F080007
-			public const int Horizontal = 2131230727;
-			
-			// aapt resource value: 0x7F080075
-			public const int icon = 2131230837;
-			
-			// aapt resource value: 0x7F080076
-			public const int iconView = 2131230838;
-			
-			// aapt resource value: 0x7F080077
-			public const int icon_group = 2131230839;
-			
-			// aapt resource value: 0x7F080078
-			public const int ifRoom = 2131230840;
-			
-			// aapt resource value: 0x7F080079
-			public const int image = 2131230841;
-			
-			// aapt resource value: 0x7F08007A
-			public const int imagewithtext = 2131230842;
-			
-			// aapt resource value: 0x7F08007B
-			public const int indeterminate = 2131230843;
-			
-			// aapt resource value: 0x7F08007C
-			public const int info = 2131230844;
-			
-			// aapt resource value: 0x7F08007D
-			public const int italic = 2131230845;
-			
-			// aapt resource value: 0x7F080008
-			public const int Itemname = 2131230728;
-			
-			// aapt resource value: 0x7F08007E
-			public const int item_touch_helper_previous_elevation = 2131230846;
-			
-			// aapt resource value: 0x7F08007F
-			public const int label = 2131230847;
-			
-			// aapt resource value: 0x7F080080
-			public const int labeled = 2131230848;
-			
-			// aapt resource value: 0x7F080081
-			public const int largeLabel = 2131230849;
-			
-			// aapt resource value: 0x7F080082
-			public const int layers = 2131230850;
-			
-			// aapt resource value: 0x7F080009
-			public const int Left = 2131230729;
-			
-			// aapt resource value: 0x7F080083
-			public const int left = 2131230851;
-			
-			// aapt resource value: 0x7F080084
-			public const int legendHeader = 2131230852;
-			
-			// aapt resource value: 0x7F080085
-			public const int legendItemsLayout = 2131230853;
-			
-			// aapt resource value: 0x7F080086
-			public const int legendLayout = 2131230854;
-			
-			// aapt resource value: 0x7F080087
-			public const int legendScrollView = 2131230855;
-			
-			// aapt resource value: 0x7F080088
-			public const int legendViewGroup = 2131230856;
-			
-			// aapt resource value: 0x7F080089
-			public const int line1 = 2131230857;
-			
-			// aapt resource value: 0x7F08008A
-			public const int line3 = 2131230858;
-			
-			// aapt resource value: 0x7F08008B
-			public const int listMode = 2131230859;
-			
-			// aapt resource value: 0x7F08008C
-			public const int list_item = 2131230860;
-			
-			// aapt resource value: 0x7F08008D
-			public const int main_appbar = 2131230861;
-			
-			// aapt resource value: 0x7F08008E
-			public const int main_tablayout = 2131230862;
-			
-			// aapt resource value: 0x7F08008F
-			public const int main_toolbar = 2131230863;
-			
-			// aapt resource value: 0x7F080090
-			public const int main_viewpager = 2131230864;
-			
-			// aapt resource value: 0x7F080091
-			public const int masked = 2131230865;
-			
-			// aapt resource value: 0x7F080092
-			public const int media_actions = 2131230866;
-			
-			// aapt resource value: 0x7F080093
-			public const int message = 2131230867;
-			
-			// aapt resource value: 0x7F08000A
-			public const int META = 2131230730;
-			
-			// aapt resource value: 0x7F080094
-			public const int middle = 2131230868;
-			
-			// aapt resource value: 0x7F080095
-			public const int mini = 2131230869;
-			
-			// aapt resource value: 0x7F08000B
-			public const int MoveBackward = 2131230731;
-			
-			// aapt resource value: 0x7F08000C
-			public const int MoveForward = 2131230732;
-			
-			// aapt resource value: 0x7F080096
-			public const int mr_art = 2131230870;
-			
-			// aapt resource value: 0x7F080097
-			public const int mr_cast_checkbox = 2131230871;
-			
-			// aapt resource value: 0x7F080098
-			public const int mr_cast_close_button = 2131230872;
-			
-			// aapt resource value: 0x7F080099
-			public const int mr_cast_group_icon = 2131230873;
-			
-			// aapt resource value: 0x7F08009A
-			public const int mr_cast_group_name = 2131230874;
-			
-			// aapt resource value: 0x7F08009B
-			public const int mr_cast_list = 2131230875;
-			
-			// aapt resource value: 0x7F08009C
-			public const int mr_cast_meta = 2131230876;
-			
-			// aapt resource value: 0x7F08009D
-			public const int mr_cast_meta_art = 2131230877;
-			
-			// aapt resource value: 0x7F08009E
-			public const int mr_cast_meta_subtitle = 2131230878;
-			
-			// aapt resource value: 0x7F08009F
-			public const int mr_cast_meta_title = 2131230879;
-			
-			// aapt resource value: 0x7F0800A0
-			public const int mr_cast_route_icon = 2131230880;
-			
-			// aapt resource value: 0x7F0800A1
-			public const int mr_cast_route_name = 2131230881;
-			
-			// aapt resource value: 0x7F0800A2
-			public const int mr_cast_stop_button = 2131230882;
-			
-			// aapt resource value: 0x7F0800A3
-			public const int mr_cast_volume_layout = 2131230883;
-			
-			// aapt resource value: 0x7F0800A4
-			public const int mr_cast_volume_slider = 2131230884;
-			
-			// aapt resource value: 0x7F0800A5
-			public const int mr_chooser_list = 2131230885;
-			
-			// aapt resource value: 0x7F0800A6
-			public const int mr_chooser_route_desc = 2131230886;
-			
-			// aapt resource value: 0x7F0800A7
-			public const int mr_chooser_route_icon = 2131230887;
-			
-			// aapt resource value: 0x7F0800A8
-			public const int mr_chooser_route_name = 2131230888;
-			
-			// aapt resource value: 0x7F0800A9
-			public const int mr_chooser_title = 2131230889;
-			
-			// aapt resource value: 0x7F0800AA
-			public const int mr_close = 2131230890;
-			
-			// aapt resource value: 0x7F0800AB
-			public const int mr_control_divider = 2131230891;
-			
-			// aapt resource value: 0x7F0800AC
-			public const int mr_control_playback_ctrl = 2131230892;
-			
-			// aapt resource value: 0x7F0800AD
-			public const int mr_control_subtitle = 2131230893;
-			
-			// aapt resource value: 0x7F0800AE
-			public const int mr_control_title = 2131230894;
-			
-			// aapt resource value: 0x7F0800AF
-			public const int mr_control_title_container = 2131230895;
-			
-			// aapt resource value: 0x7F0800B0
-			public const int mr_custom_control = 2131230896;
-			
-			// aapt resource value: 0x7F0800B1
-			public const int mr_default_control = 2131230897;
-			
-			// aapt resource value: 0x7F0800B2
-			public const int mr_dialog_area = 2131230898;
-			
-			// aapt resource value: 0x7F0800B3
-			public const int mr_dialog_header_name = 2131230899;
-			
-			// aapt resource value: 0x7F0800B4
-			public const int mr_expandable_area = 2131230900;
-			
-			// aapt resource value: 0x7F0800B5
-			public const int mr_group_expand_collapse = 2131230901;
-			
-			// aapt resource value: 0x7F0800B6
-			public const int mr_group_volume_route_name = 2131230902;
-			
-			// aapt resource value: 0x7F0800B7
-			public const int mr_group_volume_slider = 2131230903;
-			
-			// aapt resource value: 0x7F0800B8
-			public const int mr_media_main_control = 2131230904;
-			
-			// aapt resource value: 0x7F0800B9
-			public const int mr_name = 2131230905;
-			
-			// aapt resource value: 0x7F0800BA
-			public const int mr_picker_close_button = 2131230906;
-			
-			// aapt resource value: 0x7F0800BB
-			public const int mr_picker_list = 2131230907;
-			
-			// aapt resource value: 0x7F0800BC
-			public const int mr_picker_route_icon = 2131230908;
-			
-			// aapt resource value: 0x7F0800BD
-			public const int mr_picker_route_name = 2131230909;
-			
-			// aapt resource value: 0x7F0800BE
-			public const int mr_playback_control = 2131230910;
-			
-			// aapt resource value: 0x7F0800BF
-			public const int mr_title_bar = 2131230911;
-			
-			// aapt resource value: 0x7F0800C0
-			public const int mr_volume_control = 2131230912;
-			
-			// aapt resource value: 0x7F0800C1
-			public const int mr_volume_group_list = 2131230913;
-			
-			// aapt resource value: 0x7F0800C2
-			public const int mr_volume_item_icon = 2131230914;
-			
-			// aapt resource value: 0x7F0800C3
-			public const int mr_volume_slider = 2131230915;
-			
-			// aapt resource value: 0x7F0800C4
-			public const int mtrl_child_content_container = 2131230916;
-			
-			// aapt resource value: 0x7F0800C5
-			public const int mtrl_internal_children_alpha_tag = 2131230917;
-			
-			// aapt resource value: 0x7F0800C6
-			public const int multiply = 2131230918;
-			
-			// aapt resource value: 0x7F0800C7
-			public const int navigation_header_container = 2131230919;
-			
-			// aapt resource value: 0x7F0800C8
-			public const int never = 2131230920;
-			
-			// aapt resource value: 0x7F0800C9
-			public const int none = 2131230921;
-			
-			// aapt resource value: 0x7F08000D
-			public const int None = 2131230733;
-			
-			// aapt resource value: 0x7F0800CA
-			public const int normal = 2131230922;
-			
-			// aapt resource value: 0x7F0800CB
-			public const int notification_background = 2131230923;
-			
-			// aapt resource value: 0x7F0800CC
-			public const int notification_main_column = 2131230924;
-			
-			// aapt resource value: 0x7F0800CD
-			public const int notification_main_column_container = 2131230925;
-			
-			// aapt resource value: 0x7F0800CE
-			public const int outline = 2131230926;
-			
-			// aapt resource value: 0x7F08000E
-			public const int OutSide = 2131230734;
-			
-			// aapt resource value: 0x7F0800CF
-			public const int parallax = 2131230927;
-			
-			// aapt resource value: 0x7F0800D0
-			public const int parentPanel = 2131230928;
-			
-			// aapt resource value: 0x7F0800D1
-			public const int parent_matrix = 2131230929;
-			
-			// aapt resource value: 0x7F0800D2
-			public const int pin = 2131230930;
-			
-			// aapt resource value: 0x7F0800D3
-			public const int progress_circular = 2131230931;
-			
-			// aapt resource value: 0x7F0800D4
-			public const int progress_horizontal = 2131230932;
-			
-			// aapt resource value: 0x7F0800D5
-			public const int radio = 2131230933;
-			
-			// aapt resource value: 0x7F0800D6
-			public const int rectangle = 2131230934;
-			
-			// aapt resource value: 0x7F08000F
-			public const int Right = 2131230735;
-			
-			// aapt resource value: 0x7F0800D7
-			public const int right = 2131230935;
-			
-			// aapt resource value: 0x7F0800D8
-			public const int right_icon = 2131230936;
-			
-			// aapt resource value: 0x7F0800D9
-			public const int right_side = 2131230937;
-			
-			// aapt resource value: 0x7F0800DA
-			public const int rootLayout = 2131230938;
-			
-			// aapt resource value: 0x7F0800DB
-			public const int save_image_matrix = 2131230939;
-			
-			// aapt resource value: 0x7F0800DC
-			public const int save_non_transition_alpha = 2131230940;
-			
-			// aapt resource value: 0x7F0800DD
-			public const int save_scale_type = 2131230941;
-			
-			// aapt resource value: 0x7F0800DE
-			public const int screen = 2131230942;
-			
-			// aapt resource value: 0x7F0800DF
-			public const int scroll = 2131230943;
-			
-			// aapt resource value: 0x7F0800E3
-			public const int scrollable = 2131230947;
-			
-			// aapt resource value: 0x7F0800E0
-			public const int scrollIndicatorDown = 2131230944;
-			
-			// aapt resource value: 0x7F0800E1
-			public const int scrollIndicatorUp = 2131230945;
-			
-			// aapt resource value: 0x7F0800E2
-			public const int scrollView = 2131230946;
-			
-			// aapt resource value: 0x7F0800E4
-			public const int search_badge = 2131230948;
-			
-			// aapt resource value: 0x7F0800E5
-			public const int search_bar = 2131230949;
-			
-			// aapt resource value: 0x7F0800E6
-			public const int search_button = 2131230950;
-			
-			// aapt resource value: 0x7F0800E7
-			public const int search_close_btn = 2131230951;
-			
-			// aapt resource value: 0x7F0800E8
-			public const int search_edit_frame = 2131230952;
-			
-			// aapt resource value: 0x7F0800E9
-			public const int search_go_btn = 2131230953;
-			
-			// aapt resource value: 0x7F0800EA
-			public const int search_mag_icon = 2131230954;
-			
-			// aapt resource value: 0x7F0800EB
-			public const int search_plate = 2131230955;
-			
-			// aapt resource value: 0x7F0800EC
-			public const int search_src_text = 2131230956;
-			
-			// aapt resource value: 0x7F0800ED
-			public const int search_voice_btn = 2131230957;
-			
-			// aapt resource value: 0x7F0800EF
-			public const int selected = 2131230959;
-			
-			// aapt resource value: 0x7F0800EE
-			public const int select_dialog_listview = 2131230958;
-			
-			// aapt resource value: 0x7F0800F0
-			public const int seriesLayout = 2131230960;
-			
-			// aapt resource value: 0x7F0800F1
-			public const int sfprogressbar_progress = 2131230961;
-			
-			// aapt resource value: 0x7F0800F2
-			public const int sfprogressbar_secondary_progress = 2131230962;
-			
-			// aapt resource value: 0x7F0800F3
-			public const int sfprogressbar_track = 2131230963;
-			
-			// aapt resource value: 0x7F0800F4
-			public const int shellcontent_appbar = 2131230964;
-			
-			// aapt resource value: 0x7F0800F5
-			public const int shellcontent_toolbar = 2131230965;
-			
-			// aapt resource value: 0x7F080010
-			public const int SHIFT = 2131230736;
-			
-			// aapt resource value: 0x7F0800F6
-			public const int shortcut = 2131230966;
-			
-			// aapt resource value: 0x7F0800F7
-			public const int showCustom = 2131230967;
-			
-			// aapt resource value: 0x7F0800F8
-			public const int showHome = 2131230968;
-			
-			// aapt resource value: 0x7F0800F9
-			public const int showTitle = 2131230969;
-			
-			// aapt resource value: 0x7F0800FA
-			public const int sliding_tabs = 2131230970;
-			
-			// aapt resource value: 0x7F0800FB
-			public const int smallLabel = 2131230971;
-			
-			// aapt resource value: 0x7F0800FC
-			public const int snackbar_action = 2131230972;
-			
-			// aapt resource value: 0x7F0800FD
-			public const int snackbar_text = 2131230973;
-			
-			// aapt resource value: 0x7F0800FE
-			public const int snap = 2131230974;
-			
-			// aapt resource value: 0x7F0800FF
-			public const int snapMargins = 2131230975;
-			
-			// aapt resource value: 0x7F080100
-			public const int spacer = 2131230976;
-			
-			// aapt resource value: 0x7F080101
-			public const int split_action_bar = 2131230977;
-			
-			// aapt resource value: 0x7F080102
-			public const int square = 2131230978;
-			
-			// aapt resource value: 0x7F080103
-			public const int src_atop = 2131230979;
-			
-			// aapt resource value: 0x7F080104
-			public const int src_in = 2131230980;
-			
-			// aapt resource value: 0x7F080105
-			public const int src_over = 2131230981;
-			
-			// aapt resource value: 0x7F080106
-			public const int standard = 2131230982;
-			
-			// aapt resource value: 0x7F080107
-			public const int start = 2131230983;
-			
-			// aapt resource value: 0x7F080108
-			public const int status_bar_latest_event_content = 2131230984;
-			
-			// aapt resource value: 0x7F080109
-			public const int stretch = 2131230985;
-			
-			// aapt resource value: 0x7F08010A
-			public const int stripLinesLayout = 2131230986;
-			
-			// aapt resource value: 0x7F08010B
-			public const int submenuarrow = 2131230987;
-			
-			// aapt resource value: 0x7F08010C
-			public const int submit_area = 2131230988;
-			
-			// aapt resource value: 0x7F080011
-			public const int SYM = 2131230737;
-			
-			// aapt resource value: 0x7F08010D
-			public const int tabMode = 2131230989;
-			
-			// aapt resource value: 0x7F08010E
-			public const int tag_transition_group = 2131230990;
-			
-			// aapt resource value: 0x7F08010F
-			public const int tag_unhandled_key_event_manager = 2131230991;
-			
-			// aapt resource value: 0x7F080110
-			public const int tag_unhandled_key_listeners = 2131230992;
-			
-			// aapt resource value: 0x7F080111
-			public const int technicalIndicatorLayout = 2131230993;
-			
-			// aapt resource value: 0x7F080112
-			public const int text = 2131230994;
-			
-			// aapt resource value: 0x7F080113
-			public const int text2 = 2131230995;
-			
-			// aapt resource value: 0x7F080118
-			public const int textinput_counter = 2131231000;
-			
-			// aapt resource value: 0x7F080119
-			public const int textinput_error = 2131231001;
-			
-			// aapt resource value: 0x7F08011A
-			public const int textinput_helper_text = 2131231002;
-			
-			// aapt resource value: 0x7F080114
-			public const int textSpacerNoButtons = 2131230996;
-			
-			// aapt resource value: 0x7F080115
-			public const int textSpacerNoTitle = 2131230997;
-			
-			// aapt resource value: 0x7F080116
-			public const int textStart = 2131230998;
-			
-			// aapt resource value: 0x7F080117
-			public const int text_input_password_toggle = 2131230999;
-			
-			// aapt resource value: 0x7F08011B
-			public const int thumbLayout = 2131231003;
-			
-			// aapt resource value: 0x7F080012
-			public const int Thumbnail = 2131230738;
-			
-			// aapt resource value: 0x7F08011C
-			public const int time = 2131231004;
-			
-			// aapt resource value: 0x7F08011D
-			public const int title = 2131231005;
-			
-			// aapt resource value: 0x7F08011E
-			public const int titleDividerNoCustom = 2131231006;
-			
-			// aapt resource value: 0x7F08011F
-			public const int titleLayout = 2131231007;
-			
-			// aapt resource value: 0x7F080120
-			public const int title_template = 2131231008;
-			
-			// aapt resource value: 0x7F080121
-			public const int toolbar = 2131231009;
-			
-			// aapt resource value: 0x7F080122
-			public const int top = 2131231010;
-			
-			// aapt resource value: 0x7F080013
-			public const int Top = 2131230739;
-			
-			// aapt resource value: 0x7F080123
-			public const int topPanel = 2131231011;
-			
-			// aapt resource value: 0x7F080124
-			public const int top_labels = 2131231012;
-			
-			// aapt resource value: 0x7F080125
-			public const int touch_outside = 2131231013;
-			
-			// aapt resource value: 0x7F080126
-			public const int transition_current_scene = 2131231014;
-			
-			// aapt resource value: 0x7F080127
-			public const int transition_layout_save = 2131231015;
-			
-			// aapt resource value: 0x7F080128
-			public const int transition_position = 2131231016;
-			
-			// aapt resource value: 0x7F080129
-			public const int transition_scene_layoutid_cache = 2131231017;
-			
-			// aapt resource value: 0x7F08012A
-			public const int transition_transform = 2131231018;
-			
-			// aapt resource value: 0x7F08012B
-			public const int @unchecked = 2131231019;
-			
-			// aapt resource value: 0x7F08012C
-			public const int uniform = 2131231020;
-			
-			// aapt resource value: 0x7F08012D
-			public const int unlabeled = 2131231021;
-			
-			// aapt resource value: 0x7F08012E
-			public const int up = 2131231022;
-			
-			// aapt resource value: 0x7F08012F
-			public const int useLogo = 2131231023;
-			
-			// aapt resource value: 0x7F080014
-			public const int Vertical = 2131230740;
-			
-			// aapt resource value: 0x7F080130
-			public const int view_offset_helper = 2131231024;
-			
-			// aapt resource value: 0x7F080131
-			public const int visible = 2131231025;
-			
-			// aapt resource value: 0x7F080132
-			public const int volume_item_container = 2131231026;
-			
-			// aapt resource value: 0x7F080133
-			public const int withText = 2131231027;
-			
-			// aapt resource value: 0x7F080134
-			public const int wrap_content = 2131231028;
-			
-			static Id()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Id()
-			{
-			}
-		}
-		
-		public partial class Integer
-		{
-			
-			// aapt resource value: 0x7F090000
-			public const int abc_config_activityDefaultDur = 2131296256;
-			
-			// aapt resource value: 0x7F090001
-			public const int abc_config_activityShortDur = 2131296257;
-			
-			// aapt resource value: 0x7F090002
-			public const int app_bar_elevation_anim_duration = 2131296258;
-			
-			// aapt resource value: 0x7F090003
-			public const int bottom_sheet_slide_duration = 2131296259;
-			
-			// aapt resource value: 0x7F090004
-			public const int cancel_button_image_alpha = 2131296260;
-			
-			// aapt resource value: 0x7F090005
-			public const int config_tooltipAnimTime = 2131296261;
-			
-			// aapt resource value: 0x7F090006
-			public const int design_snackbar_text_max_lines = 2131296262;
-			
-			// aapt resource value: 0x7F090007
-			public const int design_tab_indicator_anim_duration_ms = 2131296263;
-			
-			// aapt resource value: 0x7F090008
-			public const int hide_password_duration = 2131296264;
-			
-			// aapt resource value: 0x7F090009
-			public const int mr_controller_volume_group_list_animation_duration_ms = 2131296265;
-			
-			// aapt resource value: 0x7F09000A
-			public const int mr_controller_volume_group_list_fade_in_duration_ms = 2131296266;
-			
-			// aapt resource value: 0x7F09000B
-			public const int mr_controller_volume_group_list_fade_out_duration_ms = 2131296267;
-			
-			// aapt resource value: 0x7F09000C
-			public const int mr_update_routes_delay_ms = 2131296268;
-			
-			// aapt resource value: 0x7F09000D
-			public const int mtrl_btn_anim_delay_ms = 2131296269;
-			
-			// aapt resource value: 0x7F09000E
-			public const int mtrl_btn_anim_duration_ms = 2131296270;
-			
-			// aapt resource value: 0x7F09000F
-			public const int mtrl_chip_anim_duration = 2131296271;
-			
-			// aapt resource value: 0x7F090010
-			public const int mtrl_tab_indicator_anim_duration_ms = 2131296272;
-			
-			// aapt resource value: 0x7F090011
-			public const int show_password_duration = 2131296273;
-			
-			// aapt resource value: 0x7F090012
-			public const int status_bar_notification_info_maxnum = 2131296274;
-			
-			static Integer()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Integer()
-			{
-			}
-		}
-		
-		public partial class Interpolator
-		{
-			
-			// aapt resource value: 0x7F0A0000
-			public const int btn_checkbox_checked_animation_interpolator_0 = 2131361792;
-			
-			// aapt resource value: 0x7F0A0001
-			public const int btn_checkbox_checked_animation_interpolator_1 = 2131361793;
-			
-			// aapt resource value: 0x7F0A0002
-			public const int btn_checkbox_indeterminate_animation_interpolator_1 = 2131361794;
-			
-			// aapt resource value: 0x7F0A0003
-			public const int btn_checkbox_unchecked_animation_interpolator_0 = 2131361795;
-			
-			// aapt resource value: 0x7F0A0004
-			public const int btn_checkbox_unchecked_animation_interpolator_1 = 2131361796;
-			
-			// aapt resource value: 0x7F0A0005
-			public const int mr_fast_out_slow_in = 2131361797;
-			
-			// aapt resource value: 0x7F0A0006
-			public const int mr_linear_out_slow_in = 2131361798;
-			
-			// aapt resource value: 0x7F0A0007
-			public const int mtrl_fast_out_linear_in = 2131361799;
-			
-			// aapt resource value: 0x7F0A0008
-			public const int mtrl_fast_out_slow_in = 2131361800;
-			
-			// aapt resource value: 0x7F0A0009
-			public const int mtrl_linear = 2131361801;
-			
-			// aapt resource value: 0x7F0A000A
-			public const int mtrl_linear_out_slow_in = 2131361802;
-			
-			static Interpolator()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Interpolator()
-			{
-			}
-		}
-		
-		public partial class Layout
-		{
-			
-			// aapt resource value: 0x7F0B0000
-			public const int abc_action_bar_title_item = 2131427328;
-			
-			// aapt resource value: 0x7F0B0001
-			public const int abc_action_bar_up_container = 2131427329;
-			
-			// aapt resource value: 0x7F0B0002
-			public const int abc_action_menu_item_layout = 2131427330;
-			
-			// aapt resource value: 0x7F0B0003
-			public const int abc_action_menu_layout = 2131427331;
-			
-			// aapt resource value: 0x7F0B0004
-			public const int abc_action_mode_bar = 2131427332;
-			
-			// aapt resource value: 0x7F0B0005
-			public const int abc_action_mode_close_item_material = 2131427333;
-			
-			// aapt resource value: 0x7F0B0006
-			public const int abc_activity_chooser_view = 2131427334;
-			
-			// aapt resource value: 0x7F0B0007
-			public const int abc_activity_chooser_view_list_item = 2131427335;
-			
-			// aapt resource value: 0x7F0B0008
-			public const int abc_alert_dialog_button_bar_material = 2131427336;
-			
-			// aapt resource value: 0x7F0B0009
-			public const int abc_alert_dialog_material = 2131427337;
-			
-			// aapt resource value: 0x7F0B000A
-			public const int abc_alert_dialog_title_material = 2131427338;
-			
-			// aapt resource value: 0x7F0B000B
-			public const int abc_cascading_menu_item_layout = 2131427339;
-			
-			// aapt resource value: 0x7F0B000C
-			public const int abc_dialog_title_material = 2131427340;
-			
-			// aapt resource value: 0x7F0B000D
-			public const int abc_expanded_menu_layout = 2131427341;
-			
-			// aapt resource value: 0x7F0B000E
-			public const int abc_list_menu_item_checkbox = 2131427342;
-			
-			// aapt resource value: 0x7F0B000F
-			public const int abc_list_menu_item_icon = 2131427343;
-			
-			// aapt resource value: 0x7F0B0010
-			public const int abc_list_menu_item_layout = 2131427344;
-			
-			// aapt resource value: 0x7F0B0011
-			public const int abc_list_menu_item_radio = 2131427345;
-			
-			// aapt resource value: 0x7F0B0012
-			public const int abc_popup_menu_header_item_layout = 2131427346;
-			
-			// aapt resource value: 0x7F0B0013
-			public const int abc_popup_menu_item_layout = 2131427347;
-			
-			// aapt resource value: 0x7F0B0014
-			public const int abc_screen_content_include = 2131427348;
-			
-			// aapt resource value: 0x7F0B0015
-			public const int abc_screen_simple = 2131427349;
-			
-			// aapt resource value: 0x7F0B0016
-			public const int abc_screen_simple_overlay_action_mode = 2131427350;
-			
-			// aapt resource value: 0x7F0B0017
-			public const int abc_screen_toolbar = 2131427351;
-			
-			// aapt resource value: 0x7F0B0018
-			public const int abc_search_dropdown_item_icons_2line = 2131427352;
-			
-			// aapt resource value: 0x7F0B0019
-			public const int abc_search_view = 2131427353;
-			
-			// aapt resource value: 0x7F0B001A
-			public const int abc_select_dialog_material = 2131427354;
-			
-			// aapt resource value: 0x7F0B001B
-			public const int abc_tooltip = 2131427355;
-			
-			// aapt resource value: 0x7F0B001C
-			public const int BottomTabLayout = 2131427356;
-			
-			// aapt resource value: 0x7F0B001D
-			public const int browser_actions_context_menu_page = 2131427357;
-			
-			// aapt resource value: 0x7F0B001E
-			public const int browser_actions_context_menu_row = 2131427358;
-			
-			// aapt resource value: 0x7F0B001F
-			public const int chart_layout = 2131427359;
-			
-			// aapt resource value: 0x7F0B0020
-			public const int chart_legend = 2131427360;
-			
-			// aapt resource value: 0x7F0B0021
-			public const int chart_legend_item = 2131427361;
-			
-			// aapt resource value: 0x7F0B0022
-			public const int CustomizedImageView = 2131427362;
-			
-			// aapt resource value: 0x7F0B0023
-			public const int CustomizedView = 2131427363;
-			
-			// aapt resource value: 0x7F0B0024
-			public const int design_bottom_navigation_item = 2131427364;
-			
-			// aapt resource value: 0x7F0B0025
-			public const int design_bottom_sheet_dialog = 2131427365;
-			
-			// aapt resource value: 0x7F0B0026
-			public const int design_layout_snackbar = 2131427366;
-			
-			// aapt resource value: 0x7F0B0027
-			public const int design_layout_snackbar_include = 2131427367;
-			
-			// aapt resource value: 0x7F0B0028
-			public const int design_layout_tab_icon = 2131427368;
-			
-			// aapt resource value: 0x7F0B0029
-			public const int design_layout_tab_text = 2131427369;
-			
-			// aapt resource value: 0x7F0B002A
-			public const int design_menu_item_action_area = 2131427370;
-			
-			// aapt resource value: 0x7F0B002B
-			public const int design_navigation_item = 2131427371;
-			
-			// aapt resource value: 0x7F0B002C
-			public const int design_navigation_item_header = 2131427372;
-			
-			// aapt resource value: 0x7F0B002D
-			public const int design_navigation_item_separator = 2131427373;
-			
-			// aapt resource value: 0x7F0B002E
-			public const int design_navigation_item_subheader = 2131427374;
-			
-			// aapt resource value: 0x7F0B002F
-			public const int design_navigation_menu = 2131427375;
-			
-			// aapt resource value: 0x7F0B0030
-			public const int design_navigation_menu_item = 2131427376;
-			
-			// aapt resource value: 0x7F0B0031
-			public const int design_text_input_password_icon = 2131427377;
-			
-			// aapt resource value: 0x7F0B0032
-			public const int FlyoutContent = 2131427378;
-			
-			// aapt resource value: 0x7F0B0033
-			public const int layout_maps = 2131427379;
-			
-			// aapt resource value: 0x7F0B0034
-			public const int mr_cast_dialog = 2131427380;
-			
-			// aapt resource value: 0x7F0B0035
-			public const int mr_cast_group_item = 2131427381;
-			
-			// aapt resource value: 0x7F0B0036
-			public const int mr_cast_group_volume_item = 2131427382;
-			
-			// aapt resource value: 0x7F0B0037
-			public const int mr_cast_media_metadata = 2131427383;
-			
-			// aapt resource value: 0x7F0B0038
-			public const int mr_cast_route_item = 2131427384;
-			
-			// aapt resource value: 0x7F0B0039
-			public const int mr_chooser_dialog = 2131427385;
-			
-			// aapt resource value: 0x7F0B003A
-			public const int mr_chooser_list_item = 2131427386;
-			
-			// aapt resource value: 0x7F0B003B
-			public const int mr_controller_material_dialog_b = 2131427387;
-			
-			// aapt resource value: 0x7F0B003C
-			public const int mr_controller_volume_item = 2131427388;
-			
-			// aapt resource value: 0x7F0B003D
-			public const int mr_dialog_header_item = 2131427389;
-			
-			// aapt resource value: 0x7F0B003E
-			public const int mr_picker_dialog = 2131427390;
-			
-			// aapt resource value: 0x7F0B003F
-			public const int mr_picker_route_item = 2131427391;
-			
-			// aapt resource value: 0x7F0B0040
-			public const int mr_playback_control = 2131427392;
-			
-			// aapt resource value: 0x7F0B0041
-			public const int mr_volume_control = 2131427393;
-			
-			// aapt resource value: 0x7F0B0042
-			public const int mtrl_layout_snackbar = 2131427394;
-			
-			// aapt resource value: 0x7F0B0043
-			public const int mtrl_layout_snackbar_include = 2131427395;
-			
-			// aapt resource value: 0x7F0B0044
-			public const int notification_action = 2131427396;
-			
-			// aapt resource value: 0x7F0B0045
-			public const int notification_action_tombstone = 2131427397;
-			
-			// aapt resource value: 0x7F0B0046
-			public const int notification_media_action = 2131427398;
-			
-			// aapt resource value: 0x7F0B0047
-			public const int notification_media_cancel_action = 2131427399;
-			
-			// aapt resource value: 0x7F0B0048
-			public const int notification_template_big_media = 2131427400;
-			
-			// aapt resource value: 0x7F0B0049
-			public const int notification_template_big_media_custom = 2131427401;
-			
-			// aapt resource value: 0x7F0B004A
-			public const int notification_template_big_media_narrow = 2131427402;
-			
-			// aapt resource value: 0x7F0B004B
-			public const int notification_template_big_media_narrow_custom = 2131427403;
-			
-			// aapt resource value: 0x7F0B004C
-			public const int notification_template_custom_big = 2131427404;
-			
-			// aapt resource value: 0x7F0B004D
-			public const int notification_template_icon_group = 2131427405;
-			
-			// aapt resource value: 0x7F0B004E
-			public const int notification_template_lines_media = 2131427406;
-			
-			// aapt resource value: 0x7F0B004F
-			public const int notification_template_media = 2131427407;
-			
-			// aapt resource value: 0x7F0B0050
-			public const int notification_template_media_custom = 2131427408;
-			
-			// aapt resource value: 0x7F0B0051
-			public const int notification_template_part_chronometer = 2131427409;
-			
-			// aapt resource value: 0x7F0B0052
-			public const int notification_template_part_time = 2131427410;
-			
-			// aapt resource value: 0x7F0B0053
-			public const int range_navigator_layout = 2131427411;
-			
-			// aapt resource value: 0x7F0B0054
-			public const int RootLayout = 2131427412;
-			
-			// aapt resource value: 0x7F0B0055
-			public const int select_dialog_item_material = 2131427413;
-			
-			// aapt resource value: 0x7F0B0056
-			public const int select_dialog_multichoice_material = 2131427414;
-			
-			// aapt resource value: 0x7F0B0057
-			public const int select_dialog_singlechoice_material = 2131427415;
-			
-			// aapt resource value: 0x7F0B0058
-			public const int sfcomboBox_layout = 2131427416;
-			
-			// aapt resource value: 0x7F0B0059
-			public const int ShellContent = 2131427417;
-			
-			// aapt resource value: 0x7F0B005A
-			public const int support_simple_spinner_dropdown_item = 2131427418;
-			
-			// aapt resource value: 0x7F0B005B
-			public const int Tabbar = 2131427419;
-			
-			// aapt resource value: 0x7F0B005C
-			public const int Toolbar = 2131427420;
-			
-			static Layout()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Layout()
-			{
-			}
-		}
-		
-		public partial class Menu
-		{
-			
-			// aapt resource value: 0x7F0C0000
-			public const int menu_sf_maps = 2131492864;
-			
-			static Menu()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Menu()
-			{
-			}
-		}
-		
-		public partial class Mipmap
-		{
-			
-			// aapt resource value: 0x7F0D0000
-			public const int icon = 2131558400;
-			
-			// aapt resource value: 0x7F0D0001
-			public const int icon_round = 2131558401;
-			
-			// aapt resource value: 0x7F0D0002
-			public const int launcher_foreground = 2131558402;
-			
-			static Mipmap()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Mipmap()
-			{
-			}
-		}
-		
-		public partial class String
-		{
-			
-			// aapt resource value: 0x7F0E0003
-			public const int abc_action_bar_home_description = 2131623939;
-			
-			// aapt resource value: 0x7F0E0004
-			public const int abc_action_bar_up_description = 2131623940;
-			
-			// aapt resource value: 0x7F0E0005
-			public const int abc_action_menu_overflow_description = 2131623941;
-			
-			// aapt resource value: 0x7F0E0006
-			public const int abc_action_mode_done = 2131623942;
-			
-			// aapt resource value: 0x7F0E0008
-			public const int abc_activitychooserview_choose_application = 2131623944;
-			
-			// aapt resource value: 0x7F0E0007
-			public const int abc_activity_chooser_view_see_all = 2131623943;
-			
-			// aapt resource value: 0x7F0E0009
-			public const int abc_capital_off = 2131623945;
-			
-			// aapt resource value: 0x7F0E000A
-			public const int abc_capital_on = 2131623946;
-			
-			// aapt resource value: 0x7F0E000B
-			public const int abc_font_family_body_1_material = 2131623947;
-			
-			// aapt resource value: 0x7F0E000C
-			public const int abc_font_family_body_2_material = 2131623948;
-			
-			// aapt resource value: 0x7F0E000D
-			public const int abc_font_family_button_material = 2131623949;
-			
-			// aapt resource value: 0x7F0E000E
-			public const int abc_font_family_caption_material = 2131623950;
-			
-			// aapt resource value: 0x7F0E000F
-			public const int abc_font_family_display_1_material = 2131623951;
-			
-			// aapt resource value: 0x7F0E0010
-			public const int abc_font_family_display_2_material = 2131623952;
-			
-			// aapt resource value: 0x7F0E0011
-			public const int abc_font_family_display_3_material = 2131623953;
-			
-			// aapt resource value: 0x7F0E0012
-			public const int abc_font_family_display_4_material = 2131623954;
-			
-			// aapt resource value: 0x7F0E0013
-			public const int abc_font_family_headline_material = 2131623955;
-			
-			// aapt resource value: 0x7F0E0014
-			public const int abc_font_family_menu_material = 2131623956;
-			
-			// aapt resource value: 0x7F0E0015
-			public const int abc_font_family_subhead_material = 2131623957;
-			
-			// aapt resource value: 0x7F0E0016
-			public const int abc_font_family_title_material = 2131623958;
-			
-			// aapt resource value: 0x7F0E0017
-			public const int abc_menu_alt_shortcut_label = 2131623959;
-			
-			// aapt resource value: 0x7F0E0018
-			public const int abc_menu_ctrl_shortcut_label = 2131623960;
-			
-			// aapt resource value: 0x7F0E0019
-			public const int abc_menu_delete_shortcut_label = 2131623961;
-			
-			// aapt resource value: 0x7F0E001A
-			public const int abc_menu_enter_shortcut_label = 2131623962;
-			
-			// aapt resource value: 0x7F0E001B
-			public const int abc_menu_function_shortcut_label = 2131623963;
-			
-			// aapt resource value: 0x7F0E001C
-			public const int abc_menu_meta_shortcut_label = 2131623964;
-			
-			// aapt resource value: 0x7F0E001D
-			public const int abc_menu_shift_shortcut_label = 2131623965;
-			
-			// aapt resource value: 0x7F0E001E
-			public const int abc_menu_space_shortcut_label = 2131623966;
-			
-			// aapt resource value: 0x7F0E001F
-			public const int abc_menu_sym_shortcut_label = 2131623967;
-			
-			// aapt resource value: 0x7F0E0020
-			public const int abc_prepend_shortcut_label = 2131623968;
-			
-			// aapt resource value: 0x7F0E0022
-			public const int abc_searchview_description_clear = 2131623970;
-			
-			// aapt resource value: 0x7F0E0023
-			public const int abc_searchview_description_query = 2131623971;
-			
-			// aapt resource value: 0x7F0E0024
-			public const int abc_searchview_description_search = 2131623972;
-			
-			// aapt resource value: 0x7F0E0025
-			public const int abc_searchview_description_submit = 2131623973;
-			
-			// aapt resource value: 0x7F0E0026
-			public const int abc_searchview_description_voice = 2131623974;
-			
-			// aapt resource value: 0x7F0E0021
-			public const int abc_search_hint = 2131623969;
-			
-			// aapt resource value: 0x7F0E0027
-			public const int abc_shareactionprovider_share_with = 2131623975;
-			
-			// aapt resource value: 0x7F0E0028
-			public const int abc_shareactionprovider_share_with_application = 2131623976;
-			
-			// aapt resource value: 0x7F0E0029
-			public const int abc_toolbar_collapse_description = 2131623977;
-			
-			// aapt resource value: 0x7F0E002A
-			public const int accept = 2131623978;
-			
-			// aapt resource value: 0x7F0E002B
-			public const int action_settings = 2131623979;
-			
-			// aapt resource value: 0x7F0E002D
-			public const int appbar_scrolling_view_behavior = 2131623981;
-			
-			// aapt resource value: 0x7F0E0000
-			public const int ApplicationName = 2131623936;
-			
-			// aapt resource value: 0x7F0E002C
-			public const int app_name = 2131623980;
-			
-			// aapt resource value: 0x7F0E002E
-			public const int bottom_sheet_behavior = 2131623982;
-			
-			// aapt resource value: 0x7F0E002F
-			public const int character_counter_content_description = 2131623983;
-			
-			// aapt resource value: 0x7F0E0030
-			public const int character_counter_pattern = 2131623984;
-			
-			// aapt resource value: 0x7F0E0031
-			public const int decline = 2131623985;
-			
-			// aapt resource value: 0x7F0E0032
-			public const int fab_transformation_scrim_behavior = 2131623986;
-			
-			// aapt resource value: 0x7F0E0033
-			public const int fab_transformation_sheet_behavior = 2131623987;
-			
-			// aapt resource value: 0x7F0E0001
-			public const int Hello = 2131623937;
-			
-			// aapt resource value: 0x7F0E0034
-			public const int hello_world = 2131623988;
-			
-			// aapt resource value: 0x7F0E0035
-			public const int hide_bottom_view_on_scroll_behavior = 2131623989;
-			
-			// aapt resource value: 0x7F0E0036
-			public const int library_name = 2131623990;
-			
-			// aapt resource value: 0x7F0E0002
-			public const int Load_More = 2131623938;
-			
-			// aapt resource value: 0x7F0E0037
-			public const int mr_button_content_description = 2131623991;
-			
-			// aapt resource value: 0x7F0E0038
-			public const int mr_cast_button_connected = 2131623992;
-			
-			// aapt resource value: 0x7F0E0039
-			public const int mr_cast_button_connecting = 2131623993;
-			
-			// aapt resource value: 0x7F0E003A
-			public const int mr_cast_button_disconnected = 2131623994;
-			
-			// aapt resource value: 0x7F0E003B
-			public const int mr_cast_dialog_title_view_placeholder = 2131623995;
-			
-			// aapt resource value: 0x7F0E003C
-			public const int mr_chooser_searching = 2131623996;
-			
-			// aapt resource value: 0x7F0E003D
-			public const int mr_chooser_title = 2131623997;
-			
-			// aapt resource value: 0x7F0E003E
-			public const int mr_controller_album_art = 2131623998;
-			
-			// aapt resource value: 0x7F0E003F
-			public const int mr_controller_casting_screen = 2131623999;
-			
-			// aapt resource value: 0x7F0E0040
-			public const int mr_controller_close_description = 2131624000;
-			
-			// aapt resource value: 0x7F0E0041
-			public const int mr_controller_collapse_group = 2131624001;
-			
-			// aapt resource value: 0x7F0E0042
-			public const int mr_controller_disconnect = 2131624002;
-			
-			// aapt resource value: 0x7F0E0043
-			public const int mr_controller_expand_group = 2131624003;
-			
-			// aapt resource value: 0x7F0E0044
-			public const int mr_controller_no_info_available = 2131624004;
-			
-			// aapt resource value: 0x7F0E0045
-			public const int mr_controller_no_media_selected = 2131624005;
-			
-			// aapt resource value: 0x7F0E0046
-			public const int mr_controller_pause = 2131624006;
-			
-			// aapt resource value: 0x7F0E0047
-			public const int mr_controller_play = 2131624007;
-			
-			// aapt resource value: 0x7F0E0048
-			public const int mr_controller_stop = 2131624008;
-			
-			// aapt resource value: 0x7F0E0049
-			public const int mr_controller_stop_casting = 2131624009;
-			
-			// aapt resource value: 0x7F0E004A
-			public const int mr_controller_volume_slider = 2131624010;
-			
-			// aapt resource value: 0x7F0E004B
-			public const int mr_dialog_device_header = 2131624011;
-			
-			// aapt resource value: 0x7F0E004C
-			public const int mr_dialog_route_header = 2131624012;
-			
-			// aapt resource value: 0x7F0E004D
-			public const int mr_system_route_name = 2131624013;
-			
-			// aapt resource value: 0x7F0E004E
-			public const int mr_user_route_category_name = 2131624014;
-			
-			// aapt resource value: 0x7F0E004F
-			public const int mtrl_chip_close_icon_content_description = 2131624015;
-			
-			// aapt resource value: 0x7F0E0050
-			public const int password_toggle_content_description = 2131624016;
-			
-			// aapt resource value: 0x7F0E0051
-			public const int path_password_eye = 2131624017;
-			
-			// aapt resource value: 0x7F0E0052
-			public const int path_password_eye_mask_strike_through = 2131624018;
-			
-			// aapt resource value: 0x7F0E0053
-			public const int path_password_eye_mask_visible = 2131624019;
-			
-			// aapt resource value: 0x7F0E0054
-			public const int path_password_strike_through = 2131624020;
-			
-			// aapt resource value: 0x7F0E0055
-			public const int popup_message = 2131624021;
-			
-			// aapt resource value: 0x7F0E0056
-			public const int q = 2131624022;
-			
-			// aapt resource value: 0x7F0E0057
-			public const int quarter = 2131624023;
-			
-			// aapt resource value: 0x7F0E0058
-			public const int search_menu_title = 2131624024;
-			
-			// aapt resource value: 0x7F0E0059
-			public const int sfcalendar_inlineviewalldaytext = 2131624025;
-			
-			// aapt resource value: 0x7F0E005A
-			public const int sfcalendar_inlineviewnoappointmenttext = 2131624026;
-			
-			// aapt resource value: 0x7F0E005B
-			public const int sfchart_close_label = 2131624027;
-			
-			// aapt resource value: 0x7F0E005C
-			public const int sfchart_decrease_label = 2131624028;
-			
-			// aapt resource value: 0x7F0E005D
-			public const int sfchart_high_label = 2131624029;
-			
-			// aapt resource value: 0x7F0E005E
-			public const int sfchart_increase_label = 2131624030;
-			
-			// aapt resource value: 0x7F0E005F
-			public const int sfchart_low_label = 2131624031;
-			
-			// aapt resource value: 0x7F0E0060
-			public const int sfchart_open_label = 2131624032;
-			
-			// aapt resource value: 0x7F0E0061
-			public const int sfchart_others_label = 2131624033;
-			
-			// aapt resource value: 0x7F0E0062
-			public const int sfchart_total_label = 2131624034;
-			
-			// aapt resource value: 0x7F0E0063
-			public const int status_bar_notification_info_overflow = 2131624035;
-			
-			// aapt resource value: 0x7F0E0064
-			public const int title = 2131624036;
-			
-			// aapt resource value: 0x7F0E0065
-			public const int w = 2131624037;
-			
-			// aapt resource value: 0x7F0E0066
-			public const int week = 2131624038;
-			
-			static String()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private String()
-			{
-			}
-		}
-		
-		public partial class Style
-		{
-			
-			// aapt resource value: 0x7F0F0000
-			public const int AlertDialog_AppCompat = 2131689472;
-			
-			// aapt resource value: 0x7F0F0001
-			public const int AlertDialog_AppCompat_Light = 2131689473;
-			
-			// aapt resource value: 0x7F0F0002
-			public const int Animation_AppCompat_Dialog = 2131689474;
-			
-			// aapt resource value: 0x7F0F0003
-			public const int Animation_AppCompat_DropDownUp = 2131689475;
-			
-			// aapt resource value: 0x7F0F0004
-			public const int Animation_AppCompat_Tooltip = 2131689476;
-			
-			// aapt resource value: 0x7F0F0005
-			public const int Animation_Design_BottomSheetDialog = 2131689477;
-			
-			// aapt resource value: 0x7F0F0006
-			public const int AppCompatDialogStyle = 2131689478;
-			
-			// aapt resource value: 0x7F0F0007
-			public const int Base_AlertDialog_AppCompat = 2131689479;
-			
-			// aapt resource value: 0x7F0F0008
-			public const int Base_AlertDialog_AppCompat_Light = 2131689480;
-			
-			// aapt resource value: 0x7F0F0009
-			public const int Base_Animation_AppCompat_Dialog = 2131689481;
-			
-			// aapt resource value: 0x7F0F000A
-			public const int Base_Animation_AppCompat_DropDownUp = 2131689482;
-			
-			// aapt resource value: 0x7F0F000B
-			public const int Base_Animation_AppCompat_Tooltip = 2131689483;
-			
-			// aapt resource value: 0x7F0F000C
-			public const int Base_CardView = 2131689484;
-			
-			// aapt resource value: 0x7F0F000E
-			public const int Base_DialogWindowTitleBackground_AppCompat = 2131689486;
-			
-			// aapt resource value: 0x7F0F000D
-			public const int Base_DialogWindowTitle_AppCompat = 2131689485;
-			
-			// aapt resource value: 0x7F0F000F
-			public const int Base_TextAppearance_AppCompat = 2131689487;
-			
-			// aapt resource value: 0x7F0F0010
-			public const int Base_TextAppearance_AppCompat_Body1 = 2131689488;
-			
-			// aapt resource value: 0x7F0F0011
-			public const int Base_TextAppearance_AppCompat_Body2 = 2131689489;
-			
-			// aapt resource value: 0x7F0F0012
-			public const int Base_TextAppearance_AppCompat_Button = 2131689490;
-			
-			// aapt resource value: 0x7F0F0013
-			public const int Base_TextAppearance_AppCompat_Caption = 2131689491;
-			
-			// aapt resource value: 0x7F0F0014
-			public const int Base_TextAppearance_AppCompat_Display1 = 2131689492;
-			
-			// aapt resource value: 0x7F0F0015
-			public const int Base_TextAppearance_AppCompat_Display2 = 2131689493;
-			
-			// aapt resource value: 0x7F0F0016
-			public const int Base_TextAppearance_AppCompat_Display3 = 2131689494;
-			
-			// aapt resource value: 0x7F0F0017
-			public const int Base_TextAppearance_AppCompat_Display4 = 2131689495;
-			
-			// aapt resource value: 0x7F0F0018
-			public const int Base_TextAppearance_AppCompat_Headline = 2131689496;
-			
-			// aapt resource value: 0x7F0F0019
-			public const int Base_TextAppearance_AppCompat_Inverse = 2131689497;
-			
-			// aapt resource value: 0x7F0F001A
-			public const int Base_TextAppearance_AppCompat_Large = 2131689498;
-			
-			// aapt resource value: 0x7F0F001B
-			public const int Base_TextAppearance_AppCompat_Large_Inverse = 2131689499;
-			
-			// aapt resource value: 0x7F0F001C
-			public const int Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = 2131689500;
-			
-			// aapt resource value: 0x7F0F001D
-			public const int Base_TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = 2131689501;
-			
-			// aapt resource value: 0x7F0F001E
-			public const int Base_TextAppearance_AppCompat_Medium = 2131689502;
-			
-			// aapt resource value: 0x7F0F001F
-			public const int Base_TextAppearance_AppCompat_Medium_Inverse = 2131689503;
-			
-			// aapt resource value: 0x7F0F0020
-			public const int Base_TextAppearance_AppCompat_Menu = 2131689504;
-			
-			// aapt resource value: 0x7F0F0021
-			public const int Base_TextAppearance_AppCompat_SearchResult = 2131689505;
-			
-			// aapt resource value: 0x7F0F0022
-			public const int Base_TextAppearance_AppCompat_SearchResult_Subtitle = 2131689506;
-			
-			// aapt resource value: 0x7F0F0023
-			public const int Base_TextAppearance_AppCompat_SearchResult_Title = 2131689507;
-			
-			// aapt resource value: 0x7F0F0024
-			public const int Base_TextAppearance_AppCompat_Small = 2131689508;
-			
-			// aapt resource value: 0x7F0F0025
-			public const int Base_TextAppearance_AppCompat_Small_Inverse = 2131689509;
-			
-			// aapt resource value: 0x7F0F0026
-			public const int Base_TextAppearance_AppCompat_Subhead = 2131689510;
-			
-			// aapt resource value: 0x7F0F0027
-			public const int Base_TextAppearance_AppCompat_Subhead_Inverse = 2131689511;
-			
-			// aapt resource value: 0x7F0F0028
-			public const int Base_TextAppearance_AppCompat_Title = 2131689512;
-			
-			// aapt resource value: 0x7F0F0029
-			public const int Base_TextAppearance_AppCompat_Title_Inverse = 2131689513;
-			
-			// aapt resource value: 0x7F0F002A
-			public const int Base_TextAppearance_AppCompat_Tooltip = 2131689514;
-			
-			// aapt resource value: 0x7F0F002B
-			public const int Base_TextAppearance_AppCompat_Widget_ActionBar_Menu = 2131689515;
-			
-			// aapt resource value: 0x7F0F002C
-			public const int Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle = 2131689516;
-			
-			// aapt resource value: 0x7F0F002D
-			public const int Base_TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = 2131689517;
-			
-			// aapt resource value: 0x7F0F002E
-			public const int Base_TextAppearance_AppCompat_Widget_ActionBar_Title = 2131689518;
-			
-			// aapt resource value: 0x7F0F002F
-			public const int Base_TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = 2131689519;
-			
-			// aapt resource value: 0x7F0F0030
-			public const int Base_TextAppearance_AppCompat_Widget_ActionMode_Subtitle = 2131689520;
-			
-			// aapt resource value: 0x7F0F0031
-			public const int Base_TextAppearance_AppCompat_Widget_ActionMode_Title = 2131689521;
-			
-			// aapt resource value: 0x7F0F0032
-			public const int Base_TextAppearance_AppCompat_Widget_Button = 2131689522;
-			
-			// aapt resource value: 0x7F0F0033
-			public const int Base_TextAppearance_AppCompat_Widget_Button_Borderless_Colored = 2131689523;
-			
-			// aapt resource value: 0x7F0F0034
-			public const int Base_TextAppearance_AppCompat_Widget_Button_Colored = 2131689524;
-			
-			// aapt resource value: 0x7F0F0035
-			public const int Base_TextAppearance_AppCompat_Widget_Button_Inverse = 2131689525;
-			
-			// aapt resource value: 0x7F0F0036
-			public const int Base_TextAppearance_AppCompat_Widget_DropDownItem = 2131689526;
-			
-			// aapt resource value: 0x7F0F0037
-			public const int Base_TextAppearance_AppCompat_Widget_PopupMenu_Header = 2131689527;
-			
-			// aapt resource value: 0x7F0F0038
-			public const int Base_TextAppearance_AppCompat_Widget_PopupMenu_Large = 2131689528;
-			
-			// aapt resource value: 0x7F0F0039
-			public const int Base_TextAppearance_AppCompat_Widget_PopupMenu_Small = 2131689529;
-			
-			// aapt resource value: 0x7F0F003A
-			public const int Base_TextAppearance_AppCompat_Widget_Switch = 2131689530;
-			
-			// aapt resource value: 0x7F0F003B
-			public const int Base_TextAppearance_AppCompat_Widget_TextView_SpinnerItem = 2131689531;
-			
-			// aapt resource value: 0x7F0F003C
-			public const int Base_TextAppearance_Widget_AppCompat_ExpandedMenu_Item = 2131689532;
-			
-			// aapt resource value: 0x7F0F003D
-			public const int Base_TextAppearance_Widget_AppCompat_Toolbar_Subtitle = 2131689533;
-			
-			// aapt resource value: 0x7F0F003E
-			public const int Base_TextAppearance_Widget_AppCompat_Toolbar_Title = 2131689534;
-			
-			// aapt resource value: 0x7F0F005E
-			public const int Base_ThemeOverlay_AppCompat = 2131689566;
-			
-			// aapt resource value: 0x7F0F005F
-			public const int Base_ThemeOverlay_AppCompat_ActionBar = 2131689567;
-			
-			// aapt resource value: 0x7F0F0060
-			public const int Base_ThemeOverlay_AppCompat_Dark = 2131689568;
-			
-			// aapt resource value: 0x7F0F0061
-			public const int Base_ThemeOverlay_AppCompat_Dark_ActionBar = 2131689569;
-			
-			// aapt resource value: 0x7F0F0062
-			public const int Base_ThemeOverlay_AppCompat_Dialog = 2131689570;
-			
-			// aapt resource value: 0x7F0F0063
-			public const int Base_ThemeOverlay_AppCompat_Dialog_Alert = 2131689571;
-			
-			// aapt resource value: 0x7F0F0064
-			public const int Base_ThemeOverlay_AppCompat_Light = 2131689572;
-			
-			// aapt resource value: 0x7F0F0065
-			public const int Base_ThemeOverlay_MaterialComponents_Dialog = 2131689573;
-			
-			// aapt resource value: 0x7F0F0066
-			public const int Base_ThemeOverlay_MaterialComponents_Dialog_Alert = 2131689574;
-			
-			// aapt resource value: 0x7F0F003F
-			public const int Base_Theme_AppCompat = 2131689535;
-			
-			// aapt resource value: 0x7F0F0040
-			public const int Base_Theme_AppCompat_CompactMenu = 2131689536;
-			
-			// aapt resource value: 0x7F0F0041
-			public const int Base_Theme_AppCompat_Dialog = 2131689537;
-			
-			// aapt resource value: 0x7F0F0045
-			public const int Base_Theme_AppCompat_DialogWhenLarge = 2131689541;
-			
-			// aapt resource value: 0x7F0F0042
-			public const int Base_Theme_AppCompat_Dialog_Alert = 2131689538;
-			
-			// aapt resource value: 0x7F0F0043
-			public const int Base_Theme_AppCompat_Dialog_FixedSize = 2131689539;
-			
-			// aapt resource value: 0x7F0F0044
-			public const int Base_Theme_AppCompat_Dialog_MinWidth = 2131689540;
-			
-			// aapt resource value: 0x7F0F0046
-			public const int Base_Theme_AppCompat_Light = 2131689542;
-			
-			// aapt resource value: 0x7F0F0047
-			public const int Base_Theme_AppCompat_Light_DarkActionBar = 2131689543;
-			
-			// aapt resource value: 0x7F0F0048
-			public const int Base_Theme_AppCompat_Light_Dialog = 2131689544;
-			
-			// aapt resource value: 0x7F0F004C
-			public const int Base_Theme_AppCompat_Light_DialogWhenLarge = 2131689548;
-			
-			// aapt resource value: 0x7F0F0049
-			public const int Base_Theme_AppCompat_Light_Dialog_Alert = 2131689545;
-			
-			// aapt resource value: 0x7F0F004A
-			public const int Base_Theme_AppCompat_Light_Dialog_FixedSize = 2131689546;
-			
-			// aapt resource value: 0x7F0F004B
-			public const int Base_Theme_AppCompat_Light_Dialog_MinWidth = 2131689547;
-			
-			// aapt resource value: 0x7F0F004D
-			public const int Base_Theme_MaterialComponents = 2131689549;
-			
-			// aapt resource value: 0x7F0F004E
-			public const int Base_Theme_MaterialComponents_Bridge = 2131689550;
-			
-			// aapt resource value: 0x7F0F004F
-			public const int Base_Theme_MaterialComponents_CompactMenu = 2131689551;
-			
-			// aapt resource value: 0x7F0F0050
-			public const int Base_Theme_MaterialComponents_Dialog = 2131689552;
-			
-			// aapt resource value: 0x7F0F0054
-			public const int Base_Theme_MaterialComponents_DialogWhenLarge = 2131689556;
-			
-			// aapt resource value: 0x7F0F0051
-			public const int Base_Theme_MaterialComponents_Dialog_Alert = 2131689553;
-			
-			// aapt resource value: 0x7F0F0052
-			public const int Base_Theme_MaterialComponents_Dialog_FixedSize = 2131689554;
-			
-			// aapt resource value: 0x7F0F0053
-			public const int Base_Theme_MaterialComponents_Dialog_MinWidth = 2131689555;
-			
-			// aapt resource value: 0x7F0F0055
-			public const int Base_Theme_MaterialComponents_Light = 2131689557;
-			
-			// aapt resource value: 0x7F0F0056
-			public const int Base_Theme_MaterialComponents_Light_Bridge = 2131689558;
-			
-			// aapt resource value: 0x7F0F0057
-			public const int Base_Theme_MaterialComponents_Light_DarkActionBar = 2131689559;
-			
-			// aapt resource value: 0x7F0F0058
-			public const int Base_Theme_MaterialComponents_Light_DarkActionBar_Bridge = 2131689560;
-			
-			// aapt resource value: 0x7F0F0059
-			public const int Base_Theme_MaterialComponents_Light_Dialog = 2131689561;
-			
-			// aapt resource value: 0x7F0F005D
-			public const int Base_Theme_MaterialComponents_Light_DialogWhenLarge = 2131689565;
-			
-			// aapt resource value: 0x7F0F005A
-			public const int Base_Theme_MaterialComponents_Light_Dialog_Alert = 2131689562;
-			
-			// aapt resource value: 0x7F0F005B
-			public const int Base_Theme_MaterialComponents_Light_Dialog_FixedSize = 2131689563;
-			
-			// aapt resource value: 0x7F0F005C
-			public const int Base_Theme_MaterialComponents_Light_Dialog_MinWidth = 2131689564;
-			
-			// aapt resource value: 0x7F0F006E
-			public const int Base_V14_ThemeOverlay_MaterialComponents_Dialog = 2131689582;
-			
-			// aapt resource value: 0x7F0F006F
-			public const int Base_V14_ThemeOverlay_MaterialComponents_Dialog_Alert = 2131689583;
-			
-			// aapt resource value: 0x7F0F0067
-			public const int Base_V14_Theme_MaterialComponents = 2131689575;
-			
-			// aapt resource value: 0x7F0F0068
-			public const int Base_V14_Theme_MaterialComponents_Bridge = 2131689576;
-			
-			// aapt resource value: 0x7F0F0069
-			public const int Base_V14_Theme_MaterialComponents_Dialog = 2131689577;
-			
-			// aapt resource value: 0x7F0F006A
-			public const int Base_V14_Theme_MaterialComponents_Light = 2131689578;
-			
-			// aapt resource value: 0x7F0F006B
-			public const int Base_V14_Theme_MaterialComponents_Light_Bridge = 2131689579;
-			
-			// aapt resource value: 0x7F0F006C
-			public const int Base_V14_Theme_MaterialComponents_Light_DarkActionBar_Bridge = 2131689580;
-			
-			// aapt resource value: 0x7F0F006D
-			public const int Base_V14_Theme_MaterialComponents_Light_Dialog = 2131689581;
-			
-			// aapt resource value: 0x7F0F0074
-			public const int Base_V21_ThemeOverlay_AppCompat_Dialog = 2131689588;
-			
-			// aapt resource value: 0x7F0F0070
-			public const int Base_V21_Theme_AppCompat = 2131689584;
-			
-			// aapt resource value: 0x7F0F0071
-			public const int Base_V21_Theme_AppCompat_Dialog = 2131689585;
-			
-			// aapt resource value: 0x7F0F0072
-			public const int Base_V21_Theme_AppCompat_Light = 2131689586;
-			
-			// aapt resource value: 0x7F0F0073
-			public const int Base_V21_Theme_AppCompat_Light_Dialog = 2131689587;
-			
-			// aapt resource value: 0x7F0F0075
-			public const int Base_V22_Theme_AppCompat = 2131689589;
-			
-			// aapt resource value: 0x7F0F0076
-			public const int Base_V22_Theme_AppCompat_Light = 2131689590;
-			
-			// aapt resource value: 0x7F0F0077
-			public const int Base_V23_Theme_AppCompat = 2131689591;
-			
-			// aapt resource value: 0x7F0F0078
-			public const int Base_V23_Theme_AppCompat_Light = 2131689592;
-			
-			// aapt resource value: 0x7F0F0079
-			public const int Base_V26_Theme_AppCompat = 2131689593;
-			
-			// aapt resource value: 0x7F0F007A
-			public const int Base_V26_Theme_AppCompat_Light = 2131689594;
-			
-			// aapt resource value: 0x7F0F007B
-			public const int Base_V26_Widget_AppCompat_Toolbar = 2131689595;
-			
-			// aapt resource value: 0x7F0F007C
-			public const int Base_V28_Theme_AppCompat = 2131689596;
-			
-			// aapt resource value: 0x7F0F007D
-			public const int Base_V28_Theme_AppCompat_Light = 2131689597;
-			
-			// aapt resource value: 0x7F0F0082
-			public const int Base_V7_ThemeOverlay_AppCompat_Dialog = 2131689602;
-			
-			// aapt resource value: 0x7F0F007E
-			public const int Base_V7_Theme_AppCompat = 2131689598;
-			
-			// aapt resource value: 0x7F0F007F
-			public const int Base_V7_Theme_AppCompat_Dialog = 2131689599;
-			
-			// aapt resource value: 0x7F0F0080
-			public const int Base_V7_Theme_AppCompat_Light = 2131689600;
-			
-			// aapt resource value: 0x7F0F0081
-			public const int Base_V7_Theme_AppCompat_Light_Dialog = 2131689601;
-			
-			// aapt resource value: 0x7F0F0083
-			public const int Base_V7_Widget_AppCompat_AutoCompleteTextView = 2131689603;
-			
-			// aapt resource value: 0x7F0F0084
-			public const int Base_V7_Widget_AppCompat_EditText = 2131689604;
-			
-			// aapt resource value: 0x7F0F0085
-			public const int Base_V7_Widget_AppCompat_Toolbar = 2131689605;
-			
-			// aapt resource value: 0x7F0F0086
-			public const int Base_Widget_AppCompat_ActionBar = 2131689606;
-			
-			// aapt resource value: 0x7F0F0087
-			public const int Base_Widget_AppCompat_ActionBar_Solid = 2131689607;
-			
-			// aapt resource value: 0x7F0F0088
-			public const int Base_Widget_AppCompat_ActionBar_TabBar = 2131689608;
-			
-			// aapt resource value: 0x7F0F0089
-			public const int Base_Widget_AppCompat_ActionBar_TabText = 2131689609;
-			
-			// aapt resource value: 0x7F0F008A
-			public const int Base_Widget_AppCompat_ActionBar_TabView = 2131689610;
-			
-			// aapt resource value: 0x7F0F008B
-			public const int Base_Widget_AppCompat_ActionButton = 2131689611;
-			
-			// aapt resource value: 0x7F0F008C
-			public const int Base_Widget_AppCompat_ActionButton_CloseMode = 2131689612;
-			
-			// aapt resource value: 0x7F0F008D
-			public const int Base_Widget_AppCompat_ActionButton_Overflow = 2131689613;
-			
-			// aapt resource value: 0x7F0F008E
-			public const int Base_Widget_AppCompat_ActionMode = 2131689614;
-			
-			// aapt resource value: 0x7F0F008F
-			public const int Base_Widget_AppCompat_ActivityChooserView = 2131689615;
-			
-			// aapt resource value: 0x7F0F0090
-			public const int Base_Widget_AppCompat_AutoCompleteTextView = 2131689616;
-			
-			// aapt resource value: 0x7F0F0091
-			public const int Base_Widget_AppCompat_Button = 2131689617;
-			
-			// aapt resource value: 0x7F0F0097
-			public const int Base_Widget_AppCompat_ButtonBar = 2131689623;
-			
-			// aapt resource value: 0x7F0F0098
-			public const int Base_Widget_AppCompat_ButtonBar_AlertDialog = 2131689624;
-			
-			// aapt resource value: 0x7F0F0092
-			public const int Base_Widget_AppCompat_Button_Borderless = 2131689618;
-			
-			// aapt resource value: 0x7F0F0093
-			public const int Base_Widget_AppCompat_Button_Borderless_Colored = 2131689619;
-			
-			// aapt resource value: 0x7F0F0094
-			public const int Base_Widget_AppCompat_Button_ButtonBar_AlertDialog = 2131689620;
-			
-			// aapt resource value: 0x7F0F0095
-			public const int Base_Widget_AppCompat_Button_Colored = 2131689621;
-			
-			// aapt resource value: 0x7F0F0096
-			public const int Base_Widget_AppCompat_Button_Small = 2131689622;
-			
-			// aapt resource value: 0x7F0F0099
-			public const int Base_Widget_AppCompat_CompoundButton_CheckBox = 2131689625;
-			
-			// aapt resource value: 0x7F0F009A
-			public const int Base_Widget_AppCompat_CompoundButton_RadioButton = 2131689626;
-			
-			// aapt resource value: 0x7F0F009B
-			public const int Base_Widget_AppCompat_CompoundButton_Switch = 2131689627;
-			
-			// aapt resource value: 0x7F0F009C
-			public const int Base_Widget_AppCompat_DrawerArrowToggle = 2131689628;
-			
-			// aapt resource value: 0x7F0F009D
-			public const int Base_Widget_AppCompat_DrawerArrowToggle_Common = 2131689629;
-			
-			// aapt resource value: 0x7F0F009E
-			public const int Base_Widget_AppCompat_DropDownItem_Spinner = 2131689630;
-			
-			// aapt resource value: 0x7F0F009F
-			public const int Base_Widget_AppCompat_EditText = 2131689631;
-			
-			// aapt resource value: 0x7F0F00A0
-			public const int Base_Widget_AppCompat_ImageButton = 2131689632;
-			
-			// aapt resource value: 0x7F0F00A1
-			public const int Base_Widget_AppCompat_Light_ActionBar = 2131689633;
-			
-			// aapt resource value: 0x7F0F00A2
-			public const int Base_Widget_AppCompat_Light_ActionBar_Solid = 2131689634;
-			
-			// aapt resource value: 0x7F0F00A3
-			public const int Base_Widget_AppCompat_Light_ActionBar_TabBar = 2131689635;
-			
-			// aapt resource value: 0x7F0F00A4
-			public const int Base_Widget_AppCompat_Light_ActionBar_TabText = 2131689636;
-			
-			// aapt resource value: 0x7F0F00A5
-			public const int Base_Widget_AppCompat_Light_ActionBar_TabText_Inverse = 2131689637;
-			
-			// aapt resource value: 0x7F0F00A6
-			public const int Base_Widget_AppCompat_Light_ActionBar_TabView = 2131689638;
-			
-			// aapt resource value: 0x7F0F00A7
-			public const int Base_Widget_AppCompat_Light_PopupMenu = 2131689639;
-			
-			// aapt resource value: 0x7F0F00A8
-			public const int Base_Widget_AppCompat_Light_PopupMenu_Overflow = 2131689640;
-			
-			// aapt resource value: 0x7F0F00A9
-			public const int Base_Widget_AppCompat_ListMenuView = 2131689641;
-			
-			// aapt resource value: 0x7F0F00AA
-			public const int Base_Widget_AppCompat_ListPopupWindow = 2131689642;
-			
-			// aapt resource value: 0x7F0F00AB
-			public const int Base_Widget_AppCompat_ListView = 2131689643;
-			
-			// aapt resource value: 0x7F0F00AC
-			public const int Base_Widget_AppCompat_ListView_DropDown = 2131689644;
-			
-			// aapt resource value: 0x7F0F00AD
-			public const int Base_Widget_AppCompat_ListView_Menu = 2131689645;
-			
-			// aapt resource value: 0x7F0F00AE
-			public const int Base_Widget_AppCompat_PopupMenu = 2131689646;
-			
-			// aapt resource value: 0x7F0F00AF
-			public const int Base_Widget_AppCompat_PopupMenu_Overflow = 2131689647;
-			
-			// aapt resource value: 0x7F0F00B0
-			public const int Base_Widget_AppCompat_PopupWindow = 2131689648;
-			
-			// aapt resource value: 0x7F0F00B1
-			public const int Base_Widget_AppCompat_ProgressBar = 2131689649;
-			
-			// aapt resource value: 0x7F0F00B2
-			public const int Base_Widget_AppCompat_ProgressBar_Horizontal = 2131689650;
-			
-			// aapt resource value: 0x7F0F00B3
-			public const int Base_Widget_AppCompat_RatingBar = 2131689651;
-			
-			// aapt resource value: 0x7F0F00B4
-			public const int Base_Widget_AppCompat_RatingBar_Indicator = 2131689652;
-			
-			// aapt resource value: 0x7F0F00B5
-			public const int Base_Widget_AppCompat_RatingBar_Small = 2131689653;
-			
-			// aapt resource value: 0x7F0F00B6
-			public const int Base_Widget_AppCompat_SearchView = 2131689654;
-			
-			// aapt resource value: 0x7F0F00B7
-			public const int Base_Widget_AppCompat_SearchView_ActionBar = 2131689655;
-			
-			// aapt resource value: 0x7F0F00B8
-			public const int Base_Widget_AppCompat_SeekBar = 2131689656;
-			
-			// aapt resource value: 0x7F0F00B9
-			public const int Base_Widget_AppCompat_SeekBar_Discrete = 2131689657;
-			
-			// aapt resource value: 0x7F0F00BA
-			public const int Base_Widget_AppCompat_Spinner = 2131689658;
-			
-			// aapt resource value: 0x7F0F00BB
-			public const int Base_Widget_AppCompat_Spinner_Underlined = 2131689659;
-			
-			// aapt resource value: 0x7F0F00BC
-			public const int Base_Widget_AppCompat_TextView_SpinnerItem = 2131689660;
-			
-			// aapt resource value: 0x7F0F00BD
-			public const int Base_Widget_AppCompat_Toolbar = 2131689661;
-			
-			// aapt resource value: 0x7F0F00BE
-			public const int Base_Widget_AppCompat_Toolbar_Button_Navigation = 2131689662;
-			
-			// aapt resource value: 0x7F0F00BF
-			public const int Base_Widget_Design_TabLayout = 2131689663;
-			
-			// aapt resource value: 0x7F0F00C0
-			public const int Base_Widget_MaterialComponents_Chip = 2131689664;
-			
-			// aapt resource value: 0x7F0F00C1
-			public const int Base_Widget_MaterialComponents_TextInputEditText = 2131689665;
-			
-			// aapt resource value: 0x7F0F00C2
-			public const int Base_Widget_MaterialComponents_TextInputLayout = 2131689666;
-			
-			// aapt resource value: 0x7F0F00C3
-			public const int CardView = 2131689667;
-			
-			// aapt resource value: 0x7F0F00C4
-			public const int CardView_Dark = 2131689668;
-			
-			// aapt resource value: 0x7F0F00C5
-			public const int CardView_Light = 2131689669;
-			
-			// aapt resource value: 0x7F0F0204
-			public const int collectionViewStyle = 2131689988;
-			
-			// aapt resource value: 0x7F0F00C6
-			public const int MainTheme = 2131689670;
-			
-			// aapt resource value: 0x7F0F00C7
-			public const int MainTheme_Base = 2131689671;
-			
-			// aapt resource value: 0x7F0F00C8
-			public const int NestedScrollBarStyle = 2131689672;
-			
-			// aapt resource value: 0x7F0F00C9
-			public const int Platform_AppCompat = 2131689673;
-			
-			// aapt resource value: 0x7F0F00CA
-			public const int Platform_AppCompat_Light = 2131689674;
-			
-			// aapt resource value: 0x7F0F00CB
-			public const int Platform_MaterialComponents = 2131689675;
-			
-			// aapt resource value: 0x7F0F00CC
-			public const int Platform_MaterialComponents_Dialog = 2131689676;
-			
-			// aapt resource value: 0x7F0F00CD
-			public const int Platform_MaterialComponents_Light = 2131689677;
-			
-			// aapt resource value: 0x7F0F00CE
-			public const int Platform_MaterialComponents_Light_Dialog = 2131689678;
-			
-			// aapt resource value: 0x7F0F00CF
-			public const int Platform_ThemeOverlay_AppCompat = 2131689679;
-			
-			// aapt resource value: 0x7F0F00D0
-			public const int Platform_ThemeOverlay_AppCompat_Dark = 2131689680;
-			
-			// aapt resource value: 0x7F0F00D1
-			public const int Platform_ThemeOverlay_AppCompat_Light = 2131689681;
-			
-			// aapt resource value: 0x7F0F00D2
-			public const int Platform_V21_AppCompat = 2131689682;
-			
-			// aapt resource value: 0x7F0F00D3
-			public const int Platform_V21_AppCompat_Light = 2131689683;
-			
-			// aapt resource value: 0x7F0F00D4
-			public const int Platform_V25_AppCompat = 2131689684;
-			
-			// aapt resource value: 0x7F0F00D5
-			public const int Platform_V25_AppCompat_Light = 2131689685;
-			
-			// aapt resource value: 0x7F0F00D6
-			public const int Platform_Widget_AppCompat_Spinner = 2131689686;
-			
-			// aapt resource value: 0x7F0F00D7
-			public const int RtlOverlay_DialogWindowTitle_AppCompat = 2131689687;
-			
-			// aapt resource value: 0x7F0F00D8
-			public const int RtlOverlay_Widget_AppCompat_ActionBar_TitleItem = 2131689688;
-			
-			// aapt resource value: 0x7F0F00D9
-			public const int RtlOverlay_Widget_AppCompat_DialogTitle_Icon = 2131689689;
-			
-			// aapt resource value: 0x7F0F00DA
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem = 2131689690;
-			
-			// aapt resource value: 0x7F0F00DB
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem_InternalGroup = 2131689691;
-			
-			// aapt resource value: 0x7F0F00DC
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem_Shortcut = 2131689692;
-			
-			// aapt resource value: 0x7F0F00DD
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem_SubmenuArrow = 2131689693;
-			
-			// aapt resource value: 0x7F0F00DE
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem_Text = 2131689694;
-			
-			// aapt resource value: 0x7F0F00DF
-			public const int RtlOverlay_Widget_AppCompat_PopupMenuItem_Title = 2131689695;
-			
-			// aapt resource value: 0x7F0F00E5
-			public const int RtlOverlay_Widget_AppCompat_SearchView_MagIcon = 2131689701;
-			
-			// aapt resource value: 0x7F0F00E0
-			public const int RtlOverlay_Widget_AppCompat_Search_DropDown = 2131689696;
-			
-			// aapt resource value: 0x7F0F00E1
-			public const int RtlOverlay_Widget_AppCompat_Search_DropDown_Icon1 = 2131689697;
-			
-			// aapt resource value: 0x7F0F00E2
-			public const int RtlOverlay_Widget_AppCompat_Search_DropDown_Icon2 = 2131689698;
-			
-			// aapt resource value: 0x7F0F00E3
-			public const int RtlOverlay_Widget_AppCompat_Search_DropDown_Query = 2131689699;
-			
-			// aapt resource value: 0x7F0F00E4
-			public const int RtlOverlay_Widget_AppCompat_Search_DropDown_Text = 2131689700;
-			
-			// aapt resource value: 0x7F0F00E6
-			public const int RtlUnderlay_Widget_AppCompat_ActionButton = 2131689702;
-			
-			// aapt resource value: 0x7F0F00E7
-			public const int RtlUnderlay_Widget_AppCompat_ActionButton_Overflow = 2131689703;
-			
-			// aapt resource value: 0x7F0F00E8
-			public const int TextAppearance_AppCompat = 2131689704;
-			
-			// aapt resource value: 0x7F0F00E9
-			public const int TextAppearance_AppCompat_Body1 = 2131689705;
-			
-			// aapt resource value: 0x7F0F00EA
-			public const int TextAppearance_AppCompat_Body2 = 2131689706;
-			
-			// aapt resource value: 0x7F0F00EB
-			public const int TextAppearance_AppCompat_Button = 2131689707;
-			
-			// aapt resource value: 0x7F0F00EC
-			public const int TextAppearance_AppCompat_Caption = 2131689708;
-			
-			// aapt resource value: 0x7F0F00ED
-			public const int TextAppearance_AppCompat_Display1 = 2131689709;
-			
-			// aapt resource value: 0x7F0F00EE
-			public const int TextAppearance_AppCompat_Display2 = 2131689710;
-			
-			// aapt resource value: 0x7F0F00EF
-			public const int TextAppearance_AppCompat_Display3 = 2131689711;
-			
-			// aapt resource value: 0x7F0F00F0
-			public const int TextAppearance_AppCompat_Display4 = 2131689712;
-			
-			// aapt resource value: 0x7F0F00F1
-			public const int TextAppearance_AppCompat_Headline = 2131689713;
-			
-			// aapt resource value: 0x7F0F00F2
-			public const int TextAppearance_AppCompat_Inverse = 2131689714;
-			
-			// aapt resource value: 0x7F0F00F3
-			public const int TextAppearance_AppCompat_Large = 2131689715;
-			
-			// aapt resource value: 0x7F0F00F4
-			public const int TextAppearance_AppCompat_Large_Inverse = 2131689716;
-			
-			// aapt resource value: 0x7F0F00F5
-			public const int TextAppearance_AppCompat_Light_SearchResult_Subtitle = 2131689717;
-			
-			// aapt resource value: 0x7F0F00F6
-			public const int TextAppearance_AppCompat_Light_SearchResult_Title = 2131689718;
-			
-			// aapt resource value: 0x7F0F00F7
-			public const int TextAppearance_AppCompat_Light_Widget_PopupMenu_Large = 2131689719;
-			
-			// aapt resource value: 0x7F0F00F8
-			public const int TextAppearance_AppCompat_Light_Widget_PopupMenu_Small = 2131689720;
-			
-			// aapt resource value: 0x7F0F00F9
-			public const int TextAppearance_AppCompat_Medium = 2131689721;
-			
-			// aapt resource value: 0x7F0F00FA
-			public const int TextAppearance_AppCompat_Medium_Inverse = 2131689722;
-			
-			// aapt resource value: 0x7F0F00FB
-			public const int TextAppearance_AppCompat_Menu = 2131689723;
-			
-			// aapt resource value: 0x7F0F00FC
-			public const int TextAppearance_AppCompat_SearchResult_Subtitle = 2131689724;
-			
-			// aapt resource value: 0x7F0F00FD
-			public const int TextAppearance_AppCompat_SearchResult_Title = 2131689725;
-			
-			// aapt resource value: 0x7F0F00FE
-			public const int TextAppearance_AppCompat_Small = 2131689726;
-			
-			// aapt resource value: 0x7F0F00FF
-			public const int TextAppearance_AppCompat_Small_Inverse = 2131689727;
-			
-			// aapt resource value: 0x7F0F0100
-			public const int TextAppearance_AppCompat_Subhead = 2131689728;
-			
-			// aapt resource value: 0x7F0F0101
-			public const int TextAppearance_AppCompat_Subhead_Inverse = 2131689729;
-			
-			// aapt resource value: 0x7F0F0102
-			public const int TextAppearance_AppCompat_Title = 2131689730;
-			
-			// aapt resource value: 0x7F0F0103
-			public const int TextAppearance_AppCompat_Title_Inverse = 2131689731;
-			
-			// aapt resource value: 0x7F0F0104
-			public const int TextAppearance_AppCompat_Tooltip = 2131689732;
-			
-			// aapt resource value: 0x7F0F0105
-			public const int TextAppearance_AppCompat_Widget_ActionBar_Menu = 2131689733;
-			
-			// aapt resource value: 0x7F0F0106
-			public const int TextAppearance_AppCompat_Widget_ActionBar_Subtitle = 2131689734;
-			
-			// aapt resource value: 0x7F0F0107
-			public const int TextAppearance_AppCompat_Widget_ActionBar_Subtitle_Inverse = 2131689735;
-			
-			// aapt resource value: 0x7F0F0108
-			public const int TextAppearance_AppCompat_Widget_ActionBar_Title = 2131689736;
-			
-			// aapt resource value: 0x7F0F0109
-			public const int TextAppearance_AppCompat_Widget_ActionBar_Title_Inverse = 2131689737;
-			
-			// aapt resource value: 0x7F0F010A
-			public const int TextAppearance_AppCompat_Widget_ActionMode_Subtitle = 2131689738;
-			
-			// aapt resource value: 0x7F0F010B
-			public const int TextAppearance_AppCompat_Widget_ActionMode_Subtitle_Inverse = 2131689739;
-			
-			// aapt resource value: 0x7F0F010C
-			public const int TextAppearance_AppCompat_Widget_ActionMode_Title = 2131689740;
-			
-			// aapt resource value: 0x7F0F010D
-			public const int TextAppearance_AppCompat_Widget_ActionMode_Title_Inverse = 2131689741;
-			
-			// aapt resource value: 0x7F0F010E
-			public const int TextAppearance_AppCompat_Widget_Button = 2131689742;
-			
-			// aapt resource value: 0x7F0F010F
-			public const int TextAppearance_AppCompat_Widget_Button_Borderless_Colored = 2131689743;
-			
-			// aapt resource value: 0x7F0F0110
-			public const int TextAppearance_AppCompat_Widget_Button_Colored = 2131689744;
-			
-			// aapt resource value: 0x7F0F0111
-			public const int TextAppearance_AppCompat_Widget_Button_Inverse = 2131689745;
-			
-			// aapt resource value: 0x7F0F0112
-			public const int TextAppearance_AppCompat_Widget_DropDownItem = 2131689746;
-			
-			// aapt resource value: 0x7F0F0113
-			public const int TextAppearance_AppCompat_Widget_PopupMenu_Header = 2131689747;
-			
-			// aapt resource value: 0x7F0F0114
-			public const int TextAppearance_AppCompat_Widget_PopupMenu_Large = 2131689748;
-			
-			// aapt resource value: 0x7F0F0115
-			public const int TextAppearance_AppCompat_Widget_PopupMenu_Small = 2131689749;
-			
-			// aapt resource value: 0x7F0F0116
-			public const int TextAppearance_AppCompat_Widget_Switch = 2131689750;
-			
-			// aapt resource value: 0x7F0F0117
-			public const int TextAppearance_AppCompat_Widget_TextView_SpinnerItem = 2131689751;
-			
-			// aapt resource value: 0x7F0F0118
-			public const int TextAppearance_Compat_Notification = 2131689752;
-			
-			// aapt resource value: 0x7F0F0119
-			public const int TextAppearance_Compat_Notification_Info = 2131689753;
-			
-			// aapt resource value: 0x7F0F011A
-			public const int TextAppearance_Compat_Notification_Info_Media = 2131689754;
-			
-			// aapt resource value: 0x7F0F011B
-			public const int TextAppearance_Compat_Notification_Line2 = 2131689755;
-			
-			// aapt resource value: 0x7F0F011C
-			public const int TextAppearance_Compat_Notification_Line2_Media = 2131689756;
-			
-			// aapt resource value: 0x7F0F011D
-			public const int TextAppearance_Compat_Notification_Media = 2131689757;
-			
-			// aapt resource value: 0x7F0F011E
-			public const int TextAppearance_Compat_Notification_Time = 2131689758;
-			
-			// aapt resource value: 0x7F0F011F
-			public const int TextAppearance_Compat_Notification_Time_Media = 2131689759;
-			
-			// aapt resource value: 0x7F0F0120
-			public const int TextAppearance_Compat_Notification_Title = 2131689760;
-			
-			// aapt resource value: 0x7F0F0121
-			public const int TextAppearance_Compat_Notification_Title_Media = 2131689761;
-			
-			// aapt resource value: 0x7F0F0122
-			public const int TextAppearance_Design_CollapsingToolbar_Expanded = 2131689762;
-			
-			// aapt resource value: 0x7F0F0123
-			public const int TextAppearance_Design_Counter = 2131689763;
-			
-			// aapt resource value: 0x7F0F0124
-			public const int TextAppearance_Design_Counter_Overflow = 2131689764;
-			
-			// aapt resource value: 0x7F0F0125
-			public const int TextAppearance_Design_Error = 2131689765;
-			
-			// aapt resource value: 0x7F0F0126
-			public const int TextAppearance_Design_HelperText = 2131689766;
-			
-			// aapt resource value: 0x7F0F0127
-			public const int TextAppearance_Design_Hint = 2131689767;
-			
-			// aapt resource value: 0x7F0F0128
-			public const int TextAppearance_Design_Snackbar_Message = 2131689768;
-			
-			// aapt resource value: 0x7F0F0129
-			public const int TextAppearance_Design_Tab = 2131689769;
-			
-			// aapt resource value: 0x7F0F012A
-			public const int TextAppearance_MaterialComponents_Body1 = 2131689770;
-			
-			// aapt resource value: 0x7F0F012B
-			public const int TextAppearance_MaterialComponents_Body2 = 2131689771;
-			
-			// aapt resource value: 0x7F0F012C
-			public const int TextAppearance_MaterialComponents_Button = 2131689772;
-			
-			// aapt resource value: 0x7F0F012D
-			public const int TextAppearance_MaterialComponents_Caption = 2131689773;
-			
-			// aapt resource value: 0x7F0F012E
-			public const int TextAppearance_MaterialComponents_Chip = 2131689774;
-			
-			// aapt resource value: 0x7F0F012F
-			public const int TextAppearance_MaterialComponents_Headline1 = 2131689775;
-			
-			// aapt resource value: 0x7F0F0130
-			public const int TextAppearance_MaterialComponents_Headline2 = 2131689776;
-			
-			// aapt resource value: 0x7F0F0131
-			public const int TextAppearance_MaterialComponents_Headline3 = 2131689777;
-			
-			// aapt resource value: 0x7F0F0132
-			public const int TextAppearance_MaterialComponents_Headline4 = 2131689778;
-			
-			// aapt resource value: 0x7F0F0133
-			public const int TextAppearance_MaterialComponents_Headline5 = 2131689779;
-			
-			// aapt resource value: 0x7F0F0134
-			public const int TextAppearance_MaterialComponents_Headline6 = 2131689780;
-			
-			// aapt resource value: 0x7F0F0135
-			public const int TextAppearance_MaterialComponents_Overline = 2131689781;
-			
-			// aapt resource value: 0x7F0F0136
-			public const int TextAppearance_MaterialComponents_Subtitle1 = 2131689782;
-			
-			// aapt resource value: 0x7F0F0137
-			public const int TextAppearance_MaterialComponents_Subtitle2 = 2131689783;
-			
-			// aapt resource value: 0x7F0F0138
-			public const int TextAppearance_MaterialComponents_Tab = 2131689784;
-			
-			// aapt resource value: 0x7F0F0139
-			public const int TextAppearance_MediaRouter_PrimaryText = 2131689785;
-			
-			// aapt resource value: 0x7F0F013A
-			public const int TextAppearance_MediaRouter_SecondaryText = 2131689786;
-			
-			// aapt resource value: 0x7F0F013B
-			public const int TextAppearance_MediaRouter_Title = 2131689787;
-			
-			// aapt resource value: 0x7F0F013C
-			public const int TextAppearance_Widget_AppCompat_ExpandedMenu_Item = 2131689788;
-			
-			// aapt resource value: 0x7F0F013D
-			public const int TextAppearance_Widget_AppCompat_Toolbar_Subtitle = 2131689789;
-			
-			// aapt resource value: 0x7F0F013E
-			public const int TextAppearance_Widget_AppCompat_Toolbar_Title = 2131689790;
-			
-			// aapt resource value: 0x7F0F0174
-			public const int ThemeOverlay_AppCompat = 2131689844;
-			
-			// aapt resource value: 0x7F0F0175
-			public const int ThemeOverlay_AppCompat_ActionBar = 2131689845;
-			
-			// aapt resource value: 0x7F0F0176
-			public const int ThemeOverlay_AppCompat_Dark = 2131689846;
-			
-			// aapt resource value: 0x7F0F0177
-			public const int ThemeOverlay_AppCompat_Dark_ActionBar = 2131689847;
-			
-			// aapt resource value: 0x7F0F0178
-			public const int ThemeOverlay_AppCompat_Dialog = 2131689848;
-			
-			// aapt resource value: 0x7F0F0179
-			public const int ThemeOverlay_AppCompat_Dialog_Alert = 2131689849;
-			
-			// aapt resource value: 0x7F0F017A
-			public const int ThemeOverlay_AppCompat_Light = 2131689850;
-			
-			// aapt resource value: 0x7F0F017B
-			public const int ThemeOverlay_MaterialComponents = 2131689851;
-			
-			// aapt resource value: 0x7F0F017C
-			public const int ThemeOverlay_MaterialComponents_ActionBar = 2131689852;
-			
-			// aapt resource value: 0x7F0F017D
-			public const int ThemeOverlay_MaterialComponents_Dark = 2131689853;
-			
-			// aapt resource value: 0x7F0F017E
-			public const int ThemeOverlay_MaterialComponents_Dark_ActionBar = 2131689854;
-			
-			// aapt resource value: 0x7F0F017F
-			public const int ThemeOverlay_MaterialComponents_Dialog = 2131689855;
-			
-			// aapt resource value: 0x7F0F0180
-			public const int ThemeOverlay_MaterialComponents_Dialog_Alert = 2131689856;
-			
-			// aapt resource value: 0x7F0F0181
-			public const int ThemeOverlay_MaterialComponents_Light = 2131689857;
-			
-			// aapt resource value: 0x7F0F0182
-			public const int ThemeOverlay_MaterialComponents_TextInputEditText = 2131689858;
-			
-			// aapt resource value: 0x7F0F0183
-			public const int ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox = 2131689859;
-			
-			// aapt resource value: 0x7F0F0184
-			public const int ThemeOverlay_MaterialComponents_TextInputEditText_FilledBox_Dense = 2131689860;
-			
-			// aapt resource value: 0x7F0F0185
-			public const int ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox = 2131689861;
-			
-			// aapt resource value: 0x7F0F0186
-			public const int ThemeOverlay_MaterialComponents_TextInputEditText_OutlinedBox_Dense = 2131689862;
-			
-			// aapt resource value: 0x7F0F0187
-			public const int ThemeOverlay_MediaRouter_Dark = 2131689863;
-			
-			// aapt resource value: 0x7F0F0188
-			public const int ThemeOverlay_MediaRouter_Light = 2131689864;
-			
-			// aapt resource value: 0x7F0F013F
-			public const int Theme_AppCompat = 2131689791;
-			
-			// aapt resource value: 0x7F0F0140
-			public const int Theme_AppCompat_CompactMenu = 2131689792;
-			
-			// aapt resource value: 0x7F0F0141
-			public const int Theme_AppCompat_DayNight = 2131689793;
-			
-			// aapt resource value: 0x7F0F0142
-			public const int Theme_AppCompat_DayNight_DarkActionBar = 2131689794;
-			
-			// aapt resource value: 0x7F0F0143
-			public const int Theme_AppCompat_DayNight_Dialog = 2131689795;
-			
-			// aapt resource value: 0x7F0F0146
-			public const int Theme_AppCompat_DayNight_DialogWhenLarge = 2131689798;
-			
-			// aapt resource value: 0x7F0F0144
-			public const int Theme_AppCompat_DayNight_Dialog_Alert = 2131689796;
-			
-			// aapt resource value: 0x7F0F0145
-			public const int Theme_AppCompat_DayNight_Dialog_MinWidth = 2131689797;
-			
-			// aapt resource value: 0x7F0F0147
-			public const int Theme_AppCompat_DayNight_NoActionBar = 2131689799;
-			
-			// aapt resource value: 0x7F0F0148
-			public const int Theme_AppCompat_Dialog = 2131689800;
-			
-			// aapt resource value: 0x7F0F014B
-			public const int Theme_AppCompat_DialogWhenLarge = 2131689803;
-			
-			// aapt resource value: 0x7F0F0149
-			public const int Theme_AppCompat_Dialog_Alert = 2131689801;
-			
-			// aapt resource value: 0x7F0F014A
-			public const int Theme_AppCompat_Dialog_MinWidth = 2131689802;
-			
-			// aapt resource value: 0x7F0F014C
-			public const int Theme_AppCompat_Light = 2131689804;
-			
-			// aapt resource value: 0x7F0F014D
-			public const int Theme_AppCompat_Light_DarkActionBar = 2131689805;
-			
-			// aapt resource value: 0x7F0F014E
-			public const int Theme_AppCompat_Light_Dialog = 2131689806;
-			
-			// aapt resource value: 0x7F0F0151
-			public const int Theme_AppCompat_Light_DialogWhenLarge = 2131689809;
-			
-			// aapt resource value: 0x7F0F014F
-			public const int Theme_AppCompat_Light_Dialog_Alert = 2131689807;
-			
-			// aapt resource value: 0x7F0F0150
-			public const int Theme_AppCompat_Light_Dialog_MinWidth = 2131689808;
-			
-			// aapt resource value: 0x7F0F0152
-			public const int Theme_AppCompat_Light_NoActionBar = 2131689810;
-			
-			// aapt resource value: 0x7F0F0153
-			public const int Theme_AppCompat_NoActionBar = 2131689811;
-			
-			// aapt resource value: 0x7F0F0154
-			public const int Theme_Design = 2131689812;
-			
-			// aapt resource value: 0x7F0F0155
-			public const int Theme_Design_BottomSheetDialog = 2131689813;
-			
-			// aapt resource value: 0x7F0F0156
-			public const int Theme_Design_Light = 2131689814;
-			
-			// aapt resource value: 0x7F0F0157
-			public const int Theme_Design_Light_BottomSheetDialog = 2131689815;
-			
-			// aapt resource value: 0x7F0F0158
-			public const int Theme_Design_Light_NoActionBar = 2131689816;
-			
-			// aapt resource value: 0x7F0F0159
-			public const int Theme_Design_NoActionBar = 2131689817;
-			
-			// aapt resource value: 0x7F0F015A
-			public const int Theme_MaterialComponents = 2131689818;
-			
-			// aapt resource value: 0x7F0F015B
-			public const int Theme_MaterialComponents_BottomSheetDialog = 2131689819;
-			
-			// aapt resource value: 0x7F0F015C
-			public const int Theme_MaterialComponents_Bridge = 2131689820;
-			
-			// aapt resource value: 0x7F0F015D
-			public const int Theme_MaterialComponents_CompactMenu = 2131689821;
-			
-			// aapt resource value: 0x7F0F015E
-			public const int Theme_MaterialComponents_Dialog = 2131689822;
-			
-			// aapt resource value: 0x7F0F0161
-			public const int Theme_MaterialComponents_DialogWhenLarge = 2131689825;
-			
-			// aapt resource value: 0x7F0F015F
-			public const int Theme_MaterialComponents_Dialog_Alert = 2131689823;
-			
-			// aapt resource value: 0x7F0F0160
-			public const int Theme_MaterialComponents_Dialog_MinWidth = 2131689824;
-			
-			// aapt resource value: 0x7F0F0162
-			public const int Theme_MaterialComponents_Light = 2131689826;
-			
-			// aapt resource value: 0x7F0F0163
-			public const int Theme_MaterialComponents_Light_BottomSheetDialog = 2131689827;
-			
-			// aapt resource value: 0x7F0F0164
-			public const int Theme_MaterialComponents_Light_Bridge = 2131689828;
-			
-			// aapt resource value: 0x7F0F0165
-			public const int Theme_MaterialComponents_Light_DarkActionBar = 2131689829;
-			
-			// aapt resource value: 0x7F0F0166
-			public const int Theme_MaterialComponents_Light_DarkActionBar_Bridge = 2131689830;
-			
-			// aapt resource value: 0x7F0F0167
-			public const int Theme_MaterialComponents_Light_Dialog = 2131689831;
-			
-			// aapt resource value: 0x7F0F016A
-			public const int Theme_MaterialComponents_Light_DialogWhenLarge = 2131689834;
-			
-			// aapt resource value: 0x7F0F0168
-			public const int Theme_MaterialComponents_Light_Dialog_Alert = 2131689832;
-			
-			// aapt resource value: 0x7F0F0169
-			public const int Theme_MaterialComponents_Light_Dialog_MinWidth = 2131689833;
-			
-			// aapt resource value: 0x7F0F016B
-			public const int Theme_MaterialComponents_Light_NoActionBar = 2131689835;
-			
-			// aapt resource value: 0x7F0F016C
-			public const int Theme_MaterialComponents_Light_NoActionBar_Bridge = 2131689836;
-			
-			// aapt resource value: 0x7F0F016D
-			public const int Theme_MaterialComponents_NoActionBar = 2131689837;
-			
-			// aapt resource value: 0x7F0F016E
-			public const int Theme_MaterialComponents_NoActionBar_Bridge = 2131689838;
-			
-			// aapt resource value: 0x7F0F016F
-			public const int Theme_MediaRouter = 2131689839;
-			
-			// aapt resource value: 0x7F0F0170
-			public const int Theme_MediaRouter_Light = 2131689840;
-			
-			// aapt resource value: 0x7F0F0172
-			public const int Theme_MediaRouter_LightControlPanel = 2131689842;
-			
-			// aapt resource value: 0x7F0F0171
-			public const int Theme_MediaRouter_Light_DarkControlPanel = 2131689841;
-			
-			// aapt resource value: 0x7F0F0173
-			public const int Theme_Splash = 2131689843;
-			
-			// aapt resource value: 0x7F0F0189
-			public const int Widget_AppCompat_ActionBar = 2131689865;
-			
-			// aapt resource value: 0x7F0F018A
-			public const int Widget_AppCompat_ActionBar_Solid = 2131689866;
-			
-			// aapt resource value: 0x7F0F018B
-			public const int Widget_AppCompat_ActionBar_TabBar = 2131689867;
-			
-			// aapt resource value: 0x7F0F018C
-			public const int Widget_AppCompat_ActionBar_TabText = 2131689868;
-			
-			// aapt resource value: 0x7F0F018D
-			public const int Widget_AppCompat_ActionBar_TabView = 2131689869;
-			
-			// aapt resource value: 0x7F0F018E
-			public const int Widget_AppCompat_ActionButton = 2131689870;
-			
-			// aapt resource value: 0x7F0F018F
-			public const int Widget_AppCompat_ActionButton_CloseMode = 2131689871;
-			
-			// aapt resource value: 0x7F0F0190
-			public const int Widget_AppCompat_ActionButton_Overflow = 2131689872;
-			
-			// aapt resource value: 0x7F0F0191
-			public const int Widget_AppCompat_ActionMode = 2131689873;
-			
-			// aapt resource value: 0x7F0F0192
-			public const int Widget_AppCompat_ActivityChooserView = 2131689874;
-			
-			// aapt resource value: 0x7F0F0193
-			public const int Widget_AppCompat_AutoCompleteTextView = 2131689875;
-			
-			// aapt resource value: 0x7F0F0194
-			public const int Widget_AppCompat_Button = 2131689876;
-			
-			// aapt resource value: 0x7F0F019A
-			public const int Widget_AppCompat_ButtonBar = 2131689882;
-			
-			// aapt resource value: 0x7F0F019B
-			public const int Widget_AppCompat_ButtonBar_AlertDialog = 2131689883;
-			
-			// aapt resource value: 0x7F0F0195
-			public const int Widget_AppCompat_Button_Borderless = 2131689877;
-			
-			// aapt resource value: 0x7F0F0196
-			public const int Widget_AppCompat_Button_Borderless_Colored = 2131689878;
-			
-			// aapt resource value: 0x7F0F0197
-			public const int Widget_AppCompat_Button_ButtonBar_AlertDialog = 2131689879;
-			
-			// aapt resource value: 0x7F0F0198
-			public const int Widget_AppCompat_Button_Colored = 2131689880;
-			
-			// aapt resource value: 0x7F0F0199
-			public const int Widget_AppCompat_Button_Small = 2131689881;
-			
-			// aapt resource value: 0x7F0F019C
-			public const int Widget_AppCompat_CompoundButton_CheckBox = 2131689884;
-			
-			// aapt resource value: 0x7F0F019D
-			public const int Widget_AppCompat_CompoundButton_RadioButton = 2131689885;
-			
-			// aapt resource value: 0x7F0F019E
-			public const int Widget_AppCompat_CompoundButton_Switch = 2131689886;
-			
-			// aapt resource value: 0x7F0F019F
-			public const int Widget_AppCompat_DrawerArrowToggle = 2131689887;
-			
-			// aapt resource value: 0x7F0F01A0
-			public const int Widget_AppCompat_DropDownItem_Spinner = 2131689888;
-			
-			// aapt resource value: 0x7F0F01A1
-			public const int Widget_AppCompat_EditText = 2131689889;
-			
-			// aapt resource value: 0x7F0F01A2
-			public const int Widget_AppCompat_ImageButton = 2131689890;
-			
-			// aapt resource value: 0x7F0F01A3
-			public const int Widget_AppCompat_Light_ActionBar = 2131689891;
-			
-			// aapt resource value: 0x7F0F01A4
-			public const int Widget_AppCompat_Light_ActionBar_Solid = 2131689892;
-			
-			// aapt resource value: 0x7F0F01A5
-			public const int Widget_AppCompat_Light_ActionBar_Solid_Inverse = 2131689893;
-			
-			// aapt resource value: 0x7F0F01A6
-			public const int Widget_AppCompat_Light_ActionBar_TabBar = 2131689894;
-			
-			// aapt resource value: 0x7F0F01A7
-			public const int Widget_AppCompat_Light_ActionBar_TabBar_Inverse = 2131689895;
-			
-			// aapt resource value: 0x7F0F01A8
-			public const int Widget_AppCompat_Light_ActionBar_TabText = 2131689896;
-			
-			// aapt resource value: 0x7F0F01A9
-			public const int Widget_AppCompat_Light_ActionBar_TabText_Inverse = 2131689897;
-			
-			// aapt resource value: 0x7F0F01AA
-			public const int Widget_AppCompat_Light_ActionBar_TabView = 2131689898;
-			
-			// aapt resource value: 0x7F0F01AB
-			public const int Widget_AppCompat_Light_ActionBar_TabView_Inverse = 2131689899;
-			
-			// aapt resource value: 0x7F0F01AC
-			public const int Widget_AppCompat_Light_ActionButton = 2131689900;
-			
-			// aapt resource value: 0x7F0F01AD
-			public const int Widget_AppCompat_Light_ActionButton_CloseMode = 2131689901;
-			
-			// aapt resource value: 0x7F0F01AE
-			public const int Widget_AppCompat_Light_ActionButton_Overflow = 2131689902;
-			
-			// aapt resource value: 0x7F0F01AF
-			public const int Widget_AppCompat_Light_ActionMode_Inverse = 2131689903;
-			
-			// aapt resource value: 0x7F0F01B0
-			public const int Widget_AppCompat_Light_ActivityChooserView = 2131689904;
-			
-			// aapt resource value: 0x7F0F01B1
-			public const int Widget_AppCompat_Light_AutoCompleteTextView = 2131689905;
-			
-			// aapt resource value: 0x7F0F01B2
-			public const int Widget_AppCompat_Light_DropDownItem_Spinner = 2131689906;
-			
-			// aapt resource value: 0x7F0F01B3
-			public const int Widget_AppCompat_Light_ListPopupWindow = 2131689907;
-			
-			// aapt resource value: 0x7F0F01B4
-			public const int Widget_AppCompat_Light_ListView_DropDown = 2131689908;
-			
-			// aapt resource value: 0x7F0F01B5
-			public const int Widget_AppCompat_Light_PopupMenu = 2131689909;
-			
-			// aapt resource value: 0x7F0F01B6
-			public const int Widget_AppCompat_Light_PopupMenu_Overflow = 2131689910;
-			
-			// aapt resource value: 0x7F0F01B7
-			public const int Widget_AppCompat_Light_SearchView = 2131689911;
-			
-			// aapt resource value: 0x7F0F01B8
-			public const int Widget_AppCompat_Light_Spinner_DropDown_ActionBar = 2131689912;
-			
-			// aapt resource value: 0x7F0F01B9
-			public const int Widget_AppCompat_ListMenuView = 2131689913;
-			
-			// aapt resource value: 0x7F0F01BA
-			public const int Widget_AppCompat_ListPopupWindow = 2131689914;
-			
-			// aapt resource value: 0x7F0F01BB
-			public const int Widget_AppCompat_ListView = 2131689915;
-			
-			// aapt resource value: 0x7F0F01BC
-			public const int Widget_AppCompat_ListView_DropDown = 2131689916;
-			
-			// aapt resource value: 0x7F0F01BD
-			public const int Widget_AppCompat_ListView_Menu = 2131689917;
-			
-			// aapt resource value: 0x7F0F01BE
-			public const int Widget_AppCompat_PopupMenu = 2131689918;
-			
-			// aapt resource value: 0x7F0F01BF
-			public const int Widget_AppCompat_PopupMenu_Overflow = 2131689919;
-			
-			// aapt resource value: 0x7F0F01C0
-			public const int Widget_AppCompat_PopupWindow = 2131689920;
-			
-			// aapt resource value: 0x7F0F01C1
-			public const int Widget_AppCompat_ProgressBar = 2131689921;
-			
-			// aapt resource value: 0x7F0F01C2
-			public const int Widget_AppCompat_ProgressBar_Horizontal = 2131689922;
-			
-			// aapt resource value: 0x7F0F01C3
-			public const int Widget_AppCompat_RatingBar = 2131689923;
-			
-			// aapt resource value: 0x7F0F01C4
-			public const int Widget_AppCompat_RatingBar_Indicator = 2131689924;
-			
-			// aapt resource value: 0x7F0F01C5
-			public const int Widget_AppCompat_RatingBar_Small = 2131689925;
-			
-			// aapt resource value: 0x7F0F01C6
-			public const int Widget_AppCompat_SearchView = 2131689926;
-			
-			// aapt resource value: 0x7F0F01C7
-			public const int Widget_AppCompat_SearchView_ActionBar = 2131689927;
-			
-			// aapt resource value: 0x7F0F01C8
-			public const int Widget_AppCompat_SeekBar = 2131689928;
-			
-			// aapt resource value: 0x7F0F01C9
-			public const int Widget_AppCompat_SeekBar_Discrete = 2131689929;
-			
-			// aapt resource value: 0x7F0F01CA
-			public const int Widget_AppCompat_Spinner = 2131689930;
-			
-			// aapt resource value: 0x7F0F01CB
-			public const int Widget_AppCompat_Spinner_DropDown = 2131689931;
-			
-			// aapt resource value: 0x7F0F01CC
-			public const int Widget_AppCompat_Spinner_DropDown_ActionBar = 2131689932;
-			
-			// aapt resource value: 0x7F0F01CD
-			public const int Widget_AppCompat_Spinner_Underlined = 2131689933;
-			
-			// aapt resource value: 0x7F0F01CE
-			public const int Widget_AppCompat_TextView_SpinnerItem = 2131689934;
-			
-			// aapt resource value: 0x7F0F01CF
-			public const int Widget_AppCompat_Toolbar = 2131689935;
-			
-			// aapt resource value: 0x7F0F01D0
-			public const int Widget_AppCompat_Toolbar_Button_Navigation = 2131689936;
-			
-			// aapt resource value: 0x7F0F01D1
-			public const int Widget_Compat_NotificationActionContainer = 2131689937;
-			
-			// aapt resource value: 0x7F0F01D2
-			public const int Widget_Compat_NotificationActionText = 2131689938;
-			
-			// aapt resource value: 0x7F0F01D3
-			public const int Widget_Design_AppBarLayout = 2131689939;
-			
-			// aapt resource value: 0x7F0F01D4
-			public const int Widget_Design_BottomNavigationView = 2131689940;
-			
-			// aapt resource value: 0x7F0F01D5
-			public const int Widget_Design_BottomSheet_Modal = 2131689941;
-			
-			// aapt resource value: 0x7F0F01D6
-			public const int Widget_Design_CollapsingToolbar = 2131689942;
-			
-			// aapt resource value: 0x7F0F01D7
-			public const int Widget_Design_FloatingActionButton = 2131689943;
-			
-			// aapt resource value: 0x7F0F01D8
-			public const int Widget_Design_NavigationView = 2131689944;
-			
-			// aapt resource value: 0x7F0F01D9
-			public const int Widget_Design_ScrimInsetsFrameLayout = 2131689945;
-			
-			// aapt resource value: 0x7F0F01DA
-			public const int Widget_Design_Snackbar = 2131689946;
-			
-			// aapt resource value: 0x7F0F01DB
-			public const int Widget_Design_TabLayout = 2131689947;
-			
-			// aapt resource value: 0x7F0F01DC
-			public const int Widget_Design_TextInputLayout = 2131689948;
-			
-			// aapt resource value: 0x7F0F01DD
-			public const int Widget_MaterialComponents_BottomAppBar = 2131689949;
-			
-			// aapt resource value: 0x7F0F01DE
-			public const int Widget_MaterialComponents_BottomAppBar_Colored = 2131689950;
-			
-			// aapt resource value: 0x7F0F01DF
-			public const int Widget_MaterialComponents_BottomNavigationView = 2131689951;
-			
-			// aapt resource value: 0x7F0F01E0
-			public const int Widget_MaterialComponents_BottomNavigationView_Colored = 2131689952;
-			
-			// aapt resource value: 0x7F0F01E1
-			public const int Widget_MaterialComponents_BottomSheet_Modal = 2131689953;
-			
-			// aapt resource value: 0x7F0F01E2
-			public const int Widget_MaterialComponents_Button = 2131689954;
-			
-			// aapt resource value: 0x7F0F01E3
-			public const int Widget_MaterialComponents_Button_Icon = 2131689955;
-			
-			// aapt resource value: 0x7F0F01E4
-			public const int Widget_MaterialComponents_Button_OutlinedButton = 2131689956;
-			
-			// aapt resource value: 0x7F0F01E5
-			public const int Widget_MaterialComponents_Button_OutlinedButton_Icon = 2131689957;
-			
-			// aapt resource value: 0x7F0F01E6
-			public const int Widget_MaterialComponents_Button_TextButton = 2131689958;
-			
-			// aapt resource value: 0x7F0F01E7
-			public const int Widget_MaterialComponents_Button_TextButton_Dialog = 2131689959;
-			
-			// aapt resource value: 0x7F0F01E8
-			public const int Widget_MaterialComponents_Button_TextButton_Dialog_Icon = 2131689960;
-			
-			// aapt resource value: 0x7F0F01E9
-			public const int Widget_MaterialComponents_Button_TextButton_Icon = 2131689961;
-			
-			// aapt resource value: 0x7F0F01EA
-			public const int Widget_MaterialComponents_Button_UnelevatedButton = 2131689962;
-			
-			// aapt resource value: 0x7F0F01EB
-			public const int Widget_MaterialComponents_Button_UnelevatedButton_Icon = 2131689963;
-			
-			// aapt resource value: 0x7F0F01EC
-			public const int Widget_MaterialComponents_CardView = 2131689964;
-			
-			// aapt resource value: 0x7F0F01F1
-			public const int Widget_MaterialComponents_ChipGroup = 2131689969;
-			
-			// aapt resource value: 0x7F0F01ED
-			public const int Widget_MaterialComponents_Chip_Action = 2131689965;
-			
-			// aapt resource value: 0x7F0F01EE
-			public const int Widget_MaterialComponents_Chip_Choice = 2131689966;
-			
-			// aapt resource value: 0x7F0F01EF
-			public const int Widget_MaterialComponents_Chip_Entry = 2131689967;
-			
-			// aapt resource value: 0x7F0F01F0
-			public const int Widget_MaterialComponents_Chip_Filter = 2131689968;
-			
-			// aapt resource value: 0x7F0F01F2
-			public const int Widget_MaterialComponents_FloatingActionButton = 2131689970;
-			
-			// aapt resource value: 0x7F0F01F3
-			public const int Widget_MaterialComponents_NavigationView = 2131689971;
-			
-			// aapt resource value: 0x7F0F01F4
-			public const int Widget_MaterialComponents_Snackbar = 2131689972;
-			
-			// aapt resource value: 0x7F0F01F5
-			public const int Widget_MaterialComponents_Snackbar_FullWidth = 2131689973;
-			
-			// aapt resource value: 0x7F0F01F6
-			public const int Widget_MaterialComponents_TabLayout = 2131689974;
-			
-			// aapt resource value: 0x7F0F01F7
-			public const int Widget_MaterialComponents_TabLayout_Colored = 2131689975;
-			
-			// aapt resource value: 0x7F0F01F8
-			public const int Widget_MaterialComponents_TextInputEditText_FilledBox = 2131689976;
-			
-			// aapt resource value: 0x7F0F01F9
-			public const int Widget_MaterialComponents_TextInputEditText_FilledBox_Dense = 2131689977;
-			
-			// aapt resource value: 0x7F0F01FA
-			public const int Widget_MaterialComponents_TextInputEditText_OutlinedBox = 2131689978;
-			
-			// aapt resource value: 0x7F0F01FB
-			public const int Widget_MaterialComponents_TextInputEditText_OutlinedBox_Dense = 2131689979;
-			
-			// aapt resource value: 0x7F0F01FC
-			public const int Widget_MaterialComponents_TextInputLayout_FilledBox = 2131689980;
-			
-			// aapt resource value: 0x7F0F01FD
-			public const int Widget_MaterialComponents_TextInputLayout_FilledBox_Dense = 2131689981;
-			
-			// aapt resource value: 0x7F0F01FE
-			public const int Widget_MaterialComponents_TextInputLayout_OutlinedBox = 2131689982;
-			
-			// aapt resource value: 0x7F0F01FF
-			public const int Widget_MaterialComponents_TextInputLayout_OutlinedBox_Dense = 2131689983;
-			
-			// aapt resource value: 0x7F0F0200
-			public const int Widget_MaterialComponents_Toolbar = 2131689984;
-			
-			// aapt resource value: 0x7F0F0201
-			public const int Widget_MediaRouter_Light_MediaRouteButton = 2131689985;
-			
-			// aapt resource value: 0x7F0F0202
-			public const int Widget_MediaRouter_MediaRouteButton = 2131689986;
-			
-			// aapt resource value: 0x7F0F0203
-			public const int Widget_Support_CoordinatorLayout = 2131689987;
-			
-			static Style()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Style()
-			{
-			}
-		}
-		
-		public partial class Styleable
-		{
-			
-			// aapt resource value: { 0x7F030031,0x7F030032,0x7F030033,0x7F030098,0x7F030099,0x7F03009A,0x7F03009B,0x7F03009C,0x7F03009D,0x7F0300AC,0x7F0300B1,0x7F0300B2,0x7F0300BD,0x7F0300EA,0x7F0300EF,0x7F0300F4,0x7F0300F5,0x7F0300F7,0x7F030101,0x7F03010C,0x7F03012F,0x7F030155,0x7F030166,0x7F03016A,0x7F03016B,0x7F0301C6,0x7F0301C9,0x7F03020E,0x7F030218 }
-			public static int[] ActionBar = new int[] {
-					2130903089,
-					2130903090,
-					2130903091,
-					2130903192,
-					2130903193,
-					2130903194,
-					2130903195,
-					2130903196,
-					2130903197,
-					2130903212,
-					2130903217,
-					2130903218,
-					2130903229,
-					2130903274,
-					2130903279,
-					2130903284,
-					2130903285,
-					2130903287,
-					2130903297,
-					2130903308,
-					2130903343,
-					2130903381,
-					2130903398,
-					2130903402,
-					2130903403,
-					2130903494,
-					2130903497,
-					2130903566,
-					2130903576};
-			
-			// aapt resource value: { 0x10100B3 }
-			public static int[] ActionBarLayout = new int[] {
-					16842931};
-			
-			// aapt resource value: 0
-			public const int ActionBarLayout_android_layout_gravity = 0;
-			
-			// aapt resource value: 0
-			public const int ActionBar_background = 0;
-			
-			// aapt resource value: 1
-			public const int ActionBar_backgroundSplit = 1;
-			
-			// aapt resource value: 2
-			public const int ActionBar_backgroundStacked = 2;
-			
-			// aapt resource value: 3
-			public const int ActionBar_contentInsetEnd = 3;
-			
-			// aapt resource value: 4
-			public const int ActionBar_contentInsetEndWithActions = 4;
-			
-			// aapt resource value: 5
-			public const int ActionBar_contentInsetLeft = 5;
-			
-			// aapt resource value: 6
-			public const int ActionBar_contentInsetRight = 6;
-			
-			// aapt resource value: 7
-			public const int ActionBar_contentInsetStart = 7;
-			
-			// aapt resource value: 8
-			public const int ActionBar_contentInsetStartWithNavigation = 8;
-			
-			// aapt resource value: 9
-			public const int ActionBar_customNavigationLayout = 9;
-			
-			// aapt resource value: 10
-			public const int ActionBar_displayOptions = 10;
-			
-			// aapt resource value: 11
-			public const int ActionBar_divider = 11;
-			
-			// aapt resource value: 12
-			public const int ActionBar_elevation = 12;
-			
-			// aapt resource value: 13
-			public const int ActionBar_height = 13;
-			
-			// aapt resource value: 14
-			public const int ActionBar_hideOnContentScroll = 14;
-			
-			// aapt resource value: 15
-			public const int ActionBar_homeAsUpIndicator = 15;
-			
-			// aapt resource value: 16
-			public const int ActionBar_homeLayout = 16;
-			
-			// aapt resource value: 17
-			public const int ActionBar_icon = 17;
-			
-			// aapt resource value: 18
-			public const int ActionBar_indeterminateProgressStyle = 18;
-			
-			// aapt resource value: 19
-			public const int ActionBar_itemPadding = 19;
-			
-			// aapt resource value: 20
-			public const int ActionBar_logo = 20;
-			
-			// aapt resource value: 21
-			public const int ActionBar_navigationMode = 21;
-			
-			// aapt resource value: 22
-			public const int ActionBar_popupTheme = 22;
-			
-			// aapt resource value: 23
-			public const int ActionBar_progressBarPadding = 23;
-			
-			// aapt resource value: 24
-			public const int ActionBar_progressBarStyle = 24;
-			
-			// aapt resource value: 25
-			public const int ActionBar_subtitle = 25;
-			
-			// aapt resource value: 26
-			public const int ActionBar_subtitleTextStyle = 26;
-			
-			// aapt resource value: 27
-			public const int ActionBar_title = 27;
-			
-			// aapt resource value: 28
-			public const int ActionBar_titleTextStyle = 28;
-			
-			// aapt resource value: { 0x101013F }
-			public static int[] ActionMenuItemView = new int[] {
-					16843071};
-			
-			// aapt resource value: 0
-			public const int ActionMenuItemView_android_minWidth = 0;
-			
-			// aapt resource value: { 0xFFFFFFFF }
-			public static int[] ActionMenuView = new int[] {
-					-1};
-			
-			// aapt resource value: { 0x7F030031,0x7F030032,0x7F030085,0x7F0300EA,0x7F0301C9,0x7F030218 }
-			public static int[] ActionMode = new int[] {
-					2130903089,
-					2130903090,
-					2130903173,
-					2130903274,
-					2130903497,
-					2130903576};
-			
-			// aapt resource value: 0
-			public const int ActionMode_background = 0;
-			
-			// aapt resource value: 1
-			public const int ActionMode_backgroundSplit = 1;
-			
-			// aapt resource value: 2
-			public const int ActionMode_closeItemLayout = 2;
-			
-			// aapt resource value: 3
-			public const int ActionMode_height = 3;
-			
-			// aapt resource value: 4
-			public const int ActionMode_subtitleTextStyle = 4;
-			
-			// aapt resource value: 5
-			public const int ActionMode_titleTextStyle = 5;
-			
-			// aapt resource value: { 0x7F0300C4,0x7F030102 }
-			public static int[] ActivityChooserView = new int[] {
-					2130903236,
-					2130903298};
-			
-			// aapt resource value: 0
-			public const int ActivityChooserView_expandActivityOverflowButtonDrawable = 0;
-			
-			// aapt resource value: 1
-			public const int ActivityChooserView_initialActivityCount = 1;
-			
-			// aapt resource value: { 0x10100F2,0x7F030058,0x7F030059,0x7F030126,0x7F030127,0x7F030152,0x7F0301AD,0x7F0301AE }
-			public static int[] AlertDialog = new int[] {
-					16842994,
-					2130903128,
-					2130903129,
-					2130903334,
-					2130903335,
-					2130903378,
-					2130903469,
-					2130903470};
-			
-			// aapt resource value: 0
-			public const int AlertDialog_android_layout = 0;
-			
-			// aapt resource value: 1
-			public const int AlertDialog_buttonIconDimen = 1;
-			
-			// aapt resource value: 2
-			public const int AlertDialog_buttonPanelSideLayout = 2;
-			
-			// aapt resource value: 3
-			public const int AlertDialog_listItemLayout = 3;
-			
-			// aapt resource value: 4
-			public const int AlertDialog_listLayout = 4;
-			
-			// aapt resource value: 5
-			public const int AlertDialog_multiChoiceItemLayout = 5;
-			
-			// aapt resource value: 6
-			public const int AlertDialog_showTitle = 6;
-			
-			// aapt resource value: 7
-			public const int AlertDialog_singleChoiceItemLayout = 7;
-			
-			// aapt resource value: { 0x101011C,0x1010194,0x1010195,0x1010196,0x101030C,0x101030D }
-			public static int[] AnimatedStateListDrawableCompat = new int[] {
-					16843036,
-					16843156,
-					16843157,
-					16843158,
-					16843532,
-					16843533};
-			
-			// aapt resource value: 3
-			public const int AnimatedStateListDrawableCompat_android_constantSize = 3;
-			
-			// aapt resource value: 0
-			public const int AnimatedStateListDrawableCompat_android_dither = 0;
-			
-			// aapt resource value: 4
-			public const int AnimatedStateListDrawableCompat_android_enterFadeDuration = 4;
-			
-			// aapt resource value: 5
-			public const int AnimatedStateListDrawableCompat_android_exitFadeDuration = 5;
-			
-			// aapt resource value: 2
-			public const int AnimatedStateListDrawableCompat_android_variablePadding = 2;
-			
-			// aapt resource value: 1
-			public const int AnimatedStateListDrawableCompat_android_visible = 1;
-			
-			// aapt resource value: { 0x10100D0,0x1010199 }
-			public static int[] AnimatedStateListDrawableItem = new int[] {
-					16842960,
-					16843161};
-			
-			// aapt resource value: 1
-			public const int AnimatedStateListDrawableItem_android_drawable = 1;
-			
-			// aapt resource value: 0
-			public const int AnimatedStateListDrawableItem_android_id = 0;
-			
-			// aapt resource value: { 0x1010199,0x1010449,0x101044A,0x101044B }
-			public static int[] AnimatedStateListDrawableTransition = new int[] {
-					16843161,
-					16843849,
-					16843850,
-					16843851};
-			
-			// aapt resource value: 0
-			public const int AnimatedStateListDrawableTransition_android_drawable = 0;
-			
-			// aapt resource value: 2
-			public const int AnimatedStateListDrawableTransition_android_fromId = 2;
-			
-			// aapt resource value: 3
-			public const int AnimatedStateListDrawableTransition_android_reversible = 3;
-			
-			// aapt resource value: 1
-			public const int AnimatedStateListDrawableTransition_android_toId = 1;
-			
-			// aapt resource value: { 0x10100D4,0x101048F,0x1010540,0x7F0300BD,0x7F0300C5,0x7F030121 }
-			public static int[] AppBarLayout = new int[] {
-					16842964,
-					16843919,
-					16844096,
-					2130903229,
-					2130903237,
-					2130903329};
-			
-			// aapt resource value: { 0x7F0301BB,0x7F0301BC,0x7F0301BE,0x7F0301BF }
-			public static int[] AppBarLayoutStates = new int[] {
-					2130903483,
-					2130903484,
-					2130903486,
-					2130903487};
-			
-			// aapt resource value: 0
-			public const int AppBarLayoutStates_state_collapsed = 0;
-			
-			// aapt resource value: 1
-			public const int AppBarLayoutStates_state_collapsible = 1;
-			
-			// aapt resource value: 2
-			public const int AppBarLayoutStates_state_liftable = 2;
-			
-			// aapt resource value: 3
-			public const int AppBarLayoutStates_state_lifted = 3;
-			
-			// aapt resource value: 0
-			public const int AppBarLayout_android_background = 0;
-			
-			// aapt resource value: 2
-			public const int AppBarLayout_android_keyboardNavigationCluster = 2;
-			
-			// aapt resource value: 1
-			public const int AppBarLayout_android_touchscreenBlocksFocus = 1;
-			
-			// aapt resource value: 3
-			public const int AppBarLayout_elevation = 3;
-			
-			// aapt resource value: 4
-			public const int AppBarLayout_expanded = 4;
-			
-			// aapt resource value: { 0x7F03011F,0x7F030120 }
-			public static int[] AppBarLayout_Layout = new int[] {
-					2130903327,
-					2130903328};
-			
-			// aapt resource value: 0
-			public const int AppBarLayout_Layout_layout_scrollFlags = 0;
-			
-			// aapt resource value: 1
-			public const int AppBarLayout_Layout_layout_scrollInterpolator = 1;
-			
-			// aapt resource value: 5
-			public const int AppBarLayout_liftOnScroll = 5;
-			
-			// aapt resource value: { 0x1010119,0x7F0301B8,0x7F03020C,0x7F03020D }
-			public static int[] AppCompatImageView = new int[] {
-					16843033,
-					2130903480,
-					2130903564,
-					2130903565};
-			
-			// aapt resource value: 0
-			public const int AppCompatImageView_android_src = 0;
-			
-			// aapt resource value: 1
-			public const int AppCompatImageView_srcCompat = 1;
-			
-			// aapt resource value: 2
-			public const int AppCompatImageView_tint = 2;
-			
-			// aapt resource value: 3
-			public const int AppCompatImageView_tintMode = 3;
-			
-			// aapt resource value: { 0x1010142,0x7F030209,0x7F03020A,0x7F03020B }
-			public static int[] AppCompatSeekBar = new int[] {
-					16843074,
-					2130903561,
-					2130903562,
-					2130903563};
-			
-			// aapt resource value: 0
-			public const int AppCompatSeekBar_android_thumb = 0;
-			
-			// aapt resource value: 1
-			public const int AppCompatSeekBar_tickMark = 1;
-			
-			// aapt resource value: 2
-			public const int AppCompatSeekBar_tickMarkTint = 2;
-			
-			// aapt resource value: 3
-			public const int AppCompatSeekBar_tickMarkTintMode = 3;
-			
-			// aapt resource value: { 0x1010034,0x101016D,0x101016E,0x101016F,0x1010170,0x1010392,0x1010393 }
-			public static int[] AppCompatTextHelper = new int[] {
-					16842804,
-					16843117,
-					16843118,
-					16843119,
-					16843120,
-					16843666,
-					16843667};
-			
-			// aapt resource value: 2
-			public const int AppCompatTextHelper_android_drawableBottom = 2;
-			
-			// aapt resource value: 6
-			public const int AppCompatTextHelper_android_drawableEnd = 6;
-			
-			// aapt resource value: 3
-			public const int AppCompatTextHelper_android_drawableLeft = 3;
-			
-			// aapt resource value: 4
-			public const int AppCompatTextHelper_android_drawableRight = 4;
-			
-			// aapt resource value: 5
-			public const int AppCompatTextHelper_android_drawableStart = 5;
-			
-			// aapt resource value: 1
-			public const int AppCompatTextHelper_android_drawableTop = 1;
-			
-			// aapt resource value: 0
-			public const int AppCompatTextHelper_android_textAppearance = 0;
-			
-			// aapt resource value: { 0x1010034,0x7F03002C,0x7F03002D,0x7F03002E,0x7F03002F,0x7F030030,0x7F0300D9,0x7F0300DC,0x7F030114,0x7F030122,0x7F0301E9 }
-			public static int[] AppCompatTextView = new int[] {
-					16842804,
-					2130903084,
-					2130903085,
-					2130903086,
-					2130903087,
-					2130903088,
-					2130903257,
-					2130903260,
-					2130903316,
-					2130903330,
-					2130903529};
-			
-			// aapt resource value: 0
-			public const int AppCompatTextView_android_textAppearance = 0;
-			
-			// aapt resource value: 1
-			public const int AppCompatTextView_autoSizeMaxTextSize = 1;
-			
-			// aapt resource value: 2
-			public const int AppCompatTextView_autoSizeMinTextSize = 2;
-			
-			// aapt resource value: 3
-			public const int AppCompatTextView_autoSizePresetSizes = 3;
-			
-			// aapt resource value: 4
-			public const int AppCompatTextView_autoSizeStepGranularity = 4;
-			
-			// aapt resource value: 5
-			public const int AppCompatTextView_autoSizeTextType = 5;
-			
-			// aapt resource value: 6
-			public const int AppCompatTextView_firstBaselineToTopHeight = 6;
-			
-			// aapt resource value: 7
-			public const int AppCompatTextView_fontFamily = 7;
-			
-			// aapt resource value: 8
-			public const int AppCompatTextView_lastBaselineToBottomHeight = 8;
-			
-			// aapt resource value: 9
-			public const int AppCompatTextView_lineHeight = 9;
-			
-			// aapt resource value: 10
-			public const int AppCompatTextView_textAllCaps = 10;
-			
-			// aapt resource value: { 0x1010057,0x10100AE,0x7F030000,0x7F030001,0x7F030002,0x7F030003,0x7F030004,0x7F030005,0x7F030006,0x7F030007,0x7F030008,0x7F030009,0x7F03000A,0x7F03000B,0x7F03000C,0x7F03000E,0x7F03000F,0x7F030010,0x7F030011,0x7F030012,0x7F030013,0x7F030014,0x7F030015,0x7F030016,0x7F030017,0x7F030018,0x7F030019,0x7F03001A,0x7F03001B,0x7F03001C,0x7F03001D,0x7F03001E,0x7F030021,0x7F030022,0x7F030023,0x7F030024,0x7F030025,0x7F03002B,0x7F03003E,0x7F030052,0x7F030053,0x7F030054,0x7F030055,0x7F030056,0x7F03005A,0x7F03005B,0x7F030065,0x7F03006B,0x7F03008B,0x7F03008C,0x7F03008D,0x7F03008E,0x7F03008F,0x7F030090,0x7F030091,0x7F030092,0x7F030093,0x7F030095,0x7F0300A4,0x7F0300AE,0x7F0300AF,0x7F0300B0,0x7F0300B3,0x7F0300B5,0x7F0300B8,0x7F0300B9,0x7F0300BA,0x7F0300BB,0x7F0300BC,0x7F0300F4,0x7F030100,0x7F030124,0x7F030125,0x7F030128,0x7F030129,0x7F03012A,0x7F03012B,0x7F03012C,0x7F03012D,0x7F03012E,0x7F03015D,0x7F03015E,0x7F03015F,0x7F030165,0x7F030167,0x7F03016E,0x7F03016F,0x7F030170,0x7F030171,0x7F030193,0x7F030194,0x7F0301A1,0x7F0301A2,0x7F0301B5,0x7F0301B6,0x7F0301CD,0x7F0301F4,0x7F0301F5,0x7F0301F6,0x7F0301F7,0x7F0301F9,0x7F0301FA,0x7F0301FB,0x7F0301FC,0x7F0301FF,0x7F030200,0x7F03021A,0x7F03021B,0x7F03021C,0x7F03021D,0x7F030225,0x7F030227,0x7F030228,0x7F030229,0x7F03022A,0x7F03022B,0x7F03022C,0x7F03022D,0x7F03022E,0x7F03022F,0x7F030230 }
-			public static int[] AppCompatTheme = new int[] {
-					16842839,
-					16842926,
-					2130903040,
-					2130903041,
-					2130903042,
-					2130903043,
-					2130903044,
-					2130903045,
-					2130903046,
-					2130903047,
-					2130903048,
-					2130903049,
-					2130903050,
-					2130903051,
-					2130903052,
-					2130903054,
-					2130903055,
-					2130903056,
-					2130903057,
-					2130903058,
-					2130903059,
-					2130903060,
-					2130903061,
-					2130903062,
-					2130903063,
-					2130903064,
-					2130903065,
-					2130903066,
-					2130903067,
-					2130903068,
-					2130903069,
-					2130903070,
-					2130903073,
-					2130903074,
-					2130903075,
-					2130903076,
-					2130903077,
-					2130903083,
-					2130903102,
-					2130903122,
-					2130903123,
-					2130903124,
-					2130903125,
-					2130903126,
-					2130903130,
-					2130903131,
-					2130903141,
-					2130903147,
-					2130903179,
-					2130903180,
-					2130903181,
-					2130903182,
-					2130903183,
-					2130903184,
-					2130903185,
-					2130903186,
-					2130903187,
-					2130903189,
-					2130903204,
-					2130903214,
-					2130903215,
-					2130903216,
-					2130903219,
-					2130903221,
-					2130903224,
-					2130903225,
-					2130903226,
-					2130903227,
-					2130903228,
-					2130903284,
-					2130903296,
-					2130903332,
-					2130903333,
-					2130903336,
-					2130903337,
-					2130903338,
-					2130903339,
-					2130903340,
-					2130903341,
-					2130903342,
-					2130903389,
-					2130903390,
-					2130903391,
-					2130903397,
-					2130903399,
-					2130903406,
-					2130903407,
-					2130903408,
-					2130903409,
-					2130903443,
-					2130903444,
-					2130903457,
-					2130903458,
-					2130903477,
-					2130903478,
-					2130903501,
-					2130903540,
-					2130903541,
-					2130903542,
-					2130903543,
-					2130903545,
-					2130903546,
-					2130903547,
-					2130903548,
-					2130903551,
-					2130903552,
-					2130903578,
-					2130903579,
-					2130903580,
-					2130903581,
-					2130903589,
-					2130903591,
-					2130903592,
-					2130903593,
-					2130903594,
-					2130903595,
-					2130903596,
-					2130903597,
-					2130903598,
-					2130903599,
-					2130903600};
-			
-			// aapt resource value: 2
-			public const int AppCompatTheme_actionBarDivider = 2;
-			
-			// aapt resource value: 3
-			public const int AppCompatTheme_actionBarItemBackground = 3;
-			
-			// aapt resource value: 4
-			public const int AppCompatTheme_actionBarPopupTheme = 4;
-			
-			// aapt resource value: 5
-			public const int AppCompatTheme_actionBarSize = 5;
-			
-			// aapt resource value: 6
-			public const int AppCompatTheme_actionBarSplitStyle = 6;
-			
-			// aapt resource value: 7
-			public const int AppCompatTheme_actionBarStyle = 7;
-			
-			// aapt resource value: 8
-			public const int AppCompatTheme_actionBarTabBarStyle = 8;
-			
-			// aapt resource value: 9
-			public const int AppCompatTheme_actionBarTabStyle = 9;
-			
-			// aapt resource value: 10
-			public const int AppCompatTheme_actionBarTabTextStyle = 10;
-			
-			// aapt resource value: 11
-			public const int AppCompatTheme_actionBarTheme = 11;
-			
-			// aapt resource value: 12
-			public const int AppCompatTheme_actionBarWidgetTheme = 12;
-			
-			// aapt resource value: 13
-			public const int AppCompatTheme_actionButtonStyle = 13;
-			
-			// aapt resource value: 14
-			public const int AppCompatTheme_actionDropDownStyle = 14;
-			
-			// aapt resource value: 15
-			public const int AppCompatTheme_actionMenuTextAppearance = 15;
-			
-			// aapt resource value: 16
-			public const int AppCompatTheme_actionMenuTextColor = 16;
-			
-			// aapt resource value: 17
-			public const int AppCompatTheme_actionModeBackground = 17;
-			
-			// aapt resource value: 18
-			public const int AppCompatTheme_actionModeCloseButtonStyle = 18;
-			
-			// aapt resource value: 19
-			public const int AppCompatTheme_actionModeCloseDrawable = 19;
-			
-			// aapt resource value: 20
-			public const int AppCompatTheme_actionModeCopyDrawable = 20;
-			
-			// aapt resource value: 21
-			public const int AppCompatTheme_actionModeCutDrawable = 21;
-			
-			// aapt resource value: 22
-			public const int AppCompatTheme_actionModeFindDrawable = 22;
-			
-			// aapt resource value: 23
-			public const int AppCompatTheme_actionModePasteDrawable = 23;
-			
-			// aapt resource value: 24
-			public const int AppCompatTheme_actionModePopupWindowStyle = 24;
-			
-			// aapt resource value: 25
-			public const int AppCompatTheme_actionModeSelectAllDrawable = 25;
-			
-			// aapt resource value: 26
-			public const int AppCompatTheme_actionModeShareDrawable = 26;
-			
-			// aapt resource value: 27
-			public const int AppCompatTheme_actionModeSplitBackground = 27;
-			
-			// aapt resource value: 28
-			public const int AppCompatTheme_actionModeStyle = 28;
-			
-			// aapt resource value: 29
-			public const int AppCompatTheme_actionModeWebSearchDrawable = 29;
-			
-			// aapt resource value: 30
-			public const int AppCompatTheme_actionOverflowButtonStyle = 30;
-			
-			// aapt resource value: 31
-			public const int AppCompatTheme_actionOverflowMenuStyle = 31;
-			
-			// aapt resource value: 32
-			public const int AppCompatTheme_activityChooserViewStyle = 32;
-			
-			// aapt resource value: 33
-			public const int AppCompatTheme_alertDialogButtonGroupStyle = 33;
-			
-			// aapt resource value: 34
-			public const int AppCompatTheme_alertDialogCenterButtons = 34;
-			
-			// aapt resource value: 35
-			public const int AppCompatTheme_alertDialogStyle = 35;
-			
-			// aapt resource value: 36
-			public const int AppCompatTheme_alertDialogTheme = 36;
-			
-			// aapt resource value: 1
-			public const int AppCompatTheme_android_windowAnimationStyle = 1;
-			
-			// aapt resource value: 0
-			public const int AppCompatTheme_android_windowIsFloating = 0;
-			
-			// aapt resource value: 37
-			public const int AppCompatTheme_autoCompleteTextViewStyle = 37;
-			
-			// aapt resource value: 38
-			public const int AppCompatTheme_borderlessButtonStyle = 38;
-			
-			// aapt resource value: 39
-			public const int AppCompatTheme_buttonBarButtonStyle = 39;
-			
-			// aapt resource value: 40
-			public const int AppCompatTheme_buttonBarNegativeButtonStyle = 40;
-			
-			// aapt resource value: 41
-			public const int AppCompatTheme_buttonBarNeutralButtonStyle = 41;
-			
-			// aapt resource value: 42
-			public const int AppCompatTheme_buttonBarPositiveButtonStyle = 42;
-			
-			// aapt resource value: 43
-			public const int AppCompatTheme_buttonBarStyle = 43;
-			
-			// aapt resource value: 44
-			public const int AppCompatTheme_buttonStyle = 44;
-			
-			// aapt resource value: 45
-			public const int AppCompatTheme_buttonStyleSmall = 45;
-			
-			// aapt resource value: 46
-			public const int AppCompatTheme_checkboxStyle = 46;
-			
-			// aapt resource value: 47
-			public const int AppCompatTheme_checkedTextViewStyle = 47;
-			
-			// aapt resource value: 48
-			public const int AppCompatTheme_colorAccent = 48;
-			
-			// aapt resource value: 49
-			public const int AppCompatTheme_colorBackgroundFloating = 49;
-			
-			// aapt resource value: 50
-			public const int AppCompatTheme_colorButtonNormal = 50;
-			
-			// aapt resource value: 51
-			public const int AppCompatTheme_colorControlActivated = 51;
-			
-			// aapt resource value: 52
-			public const int AppCompatTheme_colorControlHighlight = 52;
-			
-			// aapt resource value: 53
-			public const int AppCompatTheme_colorControlNormal = 53;
-			
-			// aapt resource value: 54
-			public const int AppCompatTheme_colorError = 54;
-			
-			// aapt resource value: 55
-			public const int AppCompatTheme_colorPrimary = 55;
-			
-			// aapt resource value: 56
-			public const int AppCompatTheme_colorPrimaryDark = 56;
-			
-			// aapt resource value: 57
-			public const int AppCompatTheme_colorSwitchThumbNormal = 57;
-			
-			// aapt resource value: 58
-			public const int AppCompatTheme_controlBackground = 58;
-			
-			// aapt resource value: 59
-			public const int AppCompatTheme_dialogCornerRadius = 59;
-			
-			// aapt resource value: 60
-			public const int AppCompatTheme_dialogPreferredPadding = 60;
-			
-			// aapt resource value: 61
-			public const int AppCompatTheme_dialogTheme = 61;
-			
-			// aapt resource value: 62
-			public const int AppCompatTheme_dividerHorizontal = 62;
-			
-			// aapt resource value: 63
-			public const int AppCompatTheme_dividerVertical = 63;
-			
-			// aapt resource value: 65
-			public const int AppCompatTheme_dropdownListPreferredItemHeight = 65;
-			
-			// aapt resource value: 64
-			public const int AppCompatTheme_dropDownListViewStyle = 64;
-			
-			// aapt resource value: 66
-			public const int AppCompatTheme_editTextBackground = 66;
-			
-			// aapt resource value: 67
-			public const int AppCompatTheme_editTextColor = 67;
-			
-			// aapt resource value: 68
-			public const int AppCompatTheme_editTextStyle = 68;
-			
-			// aapt resource value: 69
-			public const int AppCompatTheme_homeAsUpIndicator = 69;
-			
-			// aapt resource value: 70
-			public const int AppCompatTheme_imageButtonStyle = 70;
-			
-			// aapt resource value: 71
-			public const int AppCompatTheme_listChoiceBackgroundIndicator = 71;
-			
-			// aapt resource value: 72
-			public const int AppCompatTheme_listDividerAlertDialog = 72;
-			
-			// aapt resource value: 73
-			public const int AppCompatTheme_listMenuViewStyle = 73;
-			
-			// aapt resource value: 74
-			public const int AppCompatTheme_listPopupWindowStyle = 74;
-			
-			// aapt resource value: 75
-			public const int AppCompatTheme_listPreferredItemHeight = 75;
-			
-			// aapt resource value: 76
-			public const int AppCompatTheme_listPreferredItemHeightLarge = 76;
-			
-			// aapt resource value: 77
-			public const int AppCompatTheme_listPreferredItemHeightSmall = 77;
-			
-			// aapt resource value: 78
-			public const int AppCompatTheme_listPreferredItemPaddingLeft = 78;
-			
-			// aapt resource value: 79
-			public const int AppCompatTheme_listPreferredItemPaddingRight = 79;
-			
-			// aapt resource value: 80
-			public const int AppCompatTheme_panelBackground = 80;
-			
-			// aapt resource value: 81
-			public const int AppCompatTheme_panelMenuListTheme = 81;
-			
-			// aapt resource value: 82
-			public const int AppCompatTheme_panelMenuListWidth = 82;
-			
-			// aapt resource value: 83
-			public const int AppCompatTheme_popupMenuStyle = 83;
-			
-			// aapt resource value: 84
-			public const int AppCompatTheme_popupWindowStyle = 84;
-			
-			// aapt resource value: 85
-			public const int AppCompatTheme_radioButtonStyle = 85;
-			
-			// aapt resource value: 86
-			public const int AppCompatTheme_ratingBarStyle = 86;
-			
-			// aapt resource value: 87
-			public const int AppCompatTheme_ratingBarStyleIndicator = 87;
-			
-			// aapt resource value: 88
-			public const int AppCompatTheme_ratingBarStyleSmall = 88;
-			
-			// aapt resource value: 89
-			public const int AppCompatTheme_searchViewStyle = 89;
-			
-			// aapt resource value: 90
-			public const int AppCompatTheme_seekBarStyle = 90;
-			
-			// aapt resource value: 91
-			public const int AppCompatTheme_selectableItemBackground = 91;
-			
-			// aapt resource value: 92
-			public const int AppCompatTheme_selectableItemBackgroundBorderless = 92;
-			
-			// aapt resource value: 93
-			public const int AppCompatTheme_spinnerDropDownItemStyle = 93;
-			
-			// aapt resource value: 94
-			public const int AppCompatTheme_spinnerStyle = 94;
-			
-			// aapt resource value: 95
-			public const int AppCompatTheme_switchStyle = 95;
-			
-			// aapt resource value: 96
-			public const int AppCompatTheme_textAppearanceLargePopupMenu = 96;
-			
-			// aapt resource value: 97
-			public const int AppCompatTheme_textAppearanceListItem = 97;
-			
-			// aapt resource value: 98
-			public const int AppCompatTheme_textAppearanceListItemSecondary = 98;
-			
-			// aapt resource value: 99
-			public const int AppCompatTheme_textAppearanceListItemSmall = 99;
-			
-			// aapt resource value: 100
-			public const int AppCompatTheme_textAppearancePopupMenuHeader = 100;
-			
-			// aapt resource value: 101
-			public const int AppCompatTheme_textAppearanceSearchResultSubtitle = 101;
-			
-			// aapt resource value: 102
-			public const int AppCompatTheme_textAppearanceSearchResultTitle = 102;
-			
-			// aapt resource value: 103
-			public const int AppCompatTheme_textAppearanceSmallPopupMenu = 103;
-			
-			// aapt resource value: 104
-			public const int AppCompatTheme_textColorAlertDialogListItem = 104;
-			
-			// aapt resource value: 105
-			public const int AppCompatTheme_textColorSearchUrl = 105;
-			
-			// aapt resource value: 106
-			public const int AppCompatTheme_toolbarNavigationButtonStyle = 106;
-			
-			// aapt resource value: 107
-			public const int AppCompatTheme_toolbarStyle = 107;
-			
-			// aapt resource value: 108
-			public const int AppCompatTheme_tooltipForegroundColor = 108;
-			
-			// aapt resource value: 109
-			public const int AppCompatTheme_tooltipFrameBackground = 109;
-			
-			// aapt resource value: 110
-			public const int AppCompatTheme_viewInflaterClass = 110;
-			
-			// aapt resource value: 111
-			public const int AppCompatTheme_windowActionBar = 111;
-			
-			// aapt resource value: 112
-			public const int AppCompatTheme_windowActionBarOverlay = 112;
-			
-			// aapt resource value: 113
-			public const int AppCompatTheme_windowActionModeOverlay = 113;
-			
-			// aapt resource value: 114
-			public const int AppCompatTheme_windowFixedHeightMajor = 114;
-			
-			// aapt resource value: 115
-			public const int AppCompatTheme_windowFixedHeightMinor = 115;
-			
-			// aapt resource value: 116
-			public const int AppCompatTheme_windowFixedWidthMajor = 116;
-			
-			// aapt resource value: 117
-			public const int AppCompatTheme_windowFixedWidthMinor = 117;
-			
-			// aapt resource value: 118
-			public const int AppCompatTheme_windowMinWidthMajor = 118;
-			
-			// aapt resource value: 119
-			public const int AppCompatTheme_windowMinWidthMinor = 119;
-			
-			// aapt resource value: 120
-			public const int AppCompatTheme_windowNoTitle = 120;
-			
-			// aapt resource value: { 0x7F030034,0x7F0300CE,0x7F0300CF,0x7F0300D0,0x7F0300D1,0x7F0300F0 }
-			public static int[] BottomAppBar = new int[] {
-					2130903092,
-					2130903246,
-					2130903247,
-					2130903248,
-					2130903249,
-					2130903280};
-			
-			// aapt resource value: 0
-			public const int BottomAppBar_backgroundTint = 0;
-			
-			// aapt resource value: 1
-			public const int BottomAppBar_fabAlignmentMode = 1;
-			
-			// aapt resource value: 2
-			public const int BottomAppBar_fabCradleMargin = 2;
-			
-			// aapt resource value: 3
-			public const int BottomAppBar_fabCradleRoundedCornerRadius = 3;
-			
-			// aapt resource value: 4
-			public const int BottomAppBar_fabCradleVerticalOffset = 4;
-			
-			// aapt resource value: 5
-			public const int BottomAppBar_hideOnScroll = 5;
-			
-			// aapt resource value: { 0x7F0300BD,0x7F030106,0x7F030108,0x7F03010A,0x7F03010B,0x7F03010F,0x7F030110,0x7F030111,0x7F030113,0x7F030151 }
-			public static int[] BottomNavigationView = new int[] {
-					2130903229,
-					2130903302,
-					2130903304,
-					2130903306,
-					2130903307,
-					2130903311,
-					2130903312,
-					2130903313,
-					2130903315,
-					2130903377};
-			
-			// aapt resource value: 0
-			public const int BottomNavigationView_elevation = 0;
-			
-			// aapt resource value: 1
-			public const int BottomNavigationView_itemBackground = 1;
-			
-			// aapt resource value: 2
-			public const int BottomNavigationView_itemHorizontalTranslationEnabled = 2;
-			
-			// aapt resource value: 3
-			public const int BottomNavigationView_itemIconSize = 3;
-			
-			// aapt resource value: 4
-			public const int BottomNavigationView_itemIconTint = 4;
-			
-			// aapt resource value: 5
-			public const int BottomNavigationView_itemTextAppearanceActive = 5;
-			
-			// aapt resource value: 6
-			public const int BottomNavigationView_itemTextAppearanceInactive = 6;
-			
-			// aapt resource value: 7
-			public const int BottomNavigationView_itemTextColor = 7;
-			
-			// aapt resource value: 8
-			public const int BottomNavigationView_labelVisibilityMode = 8;
-			
-			// aapt resource value: 9
-			public const int BottomNavigationView_menu = 9;
-			
-			// aapt resource value: { 0x7F030038,0x7F030039,0x7F03003B,0x7F03003C }
-			public static int[] BottomSheetBehavior_Layout = new int[] {
-					2130903096,
-					2130903097,
-					2130903099,
-					2130903100};
-			
-			// aapt resource value: 0
-			public const int BottomSheetBehavior_Layout_behavior_fitToContents = 0;
-			
-			// aapt resource value: 1
-			public const int BottomSheetBehavior_Layout_behavior_hideable = 1;
-			
-			// aapt resource value: 2
-			public const int BottomSheetBehavior_Layout_behavior_peekHeight = 2;
-			
-			// aapt resource value: 3
-			public const int BottomSheetBehavior_Layout_behavior_skipCollapsed = 3;
-			
-			// aapt resource value: { 0x7F030026 }
-			public static int[] ButtonBarLayout = new int[] {
-					2130903078};
-			
-			// aapt resource value: 0
-			public const int ButtonBarLayout_allowStacking = 0;
-			
-			// aapt resource value: { 0x101013F,0x1010140,0x7F03005E,0x7F03005F,0x7F030060,0x7F030061,0x7F030062,0x7F030063,0x7F03009E,0x7F03009F,0x7F0300A0,0x7F0300A1,0x7F0300A2 }
-			public static int[] CardView = new int[] {
-					16843071,
-					16843072,
-					2130903134,
-					2130903135,
-					2130903136,
-					2130903137,
-					2130903138,
-					2130903139,
-					2130903198,
-					2130903199,
-					2130903200,
-					2130903201,
-					2130903202};
-			
-			// aapt resource value: 1
-			public const int CardView_android_minHeight = 1;
-			
-			// aapt resource value: 0
-			public const int CardView_android_minWidth = 0;
-			
-			// aapt resource value: 2
-			public const int CardView_cardBackgroundColor = 2;
-			
-			// aapt resource value: 3
-			public const int CardView_cardCornerRadius = 3;
-			
-			// aapt resource value: 4
-			public const int CardView_cardElevation = 4;
-			
-			// aapt resource value: 5
-			public const int CardView_cardMaxElevation = 5;
-			
-			// aapt resource value: 6
-			public const int CardView_cardPreventCornerOverlap = 6;
-			
-			// aapt resource value: 7
-			public const int CardView_cardUseCompatPadding = 7;
-			
-			// aapt resource value: 8
-			public const int CardView_contentPadding = 8;
-			
-			// aapt resource value: 9
-			public const int CardView_contentPaddingBottom = 9;
-			
-			// aapt resource value: 10
-			public const int CardView_contentPaddingLeft = 10;
-			
-			// aapt resource value: 11
-			public const int CardView_contentPaddingRight = 11;
-			
-			// aapt resource value: 12
-			public const int CardView_contentPaddingTop = 12;
-			
-			// aapt resource value: { 0x1010034,0x10100AB,0x101011F,0x101014F,0x10101E5,0x7F030068,0x7F030069,0x7F03006A,0x7F03006C,0x7F03006D,0x7F03006E,0x7F030070,0x7F030071,0x7F030072,0x7F030073,0x7F030074,0x7F030075,0x7F03007A,0x7F03007B,0x7F03007C,0x7F03007E,0x7F03007F,0x7F030080,0x7F030081,0x7F030082,0x7F030083,0x7F030084,0x7F0300EE,0x7F0300F8,0x7F0300FC,0x7F03017F,0x7F0301AB,0x7F030201,0x7F030203 }
-			public static int[] Chip = new int[] {
-					16842804,
-					16842923,
-					16843039,
-					16843087,
-					16843237,
-					2130903144,
-					2130903145,
-					2130903146,
-					2130903148,
-					2130903149,
-					2130903150,
-					2130903152,
-					2130903153,
-					2130903154,
-					2130903155,
-					2130903156,
-					2130903157,
-					2130903162,
-					2130903163,
-					2130903164,
-					2130903166,
-					2130903167,
-					2130903168,
-					2130903169,
-					2130903170,
-					2130903171,
-					2130903172,
-					2130903278,
-					2130903288,
-					2130903292,
-					2130903423,
-					2130903467,
-					2130903553,
-					2130903555};
-			
-			// aapt resource value: { 0x7F030067,0x7F030076,0x7F030077,0x7F030078,0x7F0301AF,0x7F0301B0 }
-			public static int[] ChipGroup = new int[] {
-					2130903143,
-					2130903158,
-					2130903159,
-					2130903160,
-					2130903471,
-					2130903472};
-			
-			// aapt resource value: 0
-			public const int ChipGroup_checkedChip = 0;
-			
-			// aapt resource value: 1
-			public const int ChipGroup_chipSpacing = 1;
-			
-			// aapt resource value: 2
-			public const int ChipGroup_chipSpacingHorizontal = 2;
-			
-			// aapt resource value: 3
-			public const int ChipGroup_chipSpacingVertical = 3;
-			
-			// aapt resource value: 4
-			public const int ChipGroup_singleLine = 4;
-			
-			// aapt resource value: 5
-			public const int ChipGroup_singleSelection = 5;
-			
-			// aapt resource value: 4
-			public const int Chip_android_checkable = 4;
-			
-			// aapt resource value: 1
-			public const int Chip_android_ellipsize = 1;
-			
-			// aapt resource value: 2
-			public const int Chip_android_maxWidth = 2;
-			
-			// aapt resource value: 3
-			public const int Chip_android_text = 3;
-			
-			// aapt resource value: 0
-			public const int Chip_android_textAppearance = 0;
-			
-			// aapt resource value: 5
-			public const int Chip_checkedIcon = 5;
-			
-			// aapt resource value: 6
-			public const int Chip_checkedIconEnabled = 6;
-			
-			// aapt resource value: 7
-			public const int Chip_checkedIconVisible = 7;
-			
-			// aapt resource value: 8
-			public const int Chip_chipBackgroundColor = 8;
-			
-			// aapt resource value: 9
-			public const int Chip_chipCornerRadius = 9;
-			
-			// aapt resource value: 10
-			public const int Chip_chipEndPadding = 10;
-			
-			// aapt resource value: 11
-			public const int Chip_chipIcon = 11;
-			
-			// aapt resource value: 12
-			public const int Chip_chipIconEnabled = 12;
-			
-			// aapt resource value: 13
-			public const int Chip_chipIconSize = 13;
-			
-			// aapt resource value: 14
-			public const int Chip_chipIconTint = 14;
-			
-			// aapt resource value: 15
-			public const int Chip_chipIconVisible = 15;
-			
-			// aapt resource value: 16
-			public const int Chip_chipMinHeight = 16;
-			
-			// aapt resource value: 17
-			public const int Chip_chipStartPadding = 17;
-			
-			// aapt resource value: 18
-			public const int Chip_chipStrokeColor = 18;
-			
-			// aapt resource value: 19
-			public const int Chip_chipStrokeWidth = 19;
-			
-			// aapt resource value: 20
-			public const int Chip_closeIcon = 20;
-			
-			// aapt resource value: 21
-			public const int Chip_closeIconEnabled = 21;
-			
-			// aapt resource value: 22
-			public const int Chip_closeIconEndPadding = 22;
-			
-			// aapt resource value: 23
-			public const int Chip_closeIconSize = 23;
-			
-			// aapt resource value: 24
-			public const int Chip_closeIconStartPadding = 24;
-			
-			// aapt resource value: 25
-			public const int Chip_closeIconTint = 25;
-			
-			// aapt resource value: 26
-			public const int Chip_closeIconVisible = 26;
-			
-			// aapt resource value: 27
-			public const int Chip_hideMotionSpec = 27;
-			
-			// aapt resource value: 28
-			public const int Chip_iconEndPadding = 28;
-			
-			// aapt resource value: 29
-			public const int Chip_iconStartPadding = 29;
-			
-			// aapt resource value: 30
-			public const int Chip_rippleColor = 30;
-			
-			// aapt resource value: 31
-			public const int Chip_showMotionSpec = 31;
-			
-			// aapt resource value: 32
-			public const int Chip_textEndPadding = 32;
-			
-			// aapt resource value: 33
-			public const int Chip_textStartPadding = 33;
-			
-			// aapt resource value: { 0x7F030088,0x7F030089,0x7F0300A3,0x7F0300C6,0x7F0300C7,0x7F0300C8,0x7F0300C9,0x7F0300CA,0x7F0300CB,0x7F0300CC,0x7F03018E,0x7F030190,0x7F0301C1,0x7F03020E,0x7F03020F,0x7F030219 }
-			public static int[] CollapsingToolbarLayout = new int[] {
-					2130903176,
-					2130903177,
-					2130903203,
-					2130903238,
-					2130903239,
-					2130903240,
-					2130903241,
-					2130903242,
-					2130903243,
-					2130903244,
-					2130903438,
-					2130903440,
-					2130903489,
-					2130903566,
-					2130903567,
-					2130903577};
-			
-			// aapt resource value: 0
-			public const int CollapsingToolbarLayout_collapsedTitleGravity = 0;
-			
-			// aapt resource value: 1
-			public const int CollapsingToolbarLayout_collapsedTitleTextAppearance = 1;
-			
-			// aapt resource value: 2
-			public const int CollapsingToolbarLayout_contentScrim = 2;
-			
-			// aapt resource value: 3
-			public const int CollapsingToolbarLayout_expandedTitleGravity = 3;
-			
-			// aapt resource value: 4
-			public const int CollapsingToolbarLayout_expandedTitleMargin = 4;
-			
-			// aapt resource value: 5
-			public const int CollapsingToolbarLayout_expandedTitleMarginBottom = 5;
-			
-			// aapt resource value: 6
-			public const int CollapsingToolbarLayout_expandedTitleMarginEnd = 6;
-			
-			// aapt resource value: 7
-			public const int CollapsingToolbarLayout_expandedTitleMarginStart = 7;
-			
-			// aapt resource value: 8
-			public const int CollapsingToolbarLayout_expandedTitleMarginTop = 8;
-			
-			// aapt resource value: 9
-			public const int CollapsingToolbarLayout_expandedTitleTextAppearance = 9;
-			
-			// aapt resource value: { 0x7F03011A,0x7F03011B }
-			public static int[] CollapsingToolbarLayout_Layout = new int[] {
-					2130903322,
-					2130903323};
-			
-			// aapt resource value: 0
-			public const int CollapsingToolbarLayout_Layout_layout_collapseMode = 0;
-			
-			// aapt resource value: 1
-			public const int CollapsingToolbarLayout_Layout_layout_collapseParallaxMultiplier = 1;
-			
-			// aapt resource value: 10
-			public const int CollapsingToolbarLayout_scrimAnimationDuration = 10;
-			
-			// aapt resource value: 11
-			public const int CollapsingToolbarLayout_scrimVisibleHeightTrigger = 11;
-			
-			// aapt resource value: 12
-			public const int CollapsingToolbarLayout_statusBarScrim = 12;
-			
-			// aapt resource value: 13
-			public const int CollapsingToolbarLayout_title = 13;
-			
-			// aapt resource value: 14
-			public const int CollapsingToolbarLayout_titleEnabled = 14;
-			
-			// aapt resource value: 15
-			public const int CollapsingToolbarLayout_toolbarId = 15;
-			
-			// aapt resource value: { 0x10101A5,0x101031F,0x7F030027 }
-			public static int[] ColorStateListItem = new int[] {
-					16843173,
-					16843551,
-					2130903079};
-			
-			// aapt resource value: 2
-			public const int ColorStateListItem_alpha = 2;
-			
-			// aapt resource value: 1
-			public const int ColorStateListItem_android_alpha = 1;
-			
-			// aapt resource value: 0
-			public const int ColorStateListItem_android_color = 0;
-			
-			// aapt resource value: { 0x1010107,0x7F03005C,0x7F03005D }
-			public static int[] CompoundButton = new int[] {
-					16843015,
-					2130903132,
-					2130903133};
-			
-			// aapt resource value: 0
-			public const int CompoundButton_android_button = 0;
-			
-			// aapt resource value: 1
-			public const int CompoundButton_buttonTint = 1;
-			
-			// aapt resource value: 2
-			public const int CompoundButton_buttonTintMode = 2;
-			
-			// aapt resource value: { 0x7F030112,0x7F0301C0 }
-			public static int[] CoordinatorLayout = new int[] {
-					2130903314,
-					2130903488};
-			
-			// aapt resource value: 0
-			public const int CoordinatorLayout_keylines = 0;
-			
-			// aapt resource value: { 0x10100B3,0x7F030117,0x7F030118,0x7F030119,0x7F03011C,0x7F03011D,0x7F03011E }
-			public static int[] CoordinatorLayout_Layout = new int[] {
-					16842931,
-					2130903319,
-					2130903320,
-					2130903321,
-					2130903324,
-					2130903325,
-					2130903326};
-			
-			// aapt resource value: 0
-			public const int CoordinatorLayout_Layout_android_layout_gravity = 0;
-			
-			// aapt resource value: 1
-			public const int CoordinatorLayout_Layout_layout_anchor = 1;
-			
-			// aapt resource value: 2
-			public const int CoordinatorLayout_Layout_layout_anchorGravity = 2;
-			
-			// aapt resource value: 3
-			public const int CoordinatorLayout_Layout_layout_behavior = 3;
-			
-			// aapt resource value: 4
-			public const int CoordinatorLayout_Layout_layout_dodgeInsetEdges = 4;
-			
-			// aapt resource value: 5
-			public const int CoordinatorLayout_Layout_layout_insetEdge = 5;
-			
-			// aapt resource value: 6
-			public const int CoordinatorLayout_Layout_layout_keyline = 6;
-			
-			// aapt resource value: 1
-			public const int CoordinatorLayout_statusBarBackground = 1;
-			
-			// aapt resource value: { 0x7F030041,0x7F030042 }
-			public static int[] DesignTheme = new int[] {
-					2130903105,
-					2130903106};
-			
-			// aapt resource value: 0
-			public const int DesignTheme_bottomSheetDialogTheme = 0;
-			
-			// aapt resource value: 1
-			public const int DesignTheme_bottomSheetStyle = 1;
-			
-			// aapt resource value: { 0x7F0301BD }
-			public static int[] DrawableStates = new int[] {
-					2130903485};
-			
-			// aapt resource value: 0
-			public const int DrawableStates_state_indeterminate = 0;
-			
-			// aapt resource value: { 0x7F030029,0x7F03002A,0x7F030036,0x7F03008A,0x7F0300B6,0x7F0300E7,0x7F0301B4,0x7F030205 }
-			public static int[] DrawerArrowToggle = new int[] {
-					2130903081,
-					2130903082,
-					2130903094,
-					2130903178,
-					2130903222,
-					2130903271,
-					2130903476,
-					2130903557};
-			
-			// aapt resource value: 0
-			public const int DrawerArrowToggle_arrowHeadLength = 0;
-			
-			// aapt resource value: 1
-			public const int DrawerArrowToggle_arrowShaftLength = 1;
-			
-			// aapt resource value: 2
-			public const int DrawerArrowToggle_barLength = 2;
-			
-			// aapt resource value: 3
-			public const int DrawerArrowToggle_color = 3;
-			
-			// aapt resource value: 4
-			public const int DrawerArrowToggle_drawableSize = 4;
-			
-			// aapt resource value: 5
-			public const int DrawerArrowToggle_gapBetweenBars = 5;
-			
-			// aapt resource value: 6
-			public const int DrawerArrowToggle_spinBars = 6;
-			
-			// aapt resource value: 7
-			public const int DrawerArrowToggle_thickness = 7;
-			
-			// aapt resource value: { 0x7F030034,0x7F030035,0x7F03003D,0x7F0300BD,0x7F0300D2,0x7F0300D3,0x7F0300EE,0x7F0300F6,0x7F030142,0x7F030169,0x7F03017F,0x7F0301AB,0x7F030224 }
-			public static int[] FloatingActionButton = new int[] {
-					2130903092,
-					2130903093,
-					2130903101,
-					2130903229,
-					2130903250,
-					2130903251,
-					2130903278,
-					2130903286,
-					2130903362,
-					2130903401,
-					2130903423,
-					2130903467,
-					2130903588};
-			
-			// aapt resource value: 0
-			public const int FloatingActionButton_backgroundTint = 0;
-			
-			// aapt resource value: 1
-			public const int FloatingActionButton_backgroundTintMode = 1;
-			
-			// aapt resource value: { 0x7F030037 }
-			public static int[] FloatingActionButton_Behavior_Layout = new int[] {
-					2130903095};
-			
-			// aapt resource value: 0
-			public const int FloatingActionButton_Behavior_Layout_behavior_autoHide = 0;
-			
-			// aapt resource value: 2
-			public const int FloatingActionButton_borderWidth = 2;
-			
-			// aapt resource value: 3
-			public const int FloatingActionButton_elevation = 3;
-			
-			// aapt resource value: 4
-			public const int FloatingActionButton_fabCustomSize = 4;
-			
-			// aapt resource value: 5
-			public const int FloatingActionButton_fabSize = 5;
-			
-			// aapt resource value: 6
-			public const int FloatingActionButton_hideMotionSpec = 6;
-			
-			// aapt resource value: 7
-			public const int FloatingActionButton_hoveredFocusedTranslationZ = 7;
-			
-			// aapt resource value: 8
-			public const int FloatingActionButton_maxImageSize = 8;
-			
-			// aapt resource value: 9
-			public const int FloatingActionButton_pressedTranslationZ = 9;
-			
-			// aapt resource value: 10
-			public const int FloatingActionButton_rippleColor = 10;
-			
-			// aapt resource value: 11
-			public const int FloatingActionButton_showMotionSpec = 11;
-			
-			// aapt resource value: 12
-			public const int FloatingActionButton_useCompatPadding = 12;
-			
-			// aapt resource value: { 0x7F03010D,0x7F030123 }
-			public static int[] FlowLayout = new int[] {
-					2130903309,
-					2130903331};
-			
-			// aapt resource value: 0
-			public const int FlowLayout_itemSpacing = 0;
-			
-			// aapt resource value: 1
-			public const int FlowLayout_lineSpacing = 1;
-			
-			// aapt resource value: { 0x7F0300DD,0x7F0300DE,0x7F0300DF,0x7F0300E0,0x7F0300E1,0x7F0300E2 }
-			public static int[] FontFamily = new int[] {
-					2130903261,
-					2130903262,
-					2130903263,
-					2130903264,
-					2130903265,
-					2130903266};
-			
-			// aapt resource value: { 0x1010532,0x1010533,0x101053F,0x101056F,0x1010570,0x7F0300DB,0x7F0300E3,0x7F0300E4,0x7F0300E5,0x7F030222 }
-			public static int[] FontFamilyFont = new int[] {
-					16844082,
-					16844083,
-					16844095,
-					16844143,
-					16844144,
-					2130903259,
-					2130903267,
-					2130903268,
-					2130903269,
-					2130903586};
-			
-			// aapt resource value: 0
-			public const int FontFamilyFont_android_font = 0;
-			
-			// aapt resource value: 2
-			public const int FontFamilyFont_android_fontStyle = 2;
-			
-			// aapt resource value: 4
-			public const int FontFamilyFont_android_fontVariationSettings = 4;
-			
-			// aapt resource value: 1
-			public const int FontFamilyFont_android_fontWeight = 1;
-			
-			// aapt resource value: 3
-			public const int FontFamilyFont_android_ttcIndex = 3;
-			
-			// aapt resource value: 5
-			public const int FontFamilyFont_font = 5;
-			
-			// aapt resource value: 6
-			public const int FontFamilyFont_fontStyle = 6;
-			
-			// aapt resource value: 7
-			public const int FontFamilyFont_fontVariationSettings = 7;
-			
-			// aapt resource value: 8
-			public const int FontFamilyFont_fontWeight = 8;
-			
-			// aapt resource value: 9
-			public const int FontFamilyFont_ttcIndex = 9;
-			
-			// aapt resource value: 0
-			public const int FontFamily_fontProviderAuthority = 0;
-			
-			// aapt resource value: 1
-			public const int FontFamily_fontProviderCerts = 1;
-			
-			// aapt resource value: 2
-			public const int FontFamily_fontProviderFetchStrategy = 2;
-			
-			// aapt resource value: 3
-			public const int FontFamily_fontProviderFetchTimeout = 3;
-			
-			// aapt resource value: 4
-			public const int FontFamily_fontProviderPackage = 4;
-			
-			// aapt resource value: 5
-			public const int FontFamily_fontProviderQuery = 5;
-			
-			// aapt resource value: { 0x1010109,0x1010200,0x7F0300E6 }
-			public static int[] ForegroundLinearLayout = new int[] {
-					16843017,
-					16843264,
-					2130903270};
-			
-			// aapt resource value: 0
-			public const int ForegroundLinearLayout_android_foreground = 0;
-			
-			// aapt resource value: 1
-			public const int ForegroundLinearLayout_android_foregroundGravity = 1;
-			
-			// aapt resource value: 2
-			public const int ForegroundLinearLayout_foregroundInsidePadding = 2;
-			
-			// aapt resource value: { 0x101019D,0x101019E,0x10101A1,0x10101A2,0x10101A3,0x10101A4,0x1010201,0x101020B,0x1010510,0x1010511,0x1010512,0x1010513 }
-			public static int[] GradientColor = new int[] {
-					16843165,
-					16843166,
-					16843169,
-					16843170,
-					16843171,
-					16843172,
-					16843265,
-					16843275,
-					16844048,
-					16844049,
-					16844050,
-					16844051};
-			
-			// aapt resource value: { 0x10101A5,0x1010514 }
-			public static int[] GradientColorItem = new int[] {
-					16843173,
-					16844052};
-			
-			// aapt resource value: 0
-			public const int GradientColorItem_android_color = 0;
-			
-			// aapt resource value: 1
-			public const int GradientColorItem_android_offset = 1;
-			
-			// aapt resource value: 7
-			public const int GradientColor_android_centerColor = 7;
-			
-			// aapt resource value: 3
-			public const int GradientColor_android_centerX = 3;
-			
-			// aapt resource value: 4
-			public const int GradientColor_android_centerY = 4;
-			
-			// aapt resource value: 1
-			public const int GradientColor_android_endColor = 1;
-			
-			// aapt resource value: 10
-			public const int GradientColor_android_endX = 10;
-			
-			// aapt resource value: 11
-			public const int GradientColor_android_endY = 11;
-			
-			// aapt resource value: 5
-			public const int GradientColor_android_gradientRadius = 5;
-			
-			// aapt resource value: 0
-			public const int GradientColor_android_startColor = 0;
-			
-			// aapt resource value: 8
-			public const int GradientColor_android_startX = 8;
-			
-			// aapt resource value: 9
-			public const int GradientColor_android_startY = 9;
-			
-			// aapt resource value: 6
-			public const int GradientColor_android_tileMode = 6;
-			
-			// aapt resource value: 2
-			public const int GradientColor_android_type = 2;
-			
-			// aapt resource value: { 0x10100AF,0x10100C4,0x1010126,0x1010127,0x1010128,0x7F0300B2,0x7F0300B4,0x7F030143,0x7F0301AA }
-			public static int[] LinearLayoutCompat = new int[] {
-					16842927,
-					16842948,
-					16843046,
-					16843047,
-					16843048,
-					2130903218,
-					2130903220,
-					2130903363,
-					2130903466};
-			
-			// aapt resource value: 2
-			public const int LinearLayoutCompat_android_baselineAligned = 2;
-			
-			// aapt resource value: 3
-			public const int LinearLayoutCompat_android_baselineAlignedChildIndex = 3;
-			
-			// aapt resource value: 0
-			public const int LinearLayoutCompat_android_gravity = 0;
-			
-			// aapt resource value: 1
-			public const int LinearLayoutCompat_android_orientation = 1;
-			
-			// aapt resource value: 4
-			public const int LinearLayoutCompat_android_weightSum = 4;
-			
-			// aapt resource value: 5
-			public const int LinearLayoutCompat_divider = 5;
-			
-			// aapt resource value: 6
-			public const int LinearLayoutCompat_dividerPadding = 6;
-			
-			// aapt resource value: { 0x10100B3,0x10100F4,0x10100F5,0x1010181 }
-			public static int[] LinearLayoutCompat_Layout = new int[] {
-					16842931,
-					16842996,
-					16842997,
-					16843137};
-			
-			// aapt resource value: 0
-			public const int LinearLayoutCompat_Layout_android_layout_gravity = 0;
-			
-			// aapt resource value: 2
-			public const int LinearLayoutCompat_Layout_android_layout_height = 2;
-			
-			// aapt resource value: 3
-			public const int LinearLayoutCompat_Layout_android_layout_weight = 3;
-			
-			// aapt resource value: 1
-			public const int LinearLayoutCompat_Layout_android_layout_width = 1;
-			
-			// aapt resource value: 7
-			public const int LinearLayoutCompat_measureWithLargestChild = 7;
-			
-			// aapt resource value: 8
-			public const int LinearLayoutCompat_showDividers = 8;
-			
-			// aapt resource value: { 0x10102AC,0x10102AD }
-			public static int[] ListPopupWindow = new int[] {
-					16843436,
-					16843437};
-			
-			// aapt resource value: 0
-			public const int ListPopupWindow_android_dropDownHorizontalOffset = 0;
-			
-			// aapt resource value: 1
-			public const int ListPopupWindow_android_dropDownVerticalOffset = 1;
-			
-			// aapt resource value: { 0x10101B7,0x10101B8,0x10101B9,0x10101BA,0x7F030034,0x7F030035,0x7F0300A6,0x7F0300F7,0x7F0300F9,0x7F0300FA,0x7F0300FB,0x7F0300FD,0x7F0300FE,0x7F03017F,0x7F0301C2,0x7F0301C3 }
-			public static int[] MaterialButton = new int[] {
-					16843191,
-					16843192,
-					16843193,
-					16843194,
-					2130903092,
-					2130903093,
-					2130903206,
-					2130903287,
-					2130903289,
-					2130903290,
-					2130903291,
-					2130903293,
-					2130903294,
-					2130903423,
-					2130903490,
-					2130903491};
-			
-			// aapt resource value: 3
-			public const int MaterialButton_android_insetBottom = 3;
-			
-			// aapt resource value: 0
-			public const int MaterialButton_android_insetLeft = 0;
-			
-			// aapt resource value: 1
-			public const int MaterialButton_android_insetRight = 1;
-			
-			// aapt resource value: 2
-			public const int MaterialButton_android_insetTop = 2;
-			
-			// aapt resource value: 4
-			public const int MaterialButton_backgroundTint = 4;
-			
-			// aapt resource value: 5
-			public const int MaterialButton_backgroundTintMode = 5;
-			
-			// aapt resource value: 6
-			public const int MaterialButton_cornerRadius = 6;
-			
-			// aapt resource value: 7
-			public const int MaterialButton_icon = 7;
-			
-			// aapt resource value: 8
-			public const int MaterialButton_iconGravity = 8;
-			
-			// aapt resource value: 9
-			public const int MaterialButton_iconPadding = 9;
-			
-			// aapt resource value: 10
-			public const int MaterialButton_iconSize = 10;
-			
-			// aapt resource value: 11
-			public const int MaterialButton_iconTint = 11;
-			
-			// aapt resource value: 12
-			public const int MaterialButton_iconTintMode = 12;
-			
-			// aapt resource value: 13
-			public const int MaterialButton_rippleColor = 13;
-			
-			// aapt resource value: 14
-			public const int MaterialButton_strokeColor = 14;
-			
-			// aapt resource value: 15
-			public const int MaterialButton_strokeWidth = 15;
-			
-			// aapt resource value: { 0x7F0301C2,0x7F0301C3 }
-			public static int[] MaterialCardView = new int[] {
-					2130903490,
-					2130903491};
-			
-			// aapt resource value: 0
-			public const int MaterialCardView_strokeColor = 0;
-			
-			// aapt resource value: 1
-			public const int MaterialCardView_strokeWidth = 1;
-			
-			// aapt resource value: { 0x7F030041,0x7F030042,0x7F03006F,0x7F030079,0x7F03007D,0x7F03008B,0x7F03008C,0x7F030092,0x7F030093,0x7F030094,0x7F0300BC,0x7F0300DA,0x7F03013E,0x7F03013F,0x7F030156,0x7F03018F,0x7F0301B1,0x7F0301E5,0x7F0301EA,0x7F0301EB,0x7F0301EC,0x7F0301ED,0x7F0301EE,0x7F0301EF,0x7F0301F0,0x7F0301F1,0x7F0301F2,0x7F0301F3,0x7F0301F8,0x7F0301FD,0x7F0301FE,0x7F030202 }
-			public static int[] MaterialComponentsTheme = new int[] {
-					2130903105,
-					2130903106,
-					2130903151,
-					2130903161,
-					2130903165,
-					2130903179,
-					2130903180,
-					2130903186,
-					2130903187,
-					2130903188,
-					2130903228,
-					2130903258,
-					2130903358,
-					2130903359,
-					2130903382,
-					2130903439,
-					2130903473,
-					2130903525,
-					2130903530,
-					2130903531,
-					2130903532,
-					2130903533,
-					2130903534,
-					2130903535,
-					2130903536,
-					2130903537,
-					2130903538,
-					2130903539,
-					2130903544,
-					2130903549,
-					2130903550,
-					2130903554};
-			
-			// aapt resource value: 0
-			public const int MaterialComponentsTheme_bottomSheetDialogTheme = 0;
-			
-			// aapt resource value: 1
-			public const int MaterialComponentsTheme_bottomSheetStyle = 1;
-			
-			// aapt resource value: 2
-			public const int MaterialComponentsTheme_chipGroupStyle = 2;
-			
-			// aapt resource value: 3
-			public const int MaterialComponentsTheme_chipStandaloneStyle = 3;
-			
-			// aapt resource value: 4
-			public const int MaterialComponentsTheme_chipStyle = 4;
-			
-			// aapt resource value: 5
-			public const int MaterialComponentsTheme_colorAccent = 5;
-			
-			// aapt resource value: 6
-			public const int MaterialComponentsTheme_colorBackgroundFloating = 6;
-			
-			// aapt resource value: 7
-			public const int MaterialComponentsTheme_colorPrimary = 7;
-			
-			// aapt resource value: 8
-			public const int MaterialComponentsTheme_colorPrimaryDark = 8;
-			
-			// aapt resource value: 9
-			public const int MaterialComponentsTheme_colorSecondary = 9;
-			
-			// aapt resource value: 10
-			public const int MaterialComponentsTheme_editTextStyle = 10;
-			
-			// aapt resource value: 11
-			public const int MaterialComponentsTheme_floatingActionButtonStyle = 11;
-			
-			// aapt resource value: 12
-			public const int MaterialComponentsTheme_materialButtonStyle = 12;
-			
-			// aapt resource value: 13
-			public const int MaterialComponentsTheme_materialCardViewStyle = 13;
-			
-			// aapt resource value: 14
-			public const int MaterialComponentsTheme_navigationViewStyle = 14;
-			
-			// aapt resource value: 15
-			public const int MaterialComponentsTheme_scrimBackground = 15;
-			
-			// aapt resource value: 16
-			public const int MaterialComponentsTheme_snackbarButtonStyle = 16;
-			
-			// aapt resource value: 17
-			public const int MaterialComponentsTheme_tabStyle = 17;
-			
-			// aapt resource value: 18
-			public const int MaterialComponentsTheme_textAppearanceBody1 = 18;
-			
-			// aapt resource value: 19
-			public const int MaterialComponentsTheme_textAppearanceBody2 = 19;
-			
-			// aapt resource value: 20
-			public const int MaterialComponentsTheme_textAppearanceButton = 20;
-			
-			// aapt resource value: 21
-			public const int MaterialComponentsTheme_textAppearanceCaption = 21;
-			
-			// aapt resource value: 22
-			public const int MaterialComponentsTheme_textAppearanceHeadline1 = 22;
-			
-			// aapt resource value: 23
-			public const int MaterialComponentsTheme_textAppearanceHeadline2 = 23;
-			
-			// aapt resource value: 24
-			public const int MaterialComponentsTheme_textAppearanceHeadline3 = 24;
-			
-			// aapt resource value: 25
-			public const int MaterialComponentsTheme_textAppearanceHeadline4 = 25;
-			
-			// aapt resource value: 26
-			public const int MaterialComponentsTheme_textAppearanceHeadline5 = 26;
-			
-			// aapt resource value: 27
-			public const int MaterialComponentsTheme_textAppearanceHeadline6 = 27;
-			
-			// aapt resource value: 28
-			public const int MaterialComponentsTheme_textAppearanceOverline = 28;
-			
-			// aapt resource value: 29
-			public const int MaterialComponentsTheme_textAppearanceSubtitle1 = 29;
-			
-			// aapt resource value: 30
-			public const int MaterialComponentsTheme_textAppearanceSubtitle2 = 30;
-			
-			// aapt resource value: 31
-			public const int MaterialComponentsTheme_textInputStyle = 31;
-			
-			// aapt resource value: { 0x101013F,0x1010140,0x7F0300CD,0x7F030146 }
-			public static int[] MediaRouteButton = new int[] {
-					16843071,
-					16843072,
-					2130903245,
-					2130903366};
-			
-			// aapt resource value: 1
-			public const int MediaRouteButton_android_minHeight = 1;
-			
-			// aapt resource value: 0
-			public const int MediaRouteButton_android_minWidth = 0;
-			
-			// aapt resource value: 2
-			public const int MediaRouteButton_externalRouteEnabledDrawable = 2;
-			
-			// aapt resource value: 3
-			public const int MediaRouteButton_mediaRouteButtonTint = 3;
-			
-			// aapt resource value: { 0x101000E,0x10100D0,0x1010194,0x10101DE,0x10101DF,0x10101E0 }
-			public static int[] MenuGroup = new int[] {
-					16842766,
-					16842960,
-					16843156,
-					16843230,
-					16843231,
-					16843232};
-			
-			// aapt resource value: 5
-			public const int MenuGroup_android_checkableBehavior = 5;
-			
-			// aapt resource value: 0
-			public const int MenuGroup_android_enabled = 0;
-			
-			// aapt resource value: 1
-			public const int MenuGroup_android_id = 1;
-			
-			// aapt resource value: 3
-			public const int MenuGroup_android_menuCategory = 3;
-			
-			// aapt resource value: 4
-			public const int MenuGroup_android_orderInCategory = 4;
-			
-			// aapt resource value: 2
-			public const int MenuGroup_android_visible = 2;
-			
-			// aapt resource value: { 0x1010002,0x101000E,0x10100D0,0x1010106,0x1010194,0x10101DE,0x10101DF,0x10101E1,0x10101E2,0x10101E3,0x10101E4,0x10101E5,0x101026F,0x7F03000D,0x7F03001F,0x7F030020,0x7F030028,0x7F030097,0x7F0300FD,0x7F0300FE,0x7F030157,0x7F0301A9,0x7F03021E }
-			public static int[] MenuItem = new int[] {
-					16842754,
-					16842766,
-					16842960,
-					16843014,
-					16843156,
-					16843230,
-					16843231,
-					16843233,
-					16843234,
-					16843235,
-					16843236,
-					16843237,
-					16843375,
-					2130903053,
-					2130903071,
-					2130903072,
-					2130903080,
-					2130903191,
-					2130903293,
-					2130903294,
-					2130903383,
-					2130903465,
-					2130903582};
-			
-			// aapt resource value: 13
-			public const int MenuItem_actionLayout = 13;
-			
-			// aapt resource value: 14
-			public const int MenuItem_actionProviderClass = 14;
-			
-			// aapt resource value: 15
-			public const int MenuItem_actionViewClass = 15;
-			
-			// aapt resource value: 16
-			public const int MenuItem_alphabeticModifiers = 16;
-			
-			// aapt resource value: 9
-			public const int MenuItem_android_alphabeticShortcut = 9;
-			
-			// aapt resource value: 11
-			public const int MenuItem_android_checkable = 11;
-			
-			// aapt resource value: 3
-			public const int MenuItem_android_checked = 3;
-			
-			// aapt resource value: 1
-			public const int MenuItem_android_enabled = 1;
-			
-			// aapt resource value: 0
-			public const int MenuItem_android_icon = 0;
-			
-			// aapt resource value: 2
-			public const int MenuItem_android_id = 2;
-			
-			// aapt resource value: 5
-			public const int MenuItem_android_menuCategory = 5;
-			
-			// aapt resource value: 10
-			public const int MenuItem_android_numericShortcut = 10;
-			
-			// aapt resource value: 12
-			public const int MenuItem_android_onClick = 12;
-			
-			// aapt resource value: 6
-			public const int MenuItem_android_orderInCategory = 6;
-			
-			// aapt resource value: 7
-			public const int MenuItem_android_title = 7;
-			
-			// aapt resource value: 8
-			public const int MenuItem_android_titleCondensed = 8;
-			
-			// aapt resource value: 4
-			public const int MenuItem_android_visible = 4;
-			
-			// aapt resource value: 17
-			public const int MenuItem_contentDescription = 17;
-			
-			// aapt resource value: 18
-			public const int MenuItem_iconTint = 18;
-			
-			// aapt resource value: 19
-			public const int MenuItem_iconTintMode = 19;
-			
-			// aapt resource value: 20
-			public const int MenuItem_numericModifiers = 20;
-			
-			// aapt resource value: 21
-			public const int MenuItem_showAsAction = 21;
-			
-			// aapt resource value: 22
-			public const int MenuItem_tooltipText = 22;
-			
-			// aapt resource value: { 0x10100AE,0x101012C,0x101012D,0x101012E,0x101012F,0x1010130,0x1010131,0x7F030168,0x7F0301C4 }
-			public static int[] MenuView = new int[] {
-					16842926,
-					16843052,
-					16843053,
-					16843054,
-					16843055,
-					16843056,
-					16843057,
-					2130903400,
-					2130903492};
-			
-			// aapt resource value: 4
-			public const int MenuView_android_headerBackground = 4;
-			
-			// aapt resource value: 2
-			public const int MenuView_android_horizontalDivider = 2;
-			
-			// aapt resource value: 5
-			public const int MenuView_android_itemBackground = 5;
-			
-			// aapt resource value: 6
-			public const int MenuView_android_itemIconDisabledAlpha = 6;
-			
-			// aapt resource value: 1
-			public const int MenuView_android_itemTextAppearance = 1;
-			
-			// aapt resource value: 3
-			public const int MenuView_android_verticalDivider = 3;
-			
-			// aapt resource value: 0
-			public const int MenuView_android_windowAnimationStyle = 0;
-			
-			// aapt resource value: 7
-			public const int MenuView_preserveIconSpacing = 7;
-			
-			// aapt resource value: 8
-			public const int MenuView_subMenuArrow = 8;
-			
-			// aapt resource value: { 0x10100D4,0x10100DD,0x101011F,0x7F0300BD,0x7F0300E9,0x7F030106,0x7F030107,0x7F030109,0x7F03010B,0x7F03010E,0x7F030111,0x7F030151 }
-			public static int[] NavigationView = new int[] {
-					16842964,
-					16842973,
-					16843039,
-					2130903229,
-					2130903273,
-					2130903302,
-					2130903303,
-					2130903305,
-					2130903307,
-					2130903310,
-					2130903313,
-					2130903377};
-			
-			// aapt resource value: 0
-			public const int NavigationView_android_background = 0;
-			
-			// aapt resource value: 1
-			public const int NavigationView_android_fitsSystemWindows = 1;
-			
-			// aapt resource value: 2
-			public const int NavigationView_android_maxWidth = 2;
-			
-			// aapt resource value: 3
-			public const int NavigationView_elevation = 3;
-			
-			// aapt resource value: 4
-			public const int NavigationView_headerLayout = 4;
-			
-			// aapt resource value: 5
-			public const int NavigationView_itemBackground = 5;
-			
-			// aapt resource value: 6
-			public const int NavigationView_itemHorizontalPadding = 6;
-			
-			// aapt resource value: 7
-			public const int NavigationView_itemIconPadding = 7;
-			
-			// aapt resource value: 8
-			public const int NavigationView_itemIconTint = 8;
-			
-			// aapt resource value: 9
-			public const int NavigationView_itemTextAppearance = 9;
-			
-			// aapt resource value: 10
-			public const int NavigationView_itemTextColor = 10;
-			
-			// aapt resource value: 11
-			public const int NavigationView_menu = 11;
-			
-			// aapt resource value: { 0x1010176,0x10102C9,0x7F030158 }
-			public static int[] PopupWindow = new int[] {
-					16843126,
-					16843465,
-					2130903384};
-			
-			// aapt resource value: { 0x7F0301BA }
-			public static int[] PopupWindowBackgroundState = new int[] {
-					2130903482};
-			
-			// aapt resource value: 0
-			public const int PopupWindowBackgroundState_state_above_anchor = 0;
-			
-			// aapt resource value: 1
-			public const int PopupWindow_android_popupAnimationStyle = 1;
-			
-			// aapt resource value: 0
-			public const int PopupWindow_android_popupBackground = 0;
-			
-			// aapt resource value: 2
-			public const int PopupWindow_overlapAnchor = 2;
-			
-			// aapt resource value: { 0x7F030159,0x7F03015C }
-			public static int[] RecycleListView = new int[] {
-					2130903385,
-					2130903388};
-			
-			// aapt resource value: 0
-			public const int RecycleListView_paddingBottomNoButtons = 0;
-			
-			// aapt resource value: 1
-			public const int RecycleListView_paddingTopNoTitle = 1;
-			
-			// aapt resource value: { 0x10100C4,0x10100F1,0x7F0300D4,0x7F0300D5,0x7F0300D6,0x7F0300D7,0x7F0300D8,0x7F030116,0x7F03017E,0x7F0301B3,0x7F0301B9 }
-			public static int[] RecyclerView = new int[] {
-					16842948,
-					16842993,
-					2130903252,
-					2130903253,
-					2130903254,
-					2130903255,
-					2130903256,
-					2130903318,
-					2130903422,
-					2130903475,
-					2130903481};
-			
-			// aapt resource value: 1
-			public const int RecyclerView_android_descendantFocusability = 1;
-			
-			// aapt resource value: 0
-			public const int RecyclerView_android_orientation = 0;
-			
-			// aapt resource value: 2
-			public const int RecyclerView_fastScrollEnabled = 2;
-			
-			// aapt resource value: 3
-			public const int RecyclerView_fastScrollHorizontalThumbDrawable = 3;
-			
-			// aapt resource value: 4
-			public const int RecyclerView_fastScrollHorizontalTrackDrawable = 4;
-			
-			// aapt resource value: 5
-			public const int RecyclerView_fastScrollVerticalThumbDrawable = 5;
-			
-			// aapt resource value: 6
-			public const int RecyclerView_fastScrollVerticalTrackDrawable = 6;
-			
-			// aapt resource value: 7
-			public const int RecyclerView_layoutManager = 7;
-			
-			// aapt resource value: 8
-			public const int RecyclerView_reverseLayout = 8;
-			
-			// aapt resource value: 9
-			public const int RecyclerView_spanCount = 9;
-			
-			// aapt resource value: 10
-			public const int RecyclerView_stackFromEnd = 10;
-			
-			// aapt resource value: { 0x7F030103 }
-			public static int[] ScrimInsetsFrameLayout = new int[] {
-					2130903299};
-			
-			// aapt resource value: 0
-			public const int ScrimInsetsFrameLayout_insetForeground = 0;
-			
-			// aapt resource value: { 0x7F03003A }
-			public static int[] ScrollingViewBehavior_Layout = new int[] {
-					2130903098};
-			
-			// aapt resource value: 0
-			public const int ScrollingViewBehavior_Layout_behavior_overlapTop = 0;
-			
-			// aapt resource value: { 0x10100DA,0x101011F,0x1010220,0x1010264,0x7F03007E,0x7F030096,0x7F0300AD,0x7F0300E8,0x7F0300FF,0x7F030115,0x7F03016C,0x7F03016D,0x7F030191,0x7F030192,0x7F0301C5,0x7F0301CA,0x7F030226 }
-			public static int[] SearchView = new int[] {
-					16842970,
-					16843039,
-					16843296,
-					16843364,
-					2130903166,
-					2130903190,
-					2130903213,
-					2130903272,
-					2130903295,
-					2130903317,
-					2130903404,
-					2130903405,
-					2130903441,
-					2130903442,
-					2130903493,
-					2130903498,
-					2130903590};
-			
-			// aapt resource value: 0
-			public const int SearchView_android_focusable = 0;
-			
-			// aapt resource value: 3
-			public const int SearchView_android_imeOptions = 3;
-			
-			// aapt resource value: 2
-			public const int SearchView_android_inputType = 2;
-			
-			// aapt resource value: 1
-			public const int SearchView_android_maxWidth = 1;
-			
-			// aapt resource value: 4
-			public const int SearchView_closeIcon = 4;
-			
-			// aapt resource value: 5
-			public const int SearchView_commitIcon = 5;
-			
-			// aapt resource value: 6
-			public const int SearchView_defaultQueryHint = 6;
-			
-			// aapt resource value: 7
-			public const int SearchView_goIcon = 7;
-			
-			// aapt resource value: 8
-			public const int SearchView_iconifiedByDefault = 8;
-			
-			// aapt resource value: 9
-			public const int SearchView_layout = 9;
-			
-			// aapt resource value: 10
-			public const int SearchView_queryBackground = 10;
-			
-			// aapt resource value: 11
-			public const int SearchView_queryHint = 11;
-			
-			// aapt resource value: 12
-			public const int SearchView_searchHintIcon = 12;
-			
-			// aapt resource value: 13
-			public const int SearchView_searchIcon = 13;
-			
-			// aapt resource value: 14
-			public const int SearchView_submitBackground = 14;
-			
-			// aapt resource value: 15
-			public const int SearchView_suggestionRowLayout = 15;
-			
-			// aapt resource value: 16
-			public const int SearchView_voiceIcon = 16;
-			
-			// aapt resource value: { 0x7F030066,0x7F0300A7,0x7F030105 }
-			public static int[] SfCheckBox = new int[] {
-					2130903142,
-					2130903207,
-					2130903301};
-			
-			// aapt resource value: 0
-			public const int SfCheckBox_checked = 0;
-			
-			// aapt resource value: 1
-			public const int SfCheckBox_cornerradius = 1;
-			
-			// aapt resource value: 2
-			public const int SfCheckBox_isthreestate = 2;
-			
-			// aapt resource value: { 0x7F03004C,0x7F03004D,0x7F03004E,0x7F03004F,0x7F030050,0x7F030051,0x7F0300BE,0x7F0300BF,0x7F030131,0x7F030132,0x7F030133,0x7F030134,0x7F030135,0x7F030136,0x7F030137,0x7F030138,0x7F030139,0x7F03013A,0x7F03013B,0x7F03013C,0x7F03013D,0x7F0301A3,0x7F0301A4,0x7F0301A5,0x7F0301A6,0x7F0301A7,0x7F0301A8,0x7F030223 }
-			public static int[] SfMaps = new int[] {
-					2130903116,
-					2130903117,
-					2130903118,
-					2130903119,
-					2130903120,
-					2130903121,
-					2130903230,
-					2130903231,
-					2130903345,
-					2130903346,
-					2130903347,
-					2130903348,
-					2130903349,
-					2130903350,
-					2130903351,
-					2130903352,
-					2130903353,
-					2130903354,
-					2130903355,
-					2130903356,
-					2130903357,
-					2130903459,
-					2130903460,
-					2130903461,
-					2130903462,
-					2130903463,
-					2130903464,
-					2130903587};
-			
-			// aapt resource value: 0
-			public const int SfMaps_bubbleAlpha = 0;
-			
-			// aapt resource value: 1
-			public const int SfMaps_bubbleFillColor = 1;
-			
-			// aapt resource value: 2
-			public const int SfMaps_bubbleIsAutoFillColors = 2;
-			
-			// aapt resource value: 3
-			public const int SfMaps_bubbleMaxSize = 3;
-			
-			// aapt resource value: 4
-			public const int SfMaps_bubbleMinSize = 4;
-			
-			// aapt resource value: 5
-			public const int SfMaps_bubbleVisibility = 5;
-			
-			// aapt resource value: 6
-			public const int SfMaps_enableMapSelection = 6;
-			
-			// aapt resource value: 7
-			public const int SfMaps_enableMapZooming = 7;
-			
-			// aapt resource value: 8
-			public const int SfMaps_mapLegendIcon = 8;
-			
-			// aapt resource value: 9
-			public const int SfMaps_mapLegendIconHeight = 9;
-			
-			// aapt resource value: 10
-			public const int SfMaps_mapLegendIconWidth = 10;
-			
-			// aapt resource value: 11
-			public const int SfMaps_mapLegendType = 11;
-			
-			// aapt resource value: 12
-			public const int SfMaps_mapLegendVisibility = 12;
-			
-			// aapt resource value: 13
-			public const int SfMaps_mapMarkerIcon = 13;
-			
-			// aapt resource value: 14
-			public const int SfMaps_markerIconColor = 14;
-			
-			// aapt resource value: 15
-			public const int SfMaps_markerIconSize = 15;
-			
-			// aapt resource value: 16
-			public const int SfMaps_markerLabel = 16;
-			
-			// aapt resource value: 17
-			public const int SfMaps_markerLabelColor = 17;
-			
-			// aapt resource value: 18
-			public const int SfMaps_markerLabelSize = 18;
-			
-			// aapt resource value: 19
-			public const int SfMaps_markerLatitude = 19;
-			
-			// aapt resource value: 20
-			public const int SfMaps_markerLongitude = 20;
-			
-			// aapt resource value: 21
-			public const int SfMaps_selectedShapeColor = 21;
-			
-			// aapt resource value: 22
-			public const int SfMaps_selectedShapeStroke = 22;
-			
-			// aapt resource value: 23
-			public const int SfMaps_selectedShapeStrokeThickness = 23;
-			
-			// aapt resource value: 24
-			public const int SfMaps_shapeFill = 24;
-			
-			// aapt resource value: 25
-			public const int SfMaps_shapeStroke = 25;
-			
-			// aapt resource value: 26
-			public const int SfMaps_shapeStrokeThickness = 26;
-			
-			// aapt resource value: 27
-			public const int SfMaps_uri = 27;
-			
-			// aapt resource value: { 0x7F030172,0x7F030173,0x7F030174,0x7F030175,0x7F030176,0x7F030177,0x7F030178,0x7F030179,0x7F03017A,0x7F03017B,0x7F03017C,0x7F03017D }
-			public static int[] SfRating = new int[] {
-					2130903410,
-					2130903411,
-					2130903412,
-					2130903413,
-					2130903414,
-					2130903415,
-					2130903416,
-					2130903417,
-					2130903418,
-					2130903419,
-					2130903420,
-					2130903421};
-			
-			// aapt resource value: 0
-			public const int SfRating_ratingControlValue = 0;
-			
-			// aapt resource value: 1
-			public const int SfRating_ratingEnableAutoSize = 1;
-			
-			// aapt resource value: 2
-			public const int SfRating_ratingItemCount = 2;
-			
-			// aapt resource value: 3
-			public const int SfRating_ratingItemSize = 3;
-			
-			// aapt resource value: 4
-			public const int SfRating_ratingItemSpacing = 4;
-			
-			// aapt resource value: 5
-			public const int SfRating_ratingPrecision = 5;
-			
-			// aapt resource value: 6
-			public const int SfRating_ratingRatedFill = 6;
-			
-			// aapt resource value: 7
-			public const int SfRating_ratingRatedStroke = 7;
-			
-			// aapt resource value: 8
-			public const int SfRating_ratingRatedStrokeWidth = 8;
-			
-			// aapt resource value: 9
-			public const int SfRating_ratingUnratedFill = 9;
-			
-			// aapt resource value: 10
-			public const int SfRating_ratingUnratedStroke = 10;
-			
-			// aapt resource value: 11
-			public const int SfRating_ratingUnratedStrokeWidth = 11;
-			
-			// aapt resource value: { 0x7F030180,0x7F030181,0x7F030182,0x7F030183,0x7F030184,0x7F030185,0x7F030186,0x7F030187,0x7F030188,0x7F030189,0x7F03018A,0x7F03018B,0x7F03018C,0x7F03018D }
-			public static int[] SfRotator = new int[] {
-					2130903424,
-					2130903425,
-					2130903426,
-					2130903427,
-					2130903428,
-					2130903429,
-					2130903430,
-					2130903431,
-					2130903432,
-					2130903433,
-					2130903434,
-					2130903435,
-					2130903436,
-					2130903437};
-			
-			// aapt resource value: 0
-			public const int SfRotator_rotatorDotsBorderColor = 0;
-			
-			// aapt resource value: 1
-			public const int SfRotator_rotatorDotsPlacement = 1;
-			
-			// aapt resource value: 2
-			public const int SfRotator_rotatorEnableAutoPlay = 2;
-			
-			// aapt resource value: 3
-			public const int SfRotator_rotatorEnableLooping = 3;
-			
-			// aapt resource value: 4
-			public const int SfRotator_rotatorEnableSwiping = 4;
-			
-			// aapt resource value: 5
-			public const int SfRotator_rotatorNavigationDelay = 5;
-			
-			// aapt resource value: 6
-			public const int SfRotator_rotatorNavigationDirection = 6;
-			
-			// aapt resource value: 7
-			public const int SfRotator_rotatorNavigationStripMode = 7;
-			
-			// aapt resource value: 8
-			public const int SfRotator_rotatorNavigationStripPosition = 8;
-			
-			// aapt resource value: 9
-			public const int SfRotator_rotatorPlayDirection = 9;
-			
-			// aapt resource value: 10
-			public const int SfRotator_rotatorSelectedDotsColor = 10;
-			
-			// aapt resource value: 11
-			public const int SfRotator_rotatorSelectedIndex = 11;
-			
-			// aapt resource value: 12
-			public const int SfRotator_rotatorTextVisible = 12;
-			
-			// aapt resource value: 13
-			public const int SfRotator_rotatorUnselectedDotsColor = 13;
-			
-			// aapt resource value: { 0x7F030195,0x7F030196,0x7F030197,0x7F030198,0x7F030199,0x7F03019A,0x7F03019B,0x7F03019C,0x7F03019D,0x7F03019E,0x7F03019F,0x7F0301A0 }
-			public static int[] SfSegmentedControl = new int[] {
-					2130903445,
-					2130903446,
-					2130903447,
-					2130903448,
-					2130903449,
-					2130903450,
-					2130903451,
-					2130903452,
-					2130903453,
-					2130903454,
-					2130903455,
-					2130903456};
-			
-			// aapt resource value: 0
-			public const int SfSegmentedControl_segmentBackColor = 0;
-			
-			// aapt resource value: 1
-			public const int SfSegmentedControl_segmentBorderColor = 1;
-			
-			// aapt resource value: 2
-			public const int SfSegmentedControl_segmentBorderThickness = 2;
-			
-			// aapt resource value: 3
-			public const int SfSegmentedControl_segmentColor = 3;
-			
-			// aapt resource value: 4
-			public const int SfSegmentedControl_segmentCornerRadius = 4;
-			
-			// aapt resource value: 5
-			public const int SfSegmentedControl_segmentDisplayMode = 5;
-			
-			// aapt resource value: 9
-			public const int SfSegmentedControl_segmentedHeight = 9;
-			
-			// aapt resource value: 10
-			public const int SfSegmentedControl_segmentedPadding = 10;
-			
-			// aapt resource value: 11
-			public const int SfSegmentedControl_segmentedWidth = 11;
-			
-			// aapt resource value: 6
-			public const int SfSegmentedControl_segmentPosition = 6;
-			
-			// aapt resource value: 7
-			public const int SfSegmentedControl_segmentSelectedIndex = 7;
-			
-			// aapt resource value: 8
-			public const int SfSegmentedControl_segmentStrokeThickness = 8;
-			
-			// aapt resource value: { 0x7F0301B1,0x7F0301B2 }
-			public static int[] Snackbar = new int[] {
-					2130903473,
-					2130903474};
-			
-			// aapt resource value: { 0x101011F,0x7F0300BD,0x7F030140 }
-			public static int[] SnackbarLayout = new int[] {
-					16843039,
-					2130903229,
-					2130903360};
-			
-			// aapt resource value: 0
-			public const int SnackbarLayout_android_maxWidth = 0;
-			
-			// aapt resource value: 1
-			public const int SnackbarLayout_elevation = 1;
-			
-			// aapt resource value: 2
-			public const int SnackbarLayout_maxActionInlineWidth = 2;
-			
-			// aapt resource value: 0
-			public const int Snackbar_snackbarButtonStyle = 0;
-			
-			// aapt resource value: 1
-			public const int Snackbar_snackbarStyle = 1;
-			
-			// aapt resource value: { 0x10100B2,0x1010176,0x101017B,0x1010262,0x7F030166 }
-			public static int[] Spinner = new int[] {
-					16842930,
-					16843126,
-					16843131,
-					16843362,
-					2130903398};
-			
-			// aapt resource value: 3
-			public const int Spinner_android_dropDownWidth = 3;
-			
-			// aapt resource value: 0
-			public const int Spinner_android_entries = 0;
-			
-			// aapt resource value: 1
-			public const int Spinner_android_popupBackground = 1;
-			
-			// aapt resource value: 2
-			public const int Spinner_android_prompt = 2;
-			
-			// aapt resource value: 4
-			public const int Spinner_popupTheme = 4;
-			
-			// aapt resource value: { 0x101011C,0x1010194,0x1010195,0x1010196,0x101030C,0x101030D }
-			public static int[] StateListDrawable = new int[] {
-					16843036,
-					16843156,
-					16843157,
-					16843158,
-					16843532,
-					16843533};
-			
-			// aapt resource value: { 0x1010199 }
-			public static int[] StateListDrawableItem = new int[] {
-					16843161};
-			
-			// aapt resource value: 0
-			public const int StateListDrawableItem_android_drawable = 0;
-			
-			// aapt resource value: 3
-			public const int StateListDrawable_android_constantSize = 3;
-			
-			// aapt resource value: 0
-			public const int StateListDrawable_android_dither = 0;
-			
-			// aapt resource value: 4
-			public const int StateListDrawable_android_enterFadeDuration = 4;
-			
-			// aapt resource value: 5
-			public const int StateListDrawable_android_exitFadeDuration = 5;
-			
-			// aapt resource value: 2
-			public const int StateListDrawable_android_variablePadding = 2;
-			
-			// aapt resource value: 1
-			public const int StateListDrawable_android_visible = 1;
-			
-			// aapt resource value: { 0x1010124,0x1010125,0x1010142,0x7F0301AC,0x7F0301B7,0x7F0301CB,0x7F0301CC,0x7F0301CE,0x7F030206,0x7F030207,0x7F030208,0x7F03021F,0x7F030220,0x7F030221 }
-			public static int[] SwitchCompat = new int[] {
-					16843044,
-					16843045,
-					16843074,
-					2130903468,
-					2130903479,
-					2130903499,
-					2130903500,
-					2130903502,
-					2130903558,
-					2130903559,
-					2130903560,
-					2130903583,
-					2130903584,
-					2130903585};
-			
-			// aapt resource value: 1
-			public const int SwitchCompat_android_textOff = 1;
-			
-			// aapt resource value: 0
-			public const int SwitchCompat_android_textOn = 0;
-			
-			// aapt resource value: 2
-			public const int SwitchCompat_android_thumb = 2;
-			
-			// aapt resource value: 3
-			public const int SwitchCompat_showText = 3;
-			
-			// aapt resource value: 4
-			public const int SwitchCompat_splitTrack = 4;
-			
-			// aapt resource value: 5
-			public const int SwitchCompat_switchMinWidth = 5;
-			
-			// aapt resource value: 6
-			public const int SwitchCompat_switchPadding = 6;
-			
-			// aapt resource value: 7
-			public const int SwitchCompat_switchTextAppearance = 7;
-			
-			// aapt resource value: 8
-			public const int SwitchCompat_thumbTextPadding = 8;
-			
-			// aapt resource value: 9
-			public const int SwitchCompat_thumbTint = 9;
-			
-			// aapt resource value: 10
-			public const int SwitchCompat_thumbTintMode = 10;
-			
-			// aapt resource value: 11
-			public const int SwitchCompat_track = 11;
-			
-			// aapt resource value: 12
-			public const int SwitchCompat_trackTint = 12;
-			
-			// aapt resource value: 13
-			public const int SwitchCompat_trackTintMode = 13;
-			
-			// aapt resource value: { 0x1010002,0x10100F2,0x101014F }
-			public static int[] TabItem = new int[] {
-					16842754,
-					16842994,
-					16843087};
-			
-			// aapt resource value: 0
-			public const int TabItem_android_icon = 0;
-			
-			// aapt resource value: 1
-			public const int TabItem_android_layout = 1;
-			
-			// aapt resource value: 2
-			public const int TabItem_android_text = 2;
-			
-			// aapt resource value: { 0x7F0301CF,0x7F0301D0,0x7F0301D1,0x7F0301D2,0x7F0301D3,0x7F0301D4,0x7F0301D5,0x7F0301D6,0x7F0301D7,0x7F0301D8,0x7F0301D9,0x7F0301DA,0x7F0301DB,0x7F0301DC,0x7F0301DD,0x7F0301DE,0x7F0301DF,0x7F0301E0,0x7F0301E1,0x7F0301E2,0x7F0301E3,0x7F0301E4,0x7F0301E6,0x7F0301E7,0x7F0301E8 }
-			public static int[] TabLayout = new int[] {
-					2130903503,
-					2130903504,
-					2130903505,
-					2130903506,
-					2130903507,
-					2130903508,
-					2130903509,
-					2130903510,
-					2130903511,
-					2130903512,
-					2130903513,
-					2130903514,
-					2130903515,
-					2130903516,
-					2130903517,
-					2130903518,
-					2130903519,
-					2130903520,
-					2130903521,
-					2130903522,
-					2130903523,
-					2130903524,
-					2130903526,
-					2130903527,
-					2130903528};
-			
-			// aapt resource value: 0
-			public const int TabLayout_tabBackground = 0;
-			
-			// aapt resource value: 1
-			public const int TabLayout_tabContentStart = 1;
-			
-			// aapt resource value: 2
-			public const int TabLayout_tabGravity = 2;
-			
-			// aapt resource value: 3
-			public const int TabLayout_tabIconTint = 3;
-			
-			// aapt resource value: 4
-			public const int TabLayout_tabIconTintMode = 4;
-			
-			// aapt resource value: 5
-			public const int TabLayout_tabIndicator = 5;
-			
-			// aapt resource value: 6
-			public const int TabLayout_tabIndicatorAnimationDuration = 6;
-			
-			// aapt resource value: 7
-			public const int TabLayout_tabIndicatorColor = 7;
-			
-			// aapt resource value: 8
-			public const int TabLayout_tabIndicatorFullWidth = 8;
-			
-			// aapt resource value: 9
-			public const int TabLayout_tabIndicatorGravity = 9;
-			
-			// aapt resource value: 10
-			public const int TabLayout_tabIndicatorHeight = 10;
-			
-			// aapt resource value: 11
-			public const int TabLayout_tabInlineLabel = 11;
-			
-			// aapt resource value: 12
-			public const int TabLayout_tabMaxWidth = 12;
-			
-			// aapt resource value: 13
-			public const int TabLayout_tabMinWidth = 13;
-			
-			// aapt resource value: 14
-			public const int TabLayout_tabMode = 14;
-			
-			// aapt resource value: 15
-			public const int TabLayout_tabPadding = 15;
-			
-			// aapt resource value: 16
-			public const int TabLayout_tabPaddingBottom = 16;
-			
-			// aapt resource value: 17
-			public const int TabLayout_tabPaddingEnd = 17;
-			
-			// aapt resource value: 18
-			public const int TabLayout_tabPaddingStart = 18;
-			
-			// aapt resource value: 19
-			public const int TabLayout_tabPaddingTop = 19;
-			
-			// aapt resource value: 20
-			public const int TabLayout_tabRippleColor = 20;
-			
-			// aapt resource value: 21
-			public const int TabLayout_tabSelectedTextColor = 21;
-			
-			// aapt resource value: 22
-			public const int TabLayout_tabTextAppearance = 22;
-			
-			// aapt resource value: 23
-			public const int TabLayout_tabTextColor = 23;
-			
-			// aapt resource value: 24
-			public const int TabLayout_tabUnboundedRipple = 24;
-			
-			// aapt resource value: { 0x1010095,0x1010096,0x1010097,0x1010098,0x101009A,0x101009B,0x1010161,0x1010162,0x1010163,0x1010164,0x10103AC,0x7F0300DC,0x7F0301E9 }
-			public static int[] TextAppearance = new int[] {
-					16842901,
-					16842902,
-					16842903,
-					16842904,
-					16842906,
-					16842907,
-					16843105,
-					16843106,
-					16843107,
-					16843108,
-					16843692,
-					2130903260,
-					2130903529};
-			
-			// aapt resource value: 10
-			public const int TextAppearance_android_fontFamily = 10;
-			
-			// aapt resource value: 6
-			public const int TextAppearance_android_shadowColor = 6;
-			
-			// aapt resource value: 7
-			public const int TextAppearance_android_shadowDx = 7;
-			
-			// aapt resource value: 8
-			public const int TextAppearance_android_shadowDy = 8;
-			
-			// aapt resource value: 9
-			public const int TextAppearance_android_shadowRadius = 9;
-			
-			// aapt resource value: 3
-			public const int TextAppearance_android_textColor = 3;
-			
-			// aapt resource value: 4
-			public const int TextAppearance_android_textColorHint = 4;
-			
-			// aapt resource value: 5
-			public const int TextAppearance_android_textColorLink = 5;
-			
-			// aapt resource value: 0
-			public const int TextAppearance_android_textSize = 0;
-			
-			// aapt resource value: 2
-			public const int TextAppearance_android_textStyle = 2;
-			
-			// aapt resource value: 1
-			public const int TextAppearance_android_typeface = 1;
-			
-			// aapt resource value: 11
-			public const int TextAppearance_fontFamily = 11;
-			
-			// aapt resource value: 12
-			public const int TextAppearance_textAllCaps = 12;
-			
-			// aapt resource value: { 0x101009A,0x1010150,0x7F030043,0x7F030044,0x7F030045,0x7F030046,0x7F030047,0x7F030048,0x7F030049,0x7F03004A,0x7F03004B,0x7F0300A8,0x7F0300A9,0x7F0300AA,0x7F0300AB,0x7F0300C2,0x7F0300C3,0x7F0300EB,0x7F0300EC,0x7F0300ED,0x7F0300F1,0x7F0300F2,0x7F0300F3,0x7F030160,0x7F030161,0x7F030162,0x7F030163,0x7F030164 }
-			public static int[] TextInputLayout = new int[] {
-					16842906,
-					16843088,
-					2130903107,
-					2130903108,
-					2130903109,
-					2130903110,
-					2130903111,
-					2130903112,
-					2130903113,
-					2130903114,
-					2130903115,
-					2130903208,
-					2130903209,
-					2130903210,
-					2130903211,
-					2130903234,
-					2130903235,
-					2130903275,
-					2130903276,
-					2130903277,
-					2130903281,
-					2130903282,
-					2130903283,
-					2130903392,
-					2130903393,
-					2130903394,
-					2130903395,
-					2130903396};
-			
-			// aapt resource value: 1
-			public const int TextInputLayout_android_hint = 1;
-			
-			// aapt resource value: 0
-			public const int TextInputLayout_android_textColorHint = 0;
-			
-			// aapt resource value: 2
-			public const int TextInputLayout_boxBackgroundColor = 2;
-			
-			// aapt resource value: 3
-			public const int TextInputLayout_boxBackgroundMode = 3;
-			
-			// aapt resource value: 4
-			public const int TextInputLayout_boxCollapsedPaddingTop = 4;
-			
-			// aapt resource value: 5
-			public const int TextInputLayout_boxCornerRadiusBottomEnd = 5;
-			
-			// aapt resource value: 6
-			public const int TextInputLayout_boxCornerRadiusBottomStart = 6;
-			
-			// aapt resource value: 7
-			public const int TextInputLayout_boxCornerRadiusTopEnd = 7;
-			
-			// aapt resource value: 8
-			public const int TextInputLayout_boxCornerRadiusTopStart = 8;
-			
-			// aapt resource value: 9
-			public const int TextInputLayout_boxStrokeColor = 9;
-			
-			// aapt resource value: 10
-			public const int TextInputLayout_boxStrokeWidth = 10;
-			
-			// aapt resource value: 11
-			public const int TextInputLayout_counterEnabled = 11;
-			
-			// aapt resource value: 12
-			public const int TextInputLayout_counterMaxLength = 12;
-			
-			// aapt resource value: 13
-			public const int TextInputLayout_counterOverflowTextAppearance = 13;
-			
-			// aapt resource value: 14
-			public const int TextInputLayout_counterTextAppearance = 14;
-			
-			// aapt resource value: 15
-			public const int TextInputLayout_errorEnabled = 15;
-			
-			// aapt resource value: 16
-			public const int TextInputLayout_errorTextAppearance = 16;
-			
-			// aapt resource value: 17
-			public const int TextInputLayout_helperText = 17;
-			
-			// aapt resource value: 18
-			public const int TextInputLayout_helperTextEnabled = 18;
-			
-			// aapt resource value: 19
-			public const int TextInputLayout_helperTextTextAppearance = 19;
-			
-			// aapt resource value: 20
-			public const int TextInputLayout_hintAnimationEnabled = 20;
-			
-			// aapt resource value: 21
-			public const int TextInputLayout_hintEnabled = 21;
-			
-			// aapt resource value: 22
-			public const int TextInputLayout_hintTextAppearance = 22;
-			
-			// aapt resource value: 23
-			public const int TextInputLayout_passwordToggleContentDescription = 23;
-			
-			// aapt resource value: 24
-			public const int TextInputLayout_passwordToggleDrawable = 24;
-			
-			// aapt resource value: 25
-			public const int TextInputLayout_passwordToggleEnabled = 25;
-			
-			// aapt resource value: 26
-			public const int TextInputLayout_passwordToggleTint = 26;
-			
-			// aapt resource value: 27
-			public const int TextInputLayout_passwordToggleTintMode = 27;
-			
-			// aapt resource value: { 0x1010034,0x7F0300C0,0x7F0300C1 }
-			public static int[] ThemeEnforcement = new int[] {
-					16842804,
-					2130903232,
-					2130903233};
-			
-			// aapt resource value: 0
-			public const int ThemeEnforcement_android_textAppearance = 0;
-			
-			// aapt resource value: 1
-			public const int ThemeEnforcement_enforceMaterialTheme = 1;
-			
-			// aapt resource value: 2
-			public const int ThemeEnforcement_enforceTextAppearance = 2;
-			
-			// aapt resource value: { 0x10100AF,0x1010140,0x7F030057,0x7F030086,0x7F030087,0x7F030098,0x7F030099,0x7F03009A,0x7F03009B,0x7F03009C,0x7F03009D,0x7F03012F,0x7F030130,0x7F030141,0x7F030153,0x7F030154,0x7F030166,0x7F0301C6,0x7F0301C7,0x7F0301C8,0x7F03020E,0x7F030210,0x7F030211,0x7F030212,0x7F030213,0x7F030214,0x7F030215,0x7F030216,0x7F030217 }
-			public static int[] Toolbar = new int[] {
-					16842927,
-					16843072,
-					2130903127,
-					2130903174,
-					2130903175,
-					2130903192,
-					2130903193,
-					2130903194,
-					2130903195,
-					2130903196,
-					2130903197,
-					2130903343,
-					2130903344,
-					2130903361,
-					2130903379,
-					2130903380,
-					2130903398,
-					2130903494,
-					2130903495,
-					2130903496,
-					2130903566,
-					2130903568,
-					2130903569,
-					2130903570,
-					2130903571,
-					2130903572,
-					2130903573,
-					2130903574,
-					2130903575};
-			
-			// aapt resource value: 0
-			public const int Toolbar_android_gravity = 0;
-			
-			// aapt resource value: 1
-			public const int Toolbar_android_minHeight = 1;
-			
-			// aapt resource value: 2
-			public const int Toolbar_buttonGravity = 2;
-			
-			// aapt resource value: 3
-			public const int Toolbar_collapseContentDescription = 3;
-			
-			// aapt resource value: 4
-			public const int Toolbar_collapseIcon = 4;
-			
-			// aapt resource value: 5
-			public const int Toolbar_contentInsetEnd = 5;
-			
-			// aapt resource value: 6
-			public const int Toolbar_contentInsetEndWithActions = 6;
-			
-			// aapt resource value: 7
-			public const int Toolbar_contentInsetLeft = 7;
-			
-			// aapt resource value: 8
-			public const int Toolbar_contentInsetRight = 8;
-			
-			// aapt resource value: 9
-			public const int Toolbar_contentInsetStart = 9;
-			
-			// aapt resource value: 10
-			public const int Toolbar_contentInsetStartWithNavigation = 10;
-			
-			// aapt resource value: 11
-			public const int Toolbar_logo = 11;
-			
-			// aapt resource value: 12
-			public const int Toolbar_logoDescription = 12;
-			
-			// aapt resource value: 13
-			public const int Toolbar_maxButtonHeight = 13;
-			
-			// aapt resource value: 14
-			public const int Toolbar_navigationContentDescription = 14;
-			
-			// aapt resource value: 15
-			public const int Toolbar_navigationIcon = 15;
-			
-			// aapt resource value: 16
-			public const int Toolbar_popupTheme = 16;
-			
-			// aapt resource value: 17
-			public const int Toolbar_subtitle = 17;
-			
-			// aapt resource value: 18
-			public const int Toolbar_subtitleTextAppearance = 18;
-			
-			// aapt resource value: 19
-			public const int Toolbar_subtitleTextColor = 19;
-			
-			// aapt resource value: 20
-			public const int Toolbar_title = 20;
-			
-			// aapt resource value: 21
-			public const int Toolbar_titleMargin = 21;
-			
-			// aapt resource value: 22
-			public const int Toolbar_titleMarginBottom = 22;
-			
-			// aapt resource value: 23
-			public const int Toolbar_titleMarginEnd = 23;
-			
-			// aapt resource value: 26
-			public const int Toolbar_titleMargins = 26;
-			
-			// aapt resource value: 24
-			public const int Toolbar_titleMarginStart = 24;
-			
-			// aapt resource value: 25
-			public const int Toolbar_titleMarginTop = 25;
-			
-			// aapt resource value: 27
-			public const int Toolbar_titleTextAppearance = 27;
-			
-			// aapt resource value: 28
-			public const int Toolbar_titleTextColor = 28;
-			
-			// aapt resource value: { 0x1010000,0x10100DA,0x7F03015A,0x7F03015B,0x7F030204 }
-			public static int[] View = new int[] {
-					16842752,
-					16842970,
-					2130903386,
-					2130903387,
-					2130903556};
-			
-			// aapt resource value: { 0x10100D4,0x7F030034,0x7F030035 }
-			public static int[] ViewBackgroundHelper = new int[] {
-					16842964,
-					2130903092,
-					2130903093};
-			
-			// aapt resource value: 0
-			public const int ViewBackgroundHelper_android_background = 0;
-			
-			// aapt resource value: 1
-			public const int ViewBackgroundHelper_backgroundTint = 1;
-			
-			// aapt resource value: 2
-			public const int ViewBackgroundHelper_backgroundTintMode = 2;
-			
-			// aapt resource value: { 0x10100D0,0x10100F2,0x10100F3 }
-			public static int[] ViewStubCompat = new int[] {
-					16842960,
-					16842994,
-					16842995};
-			
-			// aapt resource value: 0
-			public const int ViewStubCompat_android_id = 0;
-			
-			// aapt resource value: 2
-			public const int ViewStubCompat_android_inflatedId = 2;
-			
-			// aapt resource value: 1
-			public const int ViewStubCompat_android_layout = 1;
-			
-			// aapt resource value: 1
-			public const int View_android_focusable = 1;
-			
-			// aapt resource value: 0
-			public const int View_android_theme = 0;
-			
-			// aapt resource value: 2
-			public const int View_paddingEnd = 2;
-			
-			// aapt resource value: 3
-			public const int View_paddingStart = 3;
-			
-			// aapt resource value: 4
-			public const int View_theme = 4;
-			
-			static Styleable()
-			{
-				global::Android.Runtime.ResourceIdManager.UpdateIdValues();
-			}
-			
-			private Styleable()
-			{
-			}
-		}
-	}
-}
-#pragma warning restore 1591
diff --git a/EssentialUIKit.Android/Resources/drawable/ChatMessageBackground.png b/EssentialUIKit.Android/Resources/drawable/ChatMessageBackground.png
index 6fe23783..a5d0f528 100644
Binary files a/EssentialUIKit.Android/Resources/drawable/ChatMessageBackground.png and b/EssentialUIKit.Android/Resources/drawable/ChatMessageBackground.png differ
diff --git a/EssentialUIKit.Android/Resources/drawable/Visa.png b/EssentialUIKit.Android/Resources/drawable/Visa.png
new file mode 100644
index 00000000..8ea8f9e7
Binary files /dev/null and b/EssentialUIKit.Android/Resources/drawable/Visa.png differ
diff --git a/EssentialUIKit.Android/SplashScreenActivity.cs b/EssentialUIKit.Android/SplashScreenActivity.cs
index a0aacd0f..03bf8f81 100644
--- a/EssentialUIKit.Android/SplashScreenActivity.cs
+++ b/EssentialUIKit.Android/SplashScreenActivity.cs
@@ -4,16 +4,14 @@
 
 namespace EssentialUIKit.Droid
 {
-    [Activity(Theme = "@style/Theme.Splash",
-              MainLauncher = true,
-              NoHistory = true, Icon = "@drawable/Icon")]
+    [Activity(Theme = "@style/Theme.Splash", MainLauncher = true, NoHistory = true, Icon = "@drawable/Icon")]
     public class SplashScreenActivity : Activity
     {
         protected override void OnCreate(Bundle bundle)
         {
-            Window.DecorView.SystemUiVisibility = (StatusBarVisibility)((int)Window.DecorView.SystemUiVisibility ^ (int)SystemUiFlags.LayoutStable ^ (int)SystemUiFlags.LayoutFullscreen);
-            Window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);
-            Window.SetFlags(WindowManagerFlags.Fullscreen, WindowManagerFlags.Fullscreen);
+            this.Window.DecorView.SystemUiVisibility = (StatusBarVisibility)((int)this.Window.DecorView.SystemUiVisibility ^ (int)SystemUiFlags.LayoutStable ^ (int)SystemUiFlags.LayoutFullscreen);
+            this.Window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);
+            this.Window.SetFlags(WindowManagerFlags.Fullscreen, WindowManagerFlags.Fullscreen);
             base.OnCreate(bundle);
             this.StartActivity(typeof(MainActivity));
         }
diff --git a/EssentialUIKit.UWP/App.xaml.cs b/EssentialUIKit.UWP/App.xaml.cs
index c13275f7..0475778c 100644
--- a/EssentialUIKit.UWP/App.xaml.cs
+++ b/EssentialUIKit.UWP/App.xaml.cs
@@ -60,6 +60,7 @@ protected override void OnLaunched(LaunchActivatedEventArgs e)
                 {
                     typeof(Syncfusion.XForms.UWP.Buttons.SfButtonRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Buttons.SfCheckBoxRenderer).GetTypeInfo().Assembly,
+                    typeof(Syncfusion.SfChart.XForms.UWP.SfChartRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Border.SfBorderRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Graphics.SfGradientViewRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.ListView.XForms.UWP.SfListViewRenderer).GetTypeInfo().Assembly,
@@ -70,15 +71,16 @@ protected override void OnLaunched(LaunchActivatedEventArgs e)
                     typeof(Syncfusion.XForms.UWP.PopupLayout.SfPopupLayoutRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Expander.SfExpanderRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Cards.SfCardViewRenderer).GetTypeInfo().Assembly,
+                    typeof(Syncfusion.XForms.Pickers.UWP.SfDatePickerRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.BadgeView.SfBadgeViewRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.XForms.UWP.Buttons.SfSegmentedControlRenderer).GetTypeInfo().Assembly,
                     typeof(Syncfusion.SfMaps.XForms.UWP.SfMapsRenderer).GetTypeInfo().Assembly,
-                    typeof(Syncfusion.XForms.UWP.ProgressBar.SfLinearProgressRenderer).GetTypeInfo().Assembly
+                    typeof(Syncfusion.XForms.UWP.ProgressBar.SfLinearProgressRenderer).GetTypeInfo().Assembly,
                 };
-
+                Xamarin.Forms.Forms.SetFlags("CollectionView_Experimental");
                 Xamarin.Forms.Forms.Init(e, assembliesToInclude);
 
-                if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
+                if (e?.PreviousExecutionState == ApplicationExecutionState.Terminated)
                 {
                     // TODO: Load state from previously suspended application
                 }
@@ -92,7 +94,7 @@ protected override void OnLaunched(LaunchActivatedEventArgs e)
                 // When the navigation stack isn't restored navigate to the first page,
                 // configuring the new page by passing required information as a navigation
                 // parameter
-                rootFrame.Navigate(typeof(MainPage), e.Arguments);
+                rootFrame.Navigate(typeof(MainPage), e?.Arguments);
             }
 
             //// Ensure the current window is active
diff --git a/EssentialUIKit.UWP/Assets/Montserrat-Bold.ttf b/EssentialUIKit.UWP/Assets/Montserrat-Bold.ttf
deleted file mode 100644
index 1a1edbf8..00000000
Binary files a/EssentialUIKit.UWP/Assets/Montserrat-Bold.ttf and /dev/null differ
diff --git a/EssentialUIKit.UWP/Assets/Montserrat-Medium.ttf b/EssentialUIKit.UWP/Assets/Montserrat-Medium.ttf
deleted file mode 100644
index 51a8d657..00000000
Binary files a/EssentialUIKit.UWP/Assets/Montserrat-Medium.ttf and /dev/null differ
diff --git a/EssentialUIKit.UWP/Assets/Montserrat-Regular.ttf b/EssentialUIKit.UWP/Assets/Montserrat-Regular.ttf
deleted file mode 100644
index f7d97613..00000000
Binary files a/EssentialUIKit.UWP/Assets/Montserrat-Regular.ttf and /dev/null differ
diff --git a/EssentialUIKit.UWP/Assets/Montserrat-SemiBold.ttf b/EssentialUIKit.UWP/Assets/Montserrat-SemiBold.ttf
deleted file mode 100644
index b4a169c7..00000000
Binary files a/EssentialUIKit.UWP/Assets/Montserrat-SemiBold.ttf and /dev/null differ
diff --git a/EssentialUIKit.UWP/Assets/UIFontIcons.ttf b/EssentialUIKit.UWP/Assets/UIFontIcons.ttf
deleted file mode 100644
index bc9d5030..00000000
Binary files a/EssentialUIKit.UWP/Assets/UIFontIcons.ttf and /dev/null differ
diff --git a/EssentialUIKit.UWP/EssentialUIKit.UWP.csproj b/EssentialUIKit.UWP/EssentialUIKit.UWP.csproj
index 0ec4bfd2..8597dabd 100644
--- a/EssentialUIKit.UWP/EssentialUIKit.UWP.csproj
+++ b/EssentialUIKit.UWP/EssentialUIKit.UWP.csproj
@@ -11,14 +11,14 @@
     <AssemblyName>EssentialUIKit.UWP</AssemblyName>
     <DefaultLanguage>en-US</DefaultLanguage>
     <TargetPlatformIdentifier>UAP</TargetPlatformIdentifier>
-    <TargetPlatformVersion>10.0.16299.0</TargetPlatformVersion>
-    <TargetPlatformMinVersion>10.0.16299.0</TargetPlatformMinVersion>
+    <TargetPlatformVersion>10.0.18362.0</TargetPlatformVersion>
+    <TargetPlatformMinVersion>10.0.18362.0</TargetPlatformMinVersion>
     <MinimumVisualStudioVersion>14</MinimumVisualStudioVersion>
     <EnableDotNetNativeCompatibleProfile>true</EnableDotNetNativeCompatibleProfile>
     <FileAlignment>512</FileAlignment>
     <ProjectTypeGuids>{A5A43C5B-DE2A-4C0C-9213-0A381AF9435A};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}</ProjectTypeGuids>
     <PackageCertificateKeyFile>EssentialUIKit.UWP_TemporaryKey.pfx</PackageCertificateKeyFile>
-    <PackageCertificateThumbprint>7C9B62B0DB4A9BB4B30582DB30615CF2470FEC43</PackageCertificateThumbprint>
+    <PackageCertificateThumbprint>3D719660C98445CA9459B1402FD36B787C7998D9</PackageCertificateThumbprint>
   </PropertyGroup>
   <PropertyGroup Condition="'$(Configuration)|$(Platform)' == 'Debug|ARM'">
     <DebugSymbols>true</DebugSymbols>
@@ -90,6 +90,11 @@
     <UseDotNetNativeToolchain>true</UseDotNetNativeToolchain>
     <Use64BitCompiler>true</Use64BitCompiler>
   </PropertyGroup>
+
+  <PropertyGroup>
+    <CodeAnalysisRuleSet>..\EssentialUIKit\StyleCop.ruleset</CodeAnalysisRuleSet>
+  </PropertyGroup>
+  
   <ItemGroup>
     <Compile Include="App.xaml.cs">
       <DependentUpon>App.xaml</DependentUpon>
@@ -157,6 +162,7 @@
     <Content Include="scale-100\ReSchedule.png" />
     <Content Include="scale-100\TimeZone.png" />
     <Content Include="scale-100\ViewMode.png" />
+    <Content Include="scale-100\Visa.png" />
   </ItemGroup>
   <ItemGroup>
     <ApplicationDefinition Include="App.xaml">
@@ -178,40 +184,49 @@
     <PackageReference Include="SkiaSharp.Views.Forms">
       <Version>1.68.0</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Core" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Core" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.DataSource">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.GridCommon">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfChart">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfGauge">
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfPicker">
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfProgressBar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.Essentials">
+      <Version>1.6.0</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
-    <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform" Version="6.1.5" />
+    <PackageReference Include="Xamarin.Forms" Version="4.8.0.1821" />
+    <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform" Version="6.2.11" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\EssentialUIKit\EssentialUIKit.csproj">
@@ -220,11 +235,6 @@
     </ProjectReference>
   </ItemGroup>
   <ItemGroup>
-    <Content Include="Assets\UIFontIcons.ttf" />
-    <Content Include="Assets\Montserrat-Bold.ttf" />
-    <Content Include="Assets\Montserrat-Medium.ttf" />
-    <Content Include="Assets\Montserrat-Regular.ttf" />
-    <Content Include="Assets\Montserrat-SemiBold.ttf" />
     <None Include="EssentialUIKit.UWP_TemporaryKey.pfx" />
   </ItemGroup>
   <PropertyGroup Condition=" '$(VisualStudioVersion)' == '' or '$(VisualStudioVersion)' &lt; '14.0' ">
diff --git a/EssentialUIKit.UWP/EssentialUIKit.UWP_TemporaryKey.pfx b/EssentialUIKit.UWP/EssentialUIKit.UWP_TemporaryKey.pfx
index ac356fb2..df8835c5 100644
Binary files a/EssentialUIKit.UWP/EssentialUIKit.UWP_TemporaryKey.pfx and b/EssentialUIKit.UWP/EssentialUIKit.UWP_TemporaryKey.pfx differ
diff --git a/EssentialUIKit.UWP/MainPage.xaml.cs b/EssentialUIKit.UWP/MainPage.xaml.cs
index b64d16bb..05a45b17 100644
--- a/EssentialUIKit.UWP/MainPage.xaml.cs
+++ b/EssentialUIKit.UWP/MainPage.xaml.cs
@@ -8,8 +8,8 @@ public MainPage()
         {
             this.InitializeComponent();
             SfListViewRenderer.Init();
-            new Syncfusion.SfMaps.XForms.UWP.SfMapsRenderer();
-            LoadApplication(new EssentialUIKit.App());
+            Syncfusion.SfMaps.XForms.UWP.SfMapsRenderer.Init();
+            this.LoadApplication(new EssentialUIKit.App());
         }
     }
 }
diff --git a/EssentialUIKit.UWP/Properties/AssemblyInfo.cs b/EssentialUIKit.UWP/Properties/AssemblyInfo.cs
index 29eed166..8326d933 100644
--- a/EssentialUIKit.UWP/Properties/AssemblyInfo.cs
+++ b/EssentialUIKit.UWP/Properties/AssemblyInfo.cs
@@ -1,5 +1,4 @@
 using System.Reflection;
-using System.Runtime.CompilerServices;
 using System.Runtime.InteropServices;
 
 // General Information about an assembly is controlled through the following 
diff --git a/EssentialUIKit.UWP/Renderers/BorderlessEntryRenderer.cs b/EssentialUIKit.UWP/Renderers/BorderlessEntryRenderer.cs
index 7278d646..2f97ec07 100644
--- a/EssentialUIKit.UWP/Renderers/BorderlessEntryRenderer.cs
+++ b/EssentialUIKit.UWP/Renderers/BorderlessEntryRenderer.cs
@@ -20,7 +20,7 @@ protected override void OnElementChanged(ElementChangedEventArgs<Entry> e)
 
                 // Make the text vertically aligned at centre of the entry.
                 Style style = new Style(typeof(Windows.UI.Xaml.Controls.ContentControl));
-                style.Setters.Add(new Setter(VerticalAlignmentProperty, VerticalAlignment.Center));                
+                style.Setters.Add(new Setter(VerticalAlignmentProperty, VerticalAlignment.Center));
                 this.Control.Resources.Add(typeof(Windows.UI.Xaml.Controls.ContentControl), style);
             }
         }
diff --git a/EssentialUIKit.UWP/Renderers/CalenderDatePickerRenderer.cs b/EssentialUIKit.UWP/Renderers/CalenderDatePickerRenderer.cs
index e4a8b41a..2adbdabe 100644
--- a/EssentialUIKit.UWP/Renderers/CalenderDatePickerRenderer.cs
+++ b/EssentialUIKit.UWP/Renderers/CalenderDatePickerRenderer.cs
@@ -18,7 +18,7 @@ protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
         {
             base.OnElementChanged(e);
 
-            if (this.Control == null && e.NewElement != null)
+            if (this.Control == null && e?.NewElement != null)
             {
                 Windows.UI.Xaml.Controls.CalendarDatePicker datePicker = new Windows.UI.Xaml.Controls.CalendarDatePicker();
                 datePicker.BorderThickness = new Windows.UI.Xaml.Thickness(0);
@@ -26,4 +26,4 @@ protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/EssentialUIKit.UWP/Renderers/TemplateHostViewRenderer.cs b/EssentialUIKit.UWP/Renderers/TemplateHostViewRenderer.cs
index df1c2432..44abaedc 100644
--- a/EssentialUIKit.UWP/Renderers/TemplateHostViewRenderer.cs
+++ b/EssentialUIKit.UWP/Renderers/TemplateHostViewRenderer.cs
@@ -20,7 +20,7 @@ public class TemplateHostViewRenderer : ViewRenderer<TemplateHostView, Framework
         protected override void OnElementChanged(ElementChangedEventArgs<TemplateHostView> e)
         {
             base.OnElementChanged(e);
-            var pageView = e.NewElement as TemplateHostView;
+            var pageView = e?.NewElement as TemplateHostView;
 
             if (pageView != null)
             {
diff --git a/EssentialUIKit.UWP/scale-100/ChatMessageBackground.png b/EssentialUIKit.UWP/scale-100/ChatMessageBackground.png
index 6fe23783..a5d0f528 100644
Binary files a/EssentialUIKit.UWP/scale-100/ChatMessageBackground.png and b/EssentialUIKit.UWP/scale-100/ChatMessageBackground.png differ
diff --git a/EssentialUIKit.UWP/scale-100/Visa.png b/EssentialUIKit.UWP/scale-100/Visa.png
new file mode 100644
index 00000000..8ea8f9e7
Binary files /dev/null and b/EssentialUIKit.UWP/scale-100/Visa.png differ
diff --git a/EssentialUIKit.iOS/AppDelegate.cs b/EssentialUIKit.iOS/AppDelegate.cs
index a8979d29..b0180979 100644
--- a/EssentialUIKit.iOS/AppDelegate.cs
+++ b/EssentialUIKit.iOS/AppDelegate.cs
@@ -2,6 +2,7 @@
 using Syncfusion.ListView.XForms.iOS;
 using Syncfusion.SfCalendar.XForms.iOS;
 using Syncfusion.SfChart.XForms.iOS.Renderers;
+using Syncfusion.SfGauge.XForms.iOS;
 using Syncfusion.SfMaps.XForms.iOS;
 using Syncfusion.SfRating.XForms.iOS;
 using Syncfusion.SfRotator.XForms.iOS;
@@ -11,12 +12,15 @@
 using Syncfusion.XForms.iOS.Cards;
 using Syncfusion.XForms.iOS.ComboBox;
 using Syncfusion.XForms.iOS.Core;
+using Syncfusion.XForms.iOS.EffectsView;
 using Syncfusion.XForms.iOS.Expander;
 using Syncfusion.XForms.iOS.Graphics;
 using Syncfusion.XForms.iOS.PopupLayout;
 using Syncfusion.XForms.iOS.ProgressBar;
 using Syncfusion.XForms.iOS.TabView;
+using Syncfusion.XForms.Pickers.iOS;
 using UIKit;
+using Xamarin.Forms;
 
 namespace EssentialUIKit.iOS
 {
@@ -33,10 +37,13 @@ public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsAppli
         // You have 17 seconds to return from this method, or iOS will terminate your application.
         public override bool FinishedLaunching(UIApplication app, NSDictionary options)
         {
+            Forms.SetFlags("CollectionView_Experimental");
             global::Xamarin.Forms.Forms.Init();
+            SfEffectsViewRenderer.Init();
             this.LoadApplication(new App());
             SfButtonRenderer.Init();
             SfCheckBoxRenderer.Init();
+            SfDatePickerRenderer.Init();
             SfBorderRenderer.Init();
             SfGradientViewRenderer.Init();
             SfListViewRenderer.Init();
@@ -50,11 +57,12 @@ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
             SfBadgeViewRenderer.Init();
             SfSegmentedControlRenderer.Init();
             Core.Init();
-            new SfMapsRenderer();
+            SfMapsRenderer.Init();
             SfTabViewRenderer.Init();
             SfCalendarRenderer.Init();
             SfLinearProgressBarRenderer.Init();
-            SfChartRenderer.Init();     
+            SfChartRenderer.Init();
+            SfGaugeRenderer.Init();
 
             ////UIView statusBar = UIApplication.SharedApplication.ValueForKey(new NSString("statusBar")) as UIView;
             ////if (statusBar.RespondsToSelector(new ObjCRuntime.Selector("setBackgroundColor:")))
diff --git a/EssentialUIKit.iOS/Assets.xcassets/._AppIcon.appiconset b/EssentialUIKit.iOS/Assets.xcassets/._AppIcon.appiconset
deleted file mode 100644
index 2096b2fb..00000000
Binary files a/EssentialUIKit.iOS/Assets.xcassets/._AppIcon.appiconset and /dev/null differ
diff --git a/EssentialUIKit.iOS/EssentialUIKit.iOS.csproj b/EssentialUIKit.iOS/EssentialUIKit.iOS.csproj
index 73ef08f0..0e402bc0 100644
--- a/EssentialUIKit.iOS/EssentialUIKit.iOS.csproj
+++ b/EssentialUIKit.iOS/EssentialUIKit.iOS.csproj
@@ -96,6 +96,11 @@
   <PropertyGroup>
     <StartupObject />
   </PropertyGroup>
+
+  <PropertyGroup>
+    <CodeAnalysisRuleSet>..\EssentialUIKit\StyleCop.ruleset</CodeAnalysisRuleSet>
+  </PropertyGroup>
+  
   <ItemGroup>
     <None Include="Entitlements.plist" />
     <None Include="Info.plist" />
@@ -114,13 +119,6 @@
     <BundleResource Include="Resources\OurTeam.png" />
     <BundleResource Include="Resources\HeaderTriangle.png" />
     <BundleResource Include="Resources\InvertedTriangle.png" />
-    <BundleResource Include="Resources\Montserrat-Bold.ttf" />
-    <BundleResource Include="Resources\Montserrat-Medium.ttf" />
-    <BundleResource Include="Resources\Montserrat-Regular.ttf" />
-    <BundleResource Include="Resources\Montserrat-SemiBold.ttf" />
-    <BundleResource Include="Resources\UIFontIcons.ttf">
-      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
-    </BundleResource>
     <Compile Include="Renderers\CalenderDatePickerRenderer.cs" />
   </ItemGroup>
   <ItemGroup>
@@ -144,39 +142,48 @@
     <PackageReference Include="SkiaSharp.Views.Forms">
       <Version>1.68.0</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Core" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Core" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.DataSource">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.GridCommon">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfCalendar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfChart">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfGauge">
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfParallaxView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
+    </PackageReference>
+    <PackageReference Include="Syncfusion.Xamarin.SfPicker">
+      <Version>18.4.0.31</Version>
     </PackageReference>
     <PackageReference Include="Syncfusion.Xamarin.SfProgressBar">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="18.4.0.31" />
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
-      <Version>17.4.0.44</Version>
+      <Version>18.4.0.31</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
+    <PackageReference Include="Xamarin.Essentials">
+      <Version>1.6.0</Version>
+    </PackageReference>
+    <PackageReference Include="Xamarin.Forms" Version="4.8.0.1821" />
   </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>
@@ -230,9 +237,6 @@
   <ItemGroup>
     <InterfaceDefinition Include="Resources\SplashScreen.xib" />
   </ItemGroup>
-  <ItemGroup>
-    <BundleResource Include="Resources\ChatMessageBackground.png" />
-  </ItemGroup>
   <ItemGroup>
     <BundleResource Include="Resources\Card.png" />
   </ItemGroup>
@@ -420,6 +424,12 @@
   <ItemGroup>
     <BundleResource Include="Resources\ViewMode.png" />
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\Visa.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\ChatMessageBackground.png" />
+  </ItemGroup>
   <Import Project="..\build\tools\Syncfusion.CodeAnalysis.StyleCop\tools\StyleCop.MsBuild.targets" Condition="Exists('..\build\tools\Syncfusion.CodeAnalysis.StyleCop\tools\StyleCop.MsBuild.targets')" />
   <Target Name="_VerifyBuildSignature" />
   <Target Name="BeforeBuild" Condition=" $(SetVersion) == true ">
diff --git a/EssentialUIKit.iOS/Info.plist b/EssentialUIKit.iOS/Info.plist
index 226fa24e..0112fe57 100644
--- a/EssentialUIKit.iOS/Info.plist
+++ b/EssentialUIKit.iOS/Info.plist
@@ -23,14 +23,6 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>UIAppFonts</key>
-	<array>
-		<string>UIFontIcons.ttf</string>
-		<string>Montserrat-Bold.ttf</string>
-		<string>Montserrat-Medium.ttf</string>
-		<string>Montserrat-Regular.ttf</string>
-		<string>Montserrat-SemiBold.ttf</string>
-	</array>
 	<key>MinimumOSVersion</key>
 	<string>9.0</string>
 	<key>CFBundleDisplayName</key>
diff --git a/EssentialUIKit.iOS/Renderers/CalenderDatePickerRenderer.cs b/EssentialUIKit.iOS/Renderers/CalenderDatePickerRenderer.cs
index 4fd3bdf6..07c2ea12 100644
--- a/EssentialUIKit.iOS/Renderers/CalenderDatePickerRenderer.cs
+++ b/EssentialUIKit.iOS/Renderers/CalenderDatePickerRenderer.cs
@@ -20,7 +20,7 @@ protected override void OnElementChanged(ElementChangedEventArgs<DatePicker> e)
             base.OnElementChanged(e);
             if (this.Control != null)
             {
-                this.Control.Text = (e.NewElement as Controls.CalenderDatePicker).PlaceHolderText;
+                this.Control.Text = (e?.NewElement as Controls.CalenderDatePicker).PlaceHolderText;
                 this.Control.TextColor = new UIColor(96 / 255, 106 / 255, 123 / 255, 1.0f);
                 this.Control.BorderStyle = UITextBorderStyle.None;
                 this.Control.VerticalAlignment = UIControlContentVerticalAlignment.Center;
diff --git a/EssentialUIKit.iOS/Renderers/FrameShadowRenderer.cs b/EssentialUIKit.iOS/Renderers/FrameShadowRenderer.cs
index 51969d85..ca4bee8d 100644
--- a/EssentialUIKit.iOS/Renderers/FrameShadowRenderer.cs
+++ b/EssentialUIKit.iOS/Renderers/FrameShadowRenderer.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Controls;
+using CoreGraphics;
+using EssentialUIKit.Controls;
 using EssentialUIKit.iOS;
-using CoreGraphics;
 using Xamarin.Forms;
 using Xamarin.Forms.Platform.iOS;
 
@@ -23,8 +23,8 @@ protected override void OnElementChanged(ElementChangedEventArgs<Frame> element)
                 this.Layer.ShadowOpacity = customShadowFrame.ShadowOpacity;
                 this.Layer.ShadowOffset = new CGSize(customShadowFrame.ShadowOffsetWidth, customShadowFrame.ShadowOffSetHeight);
                 this.Layer.Bounds.Inset(customShadowFrame.BorderWidth, customShadowFrame.BorderWidth);
-                Layer.BorderColor = customShadowFrame.CustomBorderColor.ToCGColor();
-                Layer.BorderWidth = (float)customShadowFrame.BorderWidth;
+                this.Layer.BorderColor = customShadowFrame.CustomBorderColor.ToCGColor();
+                this.Layer.BorderWidth = (float)customShadowFrame.BorderWidth;
             }
         }
     }
diff --git a/EssentialUIKit.iOS/Renderers/ParallaxListViewRenderer.cs b/EssentialUIKit.iOS/Renderers/ParallaxListViewRenderer.cs
index 6b84edec..9899b652 100644
--- a/EssentialUIKit.iOS/Renderers/ParallaxListViewRenderer.cs
+++ b/EssentialUIKit.iOS/Renderers/ParallaxListViewRenderer.cs
@@ -14,20 +14,20 @@ public class ParallaxListViewRenderer : ListViewRenderer
         protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
         {
             base.OnElementChanged(e);
-            if (e.NewElement != null)
+            if (e?.NewElement != null)
             {
                 (e.NewElement as ParallaxListView).WidthInPixel =
                     UIScreen.MainScreen.Scale * UIScreen.MainScreen.Bounds.Width;
                 if (this.Control != null)
                 {
-                    this.Control.Delegate = new TableViewDelegate(e.NewElement as ParallaxListView, Control);
+                    this.Control.Delegate = new TableViewDelegate(e.NewElement as ParallaxListView, this.Control);
                 }
 
                 this.Control.Bounces = false;
             }
         }
 
-        public class TableViewDelegate : UITableViewDelegate
+        internal class TableViewDelegate : UITableViewDelegate
         {
             private ParallaxListView listView;
 
diff --git a/EssentialUIKit.iOS/Renderers/TemplateHostViewRenderer.cs b/EssentialUIKit.iOS/Renderers/TemplateHostViewRenderer.cs
index 8d5c895b..79d265b7 100644
--- a/EssentialUIKit.iOS/Renderers/TemplateHostViewRenderer.cs
+++ b/EssentialUIKit.iOS/Renderers/TemplateHostViewRenderer.cs
@@ -14,9 +14,11 @@ protected override void OnElementChanged(ElementChangedEventArgs<View> e)
         {
             base.OnElementChanged(e);
 
-            var pageView = e.NewElement as TemplateHostView;
+            var pageView = e?.NewElement as TemplateHostView;
 
-            var nativePage = this.GetNativeView(pageView.Template, pageView);
+#pragma warning disable CA2000 // Dispose objects before losing scope
+            var nativePage = GetNativeView(pageView.Template, pageView);
+#pragma warning restore CA2000 // Dispose objects before losing scope
 
             this.SetNativeControl((nativePage as UIViewController).View);
         }
@@ -34,7 +36,7 @@ private static Page GetPage(VisualElement element)
             }
         }
 
-        private IVisualElementRenderer GetNativeView(Page formsView, TemplateHostView parent)
+        private static IVisualElementRenderer GetNativeView(Page formsView, TemplateHostView parent)
         {
             var safeAreaHeight = AppSettings.Instance.SafeAreaHeight;
 
diff --git a/EssentialUIKit.iOS/Resources/ChatMessageBackground.png b/EssentialUIKit.iOS/Resources/ChatMessageBackground.png
index 6fe23783..a5d0f528 100644
Binary files a/EssentialUIKit.iOS/Resources/ChatMessageBackground.png and b/EssentialUIKit.iOS/Resources/ChatMessageBackground.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x.png b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x.png
index 2423ad91..fcf81ee8 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x.png and b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x~ipad.png b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x~ipad.png
index e67a8ed7..91c860b6 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x~ipad.png and b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@2x~ipad.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x.png b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x.png
index 2563845a..721cd196 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x.png and b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x~ipad.png b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x~ipad.png
index 6f33f7a4..885d1a8e 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x~ipad.png and b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@3x~ipad.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@4x.png b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@4x.png
index 6b9ea33c..e1e57b35 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@4x.png and b/EssentialUIKit.iOS/Resources/LoginBackground-Landscape@4x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground@2x.png b/EssentialUIKit.iOS/Resources/LoginBackground@2x.png
index 3d96efbb..8ede1631 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground@2x.png and b/EssentialUIKit.iOS/Resources/LoginBackground@2x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground@2x~ipad.png b/EssentialUIKit.iOS/Resources/LoginBackground@2x~ipad.png
index 3807d7c2..06d4117a 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground@2x~ipad.png and b/EssentialUIKit.iOS/Resources/LoginBackground@2x~ipad.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground@3x.png b/EssentialUIKit.iOS/Resources/LoginBackground@3x.png
index 9dd63aea..4a4aeb42 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground@3x.png and b/EssentialUIKit.iOS/Resources/LoginBackground@3x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground@3x~ipad.png b/EssentialUIKit.iOS/Resources/LoginBackground@3x~ipad.png
index 7063c646..02f48b92 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground@3x~ipad.png and b/EssentialUIKit.iOS/Resources/LoginBackground@3x~ipad.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground@4x.png b/EssentialUIKit.iOS/Resources/LoginBackground@4x.png
index a744495b..71d68429 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground@4x.png and b/EssentialUIKit.iOS/Resources/LoginBackground@4x.png differ
diff --git a/EssentialUIKit.iOS/Resources/LoginBackground~ipad.png b/EssentialUIKit.iOS/Resources/LoginBackground~ipad.png
index b766e939..d1156053 100644
Binary files a/EssentialUIKit.iOS/Resources/LoginBackground~ipad.png and b/EssentialUIKit.iOS/Resources/LoginBackground~ipad.png differ
diff --git a/EssentialUIKit.iOS/Resources/Montserrat-Bold.ttf b/EssentialUIKit.iOS/Resources/Montserrat-Bold.ttf
deleted file mode 100644
index 1a1edbf8..00000000
Binary files a/EssentialUIKit.iOS/Resources/Montserrat-Bold.ttf and /dev/null differ
diff --git a/EssentialUIKit.iOS/Resources/Montserrat-Medium.ttf b/EssentialUIKit.iOS/Resources/Montserrat-Medium.ttf
deleted file mode 100644
index 51a8d657..00000000
Binary files a/EssentialUIKit.iOS/Resources/Montserrat-Medium.ttf and /dev/null differ
diff --git a/EssentialUIKit.iOS/Resources/Montserrat-Regular.ttf b/EssentialUIKit.iOS/Resources/Montserrat-Regular.ttf
deleted file mode 100644
index f7d97613..00000000
Binary files a/EssentialUIKit.iOS/Resources/Montserrat-Regular.ttf and /dev/null differ
diff --git a/EssentialUIKit.iOS/Resources/Montserrat-SemiBold.ttf b/EssentialUIKit.iOS/Resources/Montserrat-SemiBold.ttf
deleted file mode 100644
index b4a169c7..00000000
Binary files a/EssentialUIKit.iOS/Resources/Montserrat-SemiBold.ttf and /dev/null differ
diff --git a/EssentialUIKit.iOS/Resources/UIFontIcons.ttf b/EssentialUIKit.iOS/Resources/UIFontIcons.ttf
deleted file mode 100644
index bc9d5030..00000000
Binary files a/EssentialUIKit.iOS/Resources/UIFontIcons.ttf and /dev/null differ
diff --git a/EssentialUIKit.iOS/Resources/Visa.png b/EssentialUIKit.iOS/Resources/Visa.png
new file mode 100644
index 00000000..8ea8f9e7
Binary files /dev/null and b/EssentialUIKit.iOS/Resources/Visa.png differ
diff --git a/EssentialUIKit/App.xaml b/EssentialUIKit/App.xaml
index 1ec8f88e..97f29d90 100644
--- a/EssentialUIKit/App.xaml
+++ b/EssentialUIKit/App.xaml
@@ -2,13 +2,4 @@
 <Application
     x:Class="EssentialUIKit.App"
     xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:themes="clr-namespace:EssentialUIKit.Themes;assembly=EssentialUIKit">
-    <Application.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <themes:LightTheme />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Application.Resources>
-</Application>
\ No newline at end of file
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" />
\ No newline at end of file
diff --git a/EssentialUIKit/App.xaml.cs b/EssentialUIKit/App.xaml.cs
index 77259bba..33320370 100644
--- a/EssentialUIKit/App.xaml.cs
+++ b/EssentialUIKit/App.xaml.cs
@@ -1,12 +1,19 @@
-using EssentialUIKit.AppLayout.Views;
+using EssentialUIKit.AppLayout;
+using EssentialUIKit.AppLayout.Views;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
 #if EnableAppCenterAnalytics
 using Microsoft.AppCenter;
 using Microsoft.AppCenter.Analytics;
 using Microsoft.AppCenter.Crashes;
 #endif
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
+
+[assembly: ExportFont("Montserrat-Bold.ttf", Alias = "Montserrat-Bold")]
+[assembly: ExportFont("Montserrat-Medium.ttf", Alias = "Montserrat-Medium")]
+[assembly: ExportFont("Montserrat-Regular.ttf", Alias = "Montserrat-Regular")]
+[assembly: ExportFont("Montserrat-SemiBold.ttf", Alias = "Montserrat-SemiBold")]
+[assembly: ExportFont("UIFontIcons.ttf", Alias = "FontIcons")]
 
 namespace EssentialUIKit
 {
@@ -31,7 +38,19 @@ public App()
             //    typeof(Crashes));
 #endif
 
-            InitializeComponent();
+            // Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("Please replace the license key here");
+            this.InitializeComponent();
+
+            OSAppTheme currentTheme = Application.Current.RequestedTheme;
+
+            if (currentTheme == OSAppTheme.Light)
+            {
+                Application.Current.Resources.ApplyLightTheme();
+            }
+            else
+            {
+                Application.Current.Resources.ApplyDarkTheme();
+            }
 
             // this.MainPage = new AppShell();
             this.MainPage = new NavigationPage(new HomePage());
@@ -41,7 +60,7 @@ public App()
 
         #region Properties
 
-        public static string BaseImageUrl { get; } = "https://cdn.syncfusion.com/essential-ui-kit-for-xamarin.forms/common/uikitimages/";
+        public static string ImageServerPath { get; } = "https://cdn.syncfusion.com/essential-ui-kit-for-xamarin.forms/common/uikitimages/";
 
         #endregion
 
diff --git a/EssentialUIKit/AppLayout/AppSettings.cs b/EssentialUIKit/AppLayout/AppSettings.cs
index 436afa23..d06ef69f 100644
--- a/EssentialUIKit/AppLayout/AppSettings.cs
+++ b/EssentialUIKit/AppLayout/AppSettings.cs
@@ -10,20 +10,46 @@ namespace EssentialUIKit
     [Preserve(AllMembers = true)]
     public class AppSettings
     {
+        private readonly OSAppTheme currentTheme;
+
         private bool enableRTL;
 
         private bool isDarkTheme;
 
         private int selectedPrimaryColor;
 
+        private bool isGridView;
+
         static AppSettings()
         {
             Instance = new AppSettings();
         }
 
+        private AppSettings()
+        {
+            this.IsGridView = true;
+            this.currentTheme = Application.Current.RequestedTheme;
+            this.selectedPrimaryColor = this.currentTheme == OSAppTheme.Light ? 0 : 1;
+        }
+
         public static AppSettings Instance { get; }
 
-        public bool IsSafeAreaEnabled { get; set; } = false;
+        /// <summary>
+        /// Gets the AndroidSecretCode.
+        /// </summary>
+        public static string AndroidSecretCode => "88dda0e2-da50-466e-9aa5-36fc504d9ed3";
+
+        /// <summary>
+        /// Gets the iOSSecretCode.
+        /// </summary>
+        public static string IOSSecretCode => "b327e367-8f04-4efe-ad7a-85be8c828ec3";
+
+        /// <summary>
+        /// Gets the UWPSecretCode.
+        /// </summary>
+        public static string UWPSecretCode => "ca0577ad-4cd2-4258-a35b-465e8f4669d9";
+
+        public bool IsSafeAreaEnabled { get; set; }
 
         public double SafeAreaHeight { get; set; }
 
@@ -43,21 +69,6 @@ public bool EnableRTL
             }
         }
 
-        /// <summary>
-        /// Gets the AndroidSecretCode.
-        /// </summary>
-        public string AndroidSecretCode => "88dda0e2-da50-466e-9aa5-36fc504d9ed3";
-
-        /// <summary>
-        /// Gets the iOSSecretCode.
-        /// </summary>
-        public string IOSSecretCode => "b327e367-8f04-4efe-ad7a-85be8c828ec3";
-
-        /// <summary>
-        /// Gets the UWPSecretCode.
-        /// </summary>
-        public string UWPSecretCode => "ca0577ad-4cd2-4258-a35b-465e8f4669d9";
-
         public bool IsDarkTheme
         {
             get => this.isDarkTheme;
@@ -82,6 +93,20 @@ public bool IsDarkTheme
             }
         }
 
+        public bool IsGridView
+        {
+            get => this.isGridView;
+            set
+            {
+                if (this.isGridView == value)
+                {
+                    return;
+                }
+
+                this.isGridView = value;
+            }
+        }
+
         public int SelectedPrimaryColor
         {
             get => this.selectedPrimaryColor;
@@ -93,7 +118,7 @@ public int SelectedPrimaryColor
                 }
 
                 this.selectedPrimaryColor = value;
-                Extensions.ApplyColorSet(this.selectedPrimaryColor);
+                ThemePalette.ApplyColorSet(this.selectedPrimaryColor);
             }
         }
     }
diff --git a/EssentialUIKit/AppLayout/AppShell.xaml b/EssentialUIKit/AppLayout/AppShell.xaml
index be2b431f..ad308b6f 100644
--- a/EssentialUIKit/AppLayout/AppShell.xaml
+++ b/EssentialUIKit/AppLayout/AppShell.xaml
@@ -1,11 +1,13 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<Shell xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:views="clr-namespace:EssentialUIKit.AppLayout.Views;assembly=EssentialUIKit"
-             x:Class="EssentialUIKit.AppLayout.AppShell" 
-             FlyoutBehavior="Disabled" BackgroundColor="#304088"
-             NavBarIsVisible="True">
-    
-    <views:HomePage/>
+<Shell
+    x:Class="EssentialUIKit.AppLayout.AppShell"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:views="clr-namespace:EssentialUIKit.AppLayout.Views;assembly=EssentialUIKit"
+    BackgroundColor="#304088"
+    FlyoutBehavior="Disabled"
+    NavBarIsVisible="True">
+
+    <views:HomePage />
 
 </Shell>
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/AppShell.xaml.cs b/EssentialUIKit/AppLayout/AppShell.xaml.cs
index 5b8c9750..7ced15cd 100644
--- a/EssentialUIKit/AppLayout/AppShell.xaml.cs
+++ b/EssentialUIKit/AppLayout/AppShell.xaml.cs
@@ -1,12 +1,12 @@
-#if EnableAppCenterAnalytics
-using System.Collections.Generic;
-using Microsoft.AppCenter.Analytics;
-#endif
-using System;
+using System;
 using EssentialUIKit.AppLayout.Views;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
+#if EnableAppCenterAnalytics
+using System.Collections.Generic;
+using Microsoft.AppCenter.Analytics;
+#endif
 
 namespace EssentialUIKit.AppLayout
 {
@@ -16,7 +16,7 @@ public partial class AppShell
     {
         public AppShell()
         {
-            InitializeComponent();
+            this.InitializeComponent();
 
             this.Navigating += this.AppShell_Navigating;
 
@@ -24,22 +24,14 @@ public AppShell()
             Routing.RegisterRoute("templatehostpage", typeof(TemplateHostPage));
         }
 
-        private void AppShell_Navigating(object sender, ShellNavigatingEventArgs e)
-        {
-            // TODO:Pending
-            var uriString = e.Target.Location.OriginalString;
-            if (uriString.Contains("?"))
-            {
-                var pageNameEndIndex = uriString.IndexOf("?", StringComparison.Ordinal);
-            }
-        }
-
         /// <summary>
         /// Invoked when the list item is selected.
         /// </summary>
         /// <param name="category">The Category</param>
         /// <param name="page">The Page</param>
-        private void PushEvent(string category, string page)
+#pragma warning disable CA1801 // Review unused parameters
+        private static void PushEvent(string category, string page)
+#pragma warning restore CA1801 // Review unused parameters
         {
 #if EnableAppCenterAnalytics
             Analytics.TrackEvent(
@@ -55,5 +47,15 @@ private void PushEvent(string category, string page)
                 });
 #endif
         }
+
+        private void AppShell_Navigating(object sender, ShellNavigatingEventArgs e)
+        {
+            // TODO:Pending
+            var uriString = e.Target.Location.OriginalString;
+            if (uriString.Contains("?"))
+            {
+                var pageNameEndIndex = uriString.IndexOf("?", StringComparison.Ordinal);
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/Controls/ParallaxListView.cs b/EssentialUIKit/AppLayout/Controls/ParallaxListView.cs
index f22614d7..a4fb841f 100644
--- a/EssentialUIKit/AppLayout/Controls/ParallaxListView.cs
+++ b/EssentialUIKit/AppLayout/Controls/ParallaxListView.cs
@@ -8,7 +8,8 @@ namespace EssentialUIKit.AppLayout.Controls
     [Preserve(AllMembers = true)]
     public class ParallaxListView : ListView
     {
-        public ParallaxListView() : base(ListViewCachingStrategy.RetainElement)
+        public ParallaxListView()
+            : base(ListViewCachingStrategy.RetainElement)
         {
             if (Device.RuntimePlatform != Device.iOS)
             {
@@ -24,20 +25,27 @@ public ParallaxListView() : base(ListViewCachingStrategy.RetainElement)
 
         public static void OnScrollChanged(object sender, ScrollChangedEventArgs e)
         {
-            ((ParallaxListView)sender).ScrollChanged?.Invoke((ParallaxListView)sender, e);
+            ((ParallaxListView)sender)?.ScrollChanged?.Invoke((ParallaxListView)sender, e);
         }
 
         public static void OnSelectionChanged(object sender, SelectedItemChangedEventArgs e)
         {
-            ((ParallaxListView)sender).SelectionChanged(sender, e);
-            ((ParallaxListView)sender).SelectedItem = e.SelectedItem;
-            ((ParallaxListView)sender).SelectedItem = null;
+            ParallaxListView listView = (ParallaxListView)sender;
+            if (listView != null)
+            {
+                listView.SelectionChanged(sender, e);
+                listView.SelectedItem = e?.SelectedItem;
+                listView.SelectedItem = null;
+            }
         }
 
         public static void OnSelectionChanged(object sender, int index)
         {
-            var listView = sender as ParallaxListView;
-            OnSelectionChanged(sender, new SelectedItemChangedEventArgs((listView.ItemsSource as IList)[index], index));
+            if (sender is ParallaxListView)
+            {
+                var listView = sender as ParallaxListView;
+                OnSelectionChanged(sender, new SelectedItemChangedEventArgs((listView.ItemsSource as IList)[index], index));
+            }
         }
 
         private void ParallaxListView_ItemSelected(object sender, SelectedItemChangedEventArgs e)
diff --git a/EssentialUIKit/AppLayout/Models/Category.cs b/EssentialUIKit/AppLayout/Models/Category.cs
index 8c9d64bb..a48710c7 100644
--- a/EssentialUIKit/AppLayout/Models/Category.cs
+++ b/EssentialUIKit/AppLayout/Models/Category.cs
@@ -29,7 +29,7 @@ public Category(string name, string icon, string description, string updateType,
 
         public string Description { get; set; }
 
-        public List<Template> Pages { get; set; }
+        public List<Template> Pages { get; private set; }
 
         public string TemplateCount
         {
diff --git a/EssentialUIKit/AppLayout/Models/Template.cs b/EssentialUIKit/AppLayout/Models/Template.cs
index 4f4ec229..dd09a501 100644
--- a/EssentialUIKit/AppLayout/Models/Template.cs
+++ b/EssentialUIKit/AppLayout/Models/Template.cs
@@ -8,10 +8,10 @@ public class Template
         #region Constructor
 
         public Template()
-        {            
+        {
         }
 
-        public Template(string name, string description, string pageName, bool layoutFullScreen, string updateType, bool isUpdate)
+        public Template(string name, string description, string pageName, bool layoutFullScreen, string updateType, bool isUpdate, string image, string darkimage)
         {
             this.Name = name;
             this.Description = description;
@@ -19,6 +19,8 @@ public Template(string name, string description, string pageName, bool layoutFul
             this.LayoutFullscreen = layoutFullScreen;
             this.UpdateType = updateType;
             this.IsUpdate = isUpdate;
+            this.Image = image;
+            this.DarkModeImage = darkimage;
         }
 
         #endregion
@@ -37,6 +39,10 @@ public Template(string name, string description, string pageName, bool layoutFul
 
         public bool IsUpdate { get; set; }
 
+        public string Image { get; set; }
+
+        public string DarkModeImage { get; set; }
+
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/TemplateList.xml b/EssentialUIKit/AppLayout/TemplateList.xml
index 006ae382..177d3a52 100644
--- a/EssentialUIKit/AppLayout/TemplateList.xml
+++ b/EssentialUIKit/AppLayout/TemplateList.xml
@@ -2,147 +2,175 @@
 <Samples>
 
   <Category Icon="log-in.png" Name="Forms" Description="Get the user’s details to authenticate, create a profile, and enter credit card information for online payment portal.">
-    <Page Name="Simple Login Page" Description="If you want a simple and clean authentication form, just add this page to your application. Email validation is done within this form." PageName="Views.Forms.SimpleLoginPage"/>
-    <Page Name="Simple Sign Up Page" Description="This is a supporting form for a simple login page that can be modified to match any of your login pages on the fly. Email validation is done in this form." PageName="Views.Forms.SimpleSignUpPage"/>
-    <Page Name="Simple Reset Password Page" Description="This page is used for resetting a password with existing credentials or signing up if the user doesn’t have credentials yet." PageName="Views.Forms.SimpleResetPasswordPage"/>
-    <Page Name="Simple Forgot Password Page" Description="This page follows a login page through a Forgot Password option. If a username does not exist, users can easily sign up from this page." PageName="Views.Forms.SimpleForgotPasswordPage"/>
-    <Page Name="Login Page With Gradient" Description="If you want a simple and clean authentication form, then just add this page to your application. Email validation is done within this form." PageName="Views.Forms.LoginPage"/>
-    <Page Name="Sign Up Page With Gradient" Description="This is a supporting form for a simple login page that you can modify to match any of your login pages on the fly. Email validation is done in this form." PageName="Views.Forms.SignUpPage"/>
-    <Page Name="Reset Password Page With Gradient" Description="This page is used for resetting a password with existing credentials or signing up if the user doesn’t have credentials yet." PageName="Views.Forms.ResetPasswordPage"/>
-    <Page Name="Forgot Password Page With Gradient" Description="This page follows a login page through a Forgot Password option. If a username does not exist, users can easily sign up from this page." PageName="Views.Forms.ForgotPasswordPage"/>
-    <Page Name="Add Contact Page" Description="This page allows users to add  new contacts with additional information such as name, email address, and phone number." PageName="Views.Forms.AddContactPage"/>
-    <Page Name="Tabbed Login Page" Description="This page is a multi-tabbed user interface where one tab provides a login page and another tab provides a sign-up form." PageName="Views.Forms.TabbedForm"/>
-    <Page Name="Add Card Page" Description="This page allows users to enter their credit card information to be used in an online payment portal." PageName="Views.Forms.AddCardPage"/>
-    <Page Name="Add Profile Page" Description="This page allows users to add a new entry to their contacts with additional information such as name and phone number." PageName="Views.Forms.AddProfilePage"/>
-    <Page Name="Business Registration Form Page"  Description="This page allows users to add business details such as name, email address, and phone number." PageName="Views.Forms.BusinessRegistrationFormPage"/>
-  </Category>
-
-  <Category Icon="catalog.png" Name="Catalog" Description="Let the users select from the list of items that includes titles, brief descriptions, and photos.">
-    <Page Name="Category Tile Page" Description="Displaying an image with a title is a scenario in most applications, and this page categorizes product images and provides a title for the category." PageName="Views.Catalog.CategoryTilePage"/>
-    <Page Name="Catalog Tile Page" Description="In any e-commerce application, showcasing a product with a rating and other details is mandatory. This page showcases a set of products with a short description, price, and user rating. " PageName="Views.Catalog.CatalogTilePage"/>
-    <Page Name="Catalog List Page" Description="Displaying an image with some information is a scenario in many applications, and this page showcases product images with their titles, prices, and discounted prices." PageName="Views.Catalog.CatalogListPage"/>
-    <Page Name="Article List Page" Description="This page displays featured articles with a rotator on top and the remaining stories displayed as a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Catalog.ArticleListPage"/>
-    <Page Name="Article Tile Page" Description="This page displays featured articles with a rotator on top and the remaining stories displayed as tiles. Each tile card contains the image, title, author name, created date, and estimated time to read the article." PageName="Views.Catalog.ArticleTilePage"/>
-    <Page Name="Product Home Page" Description="This page displays featured articles with a rotator at the top and the remaining stories displayed as tiles. Each tile card contains an image, title, author’s name, created date, and estimated time to read the article." PageName="Views.Catalog.ProductHomePage"/>
+    <Page Name="Login With Gradient" Description="If you want a simple and clean authentication form with validations, then just add this page to your application." PageName="Views.Forms.LoginPage" Image="GradientLoginPage.png" DarkImage="GradientLoginPage.png"/>
+    <Page Name="Sign Up With Gradient" Description="This is a supporting form for a simple login page with validations that you can modify to match any of your login pages on the fly." PageName="Views.Forms.SignUpPage" Image="GradientSignUpPage.png" DarkImage="GradientSignUpPage.png"/>
+    <Page Name="Reset Password With Gradient" Description="This page is used for resetting a password with existing credentials or signing up if the user doesn’t have credentials yet." PageName="Views.Forms.ResetPasswordPage" Image="GradientResetPasswordPage.png" DarkImage="GradientResetPasswordPage.png"/>
+    <Page Name="Forgot Password With Gradient" Description="This page follows a login page through a Forgot Password option. If a username does not exist, users can easily sign up." PageName="Views.Forms.ForgotPasswordPage" Image="GradientForgotPasswordPage.png" DarkImage="GradientForgotPasswordPage.png"/>
+    <Page Name="Login with Social Icon"  Description="Add this page to your application if you want a login page containing social network icons with validations." PageName="Views.Forms.LoginWithSocialIconPage" Image="LoginWithSocialIconPage.png" DarkImage="LoginWithSocialIconPage.png"/>
+    <Page Name="Login" Description="If you want a simple and clean authentication form with Validations, just add this page to your application." PageName="Views.Forms.SimpleLoginPage" Image="SimpleLoginPage.png" DarkImage="SimpleLoginPage.png"/>
+    <Page Name="Sign Up" Description="This is a supporting form for a simple login page with validations that can be modified to match any of your login pages on the fly." PageName="Views.Forms.SimpleSignUpPage" Image="SimpleSignUpPage.png" DarkImage="SimpleSignUpPage.png"/>
+    <Page Name="Reset Password" Description="This page is used for resetting a password with existing credentials or signing up if the user doesn’t have credentials yet." PageName="Views.Forms.SimpleResetPasswordPage" Image="SimpleResetPasswordPage.png" DarkImage="SimpleResetPasswordPage.png"/>
+    <Page Name="Forgot Password" Description="This page follows a login page through a Forgot Password option. If a username does not exist, users can easily sign up." PageName="Views.Forms.SimpleForgotPasswordPage" Image="SimpleForgotPasswordPage.png" DarkImage="SimpleForgotPasswordPage.png"/>
+    <Page Name="Add Contact" Description="This page allows users to add  new contacts with additional information such as name, email address, and phone number." PageName="Views.Forms.AddContactPage" Image="AddContactPage.png" DarkImage="AddContactPage.png"/>
+    <Page Name="Tabbed Login" Description="This page is a multi-tabbed user interface where one tab provides a login page and another tab provides a sign-up form." PageName="Views.Forms.TabbedForm" Image="TabbedForm.png" DarkImage="TabbedForm.png"/>
+    <Page Name="Add Card" Description="This page allows users to enter their credit card information to be used in an online payment portal." PageName="Views.Forms.AddCardPage" Image="AddCardPage.png" DarkImage="AddCardPage.png"/>
+    <Page Name="Card Payment"  Description="This page displays your card information involves many validations including type of Card, Expire date and CVV. " PageName="Views.Forms.CardPaymentPage" Image="CardPaymentPage.png" DarkImage="CardPaymentPage.png"/>
+    <Page Name="Add Profile" Description="This page allows users to add a new entry to their contacts with additional information such as name and phone number." PageName="Views.Forms.AddProfilePage" Image="AddProfilePage.png" DarkImage="AddProfilePage.png"/>
+    <Page Name="Business Registration Form"  Description="This page allows users to add business details such as name, email address, and phone number." PageName="Views.Forms.BusinessRegistrationFormPage" Image="BusinessRegistrationFormPage.png" DarkImage="BusinessRegistrationFormPage.png"/>
+  </Category>
+
+  <Category Icon="catalog.png" Name="Catalog"  Description="Let the users select from the list of items that includes titles, brief descriptions, and photos.">
+    <Page Name="Category Tile" Description="Displaying an image with a title is a scenario in most applications, and this page categorize product images and category title." PageName="Views.Catalog.CategoryTilePage" Image="CategoryTilePage.png" DarkImage="CategoryTilePage.png"/>
+    <Page Name="Catalog Tile" Description="Showcase a set of products with an image, short description, price, and user rating as tiles." PageName="Views.Catalog.CatalogTilePage" Image="CatalogTilePage.png" DarkImage="CatalogTilePage.png"/>
+    <Page Name="Catalog List" Description="Showcase a set of products with the image, short description, price, and its user rating as a list." PageName="Views.Catalog.CatalogListPage" Image="CatalogListPage.png"  DarkImage="CatalogListPage.png"/>
+    <Page Name="Article List" Description="Showcase a set of cards with an image, title, author name, created date, and estimated time to read the article as list." PageName="Views.Catalog.ArticleListPage" Image="ArticleListPage.png" DarkImage="ArticleListPage.png"/>
+    <Page Name="Article Tile" Description="Showcase a set of cards with an image, title, author name, created date, and estimated time to read the article in tile view." PageName="Views.Catalog.ArticleTilePage" Image="ArticleTilePage.png" DarkImage="ArticleTilePage.png"/>
+    <Page Name="Product Home" Description="Display featured articles with a rotator at the top and the remaining stories displayed as tiles." PageName="Views.Catalog.ProductHomePage" Image="ProductHomePage.png" DarkImage="ProductHomePage.png"/>
+    <Page Name="Event List"  Description="This page shows a list of events in a tabbed view with different sections displaying the name, month, date and venue for event." PageName="Views.Catalog.EventListPage" Image="EventListPage.png" DarkImage="EventListPage.png"/>
+    <Page Name="Article Card"  Description="This page shows articles as cards containing a picture, title, author, publication date, and time needed to read the article." PageName="Views.Catalog.ArticleCardPage" Image="ArticleCardPage.png" DarkImage="ArticleCardPage.png"/>
+    <Page Name="Travel planner"  Description="This page shows a card view of travel destinations, plus top locations and the best places." PageName="Views.Catalog.NavigationTravelPage"  Image="NavigationTravelPage.png" DarkImage="NavigationTravelPage.png"/>
   </Category>
 
   <Category Icon="detail.png" Name="Detail" Description="Display detailed and relevant information with random layouts.">
-    <Page Name="Product Detail Page"  Description="This page showcases the complete details of a product with a rotator control to provide different images of the product, available size variants, product description, price, discount, and reviews." PageName="Views.Detail.DetailPage"/>
-    <Page Name="Feedback Detail Page" Description="This page displays the full-page product image and user feedback consisting of a short description and rating." PageName="Views.Detail.FeedbackDetailPage"/>
-    <Page Name="Article Detail Page"  Description="This page displays an article with the title, image, and text." PageName="Views.Detail.ArticleDetailPage"/>
+    <Page Name="Product Detail"  Description="Showcase a product with different images and other complete details about the product such its prize, variants and reviews." PageName="Views.Detail.DetailPage" Image="ProductDetailPage.png" DarkImage="ProductDetailPage.png"/>
+    <Page Name="Feedback Detail" Description="This page displays the full-page product image and user feedback consisting of a short description and rating." PageName="Views.Detail.FeedbackDetailPage" Image="FeedbackDetailPage.png" DarkImage="FeedbackDetailPage.png"/>
+    <Page Name="Article Detail"  Description="This page displays an article with the title, image, and text." PageName="Views.Detail.ArticleDetailPage" Image="ArticleDetailPage.png" DarkImage="ArticleDetailPage.png"/>
+    <Page Name="Event Detail"  Description="This page shows event details, featuring a picture, event name, venue, time, and an option to join the event." PageName="Views.Detail.EventDetailPage" Image="EventDetailPage.png" DarkImage="EventDetailPage.png"/>
+    <Page Name="Data Table"  Description="This page shows a table of all teams including their rankings, number of players, and points with their win/loss record as well." PageName="Views.Detail.DataTablePage" Image="DataTablePage.png" DarkImage="DataTablePage.png"/>
+    <Page Name="My Address"   Description="This page displays saved address." PageName="Views.Detail.MyAddressPage" Image="MyAddressPage.png" DarkImage="MyAddressPage.png"/>
+    <Page Name="Room Booking"  Description="This page displays a complete detail of a resort available for rent with different images and other details." PageName="Views.Detail.RoomBookingPage" Image="RoomBookingPage.png" DarkImage="RoomBookingPage.png"/>
   </Category>
-
+  
   <Category Icon="chat.png" Name="Chat" Description="Exchange messages with users or customers inside your app and manage multiple conversations at once.">
-    <Page Name="Recent Chat Page" Description="This page displays a recent conversation in a chat application. The neatly designed page allows you to access the chat information of a user by tapping the user history." PageName="Views.Chat.RecentChatPage" />
-    <Page Name="Chat Conversation Page" Description="This page displays a recent conversation with a contact in a chat application. The page provides options to send files, images, or any other attachments as well as text messages." PageName="Views.Chat.ChatMessagePage" />
+    <Page Name="Recent Chat" Description="This page displays a recent conversation in a chat application that allows you to access the chat information of a user on tapping." PageName="Views.Chat.RecentChatPage" Image="RecentChatPage.png" DarkImage="RecentChatPage.png"/>
+    <Page Name="Chat Conversation" Description="This page displays a recent conversation with a contact in a chat application." PageName="Views.Chat.ChatMessagePage" Image="ChatPage.png" DarkImage="ChatPage.png"/>
   </Category>
   
    <Category Icon="article.png" Name="Article" Description="Organize blog posts in an easy-to-navigate layout.">
-    <Page Name="Article Detail with Comments Page" Description="This page displays an article with the title, image, and text." PageName="Views.Article.ArticleWithCommentsPage" />
-     <Page Name="Article Parallax Header Page" Description="This page displays an article with a pleasant parallax effect." PageName="Views.Article.ArticleParallaxHeaderPage" />
-     <Page Name="My Article Page" Description="This page displays an article with the title, image, and text with customized layout." PageName="Views.Article.MyArticlePage" />
+    <Page Name="Article Detail with Comments" Description="This page displays an article with the title, image, and text." PageName="Views.Article.ArticleWithCommentsPage" Image="ArticleWithCommentsPage.png" DarkImage="ArticleWithCommentsPage.png" />
+     <Page Name="Article Parallax Header" Description="This page displays an article with a pleasant parallax effect." PageName="Views.Article.ArticleParallaxHeaderPage" Image="ArticleParallaxHeaderPage.png" DarkImage="ArticleParallaxHeaderPage.png" />
+     <Page Name="My Article" Description="This page displays an article with the title, image, and text with customized layout." PageName="Views.Article.MyArticlePage" Image="MyArticlePage.png" DarkImage="MyArticlePage.png" />
    </Category>
 
   <Category Icon="feedback.png" Name="Reviews and Ratings" Description="Let your users provide ratings and text feedback.">
-    <Page Name="Feedback Page" Description="This page lists the feedback received about a product. The page displays a feedback message with an author name, date, description, and rating. " PageName="Views.Feedback.FeedbackPage"/>
-    <Page Name="Review Page" Description="This page is a feedback form that receives feedback from a user. The page displays a product image and allows the user to update their rating, images, and description about their experience with the product." PageName="Views.Feedback.ReviewPage"/>
+    <Page Name="Feedback" Description="This page lists the feedback received about a product with an author name, date, description, and rating. " PageName="Views.Feedback.FeedbackPage" Image="FeedbackPage.png" DarkImage="FeedbackPage.png"/>
+    <Page Name="Review" Description="This page allows the user to update their rating, images, and description about their experience with the product." PageName="Views.Feedback.ReviewPage" Image="ReviewPage.png" DarkImage="ReviewPage.png"/>
   </Category>
 
   <Category Icon="contact-us.png" Name="Contact Us" Description="Capture user contact information so you can get in touch with them later.">
-    <Page Name="Contact Us Page" Description="This page displays the location of an organization address in a map and displays the address over it. The page also provides options to review a message from user." PageName="Views.ContactUs.ContactUsPage"/>
+    <Page Name="Contact Us" Description="This page displays the location of an organization address in a map and it also provides options to review a message from user." PageName="Views.ContactUs.ContactUsPage" Image="ContactUsPage.png" DarkImage="ContactUsPage.png"/>
   </Category>
 
   <Category Icon="about-us.png" Name="About Us" Description="Create a simple About Us page that tells users who you are.">
-    <Page Name="Simple About Us Page" Description="This page displays organization information in a simple way. The organization logo is displayed at the top of the page followed by a short description. " PageName="Views.AboutUs.AboutUsSimplePage" />
-    <Page Name="About Us Page with Cards" Description="This page displays organization information with different cards. Shadow effects on the cards provide an extraordinary look and feel." PageName="Views.AboutUs.AboutUsWithCardsPage" />
-    <Page Name="About Us Page with Scrolling" Description="This page displays organization information with scrolling effects." PageName="Views.AboutUs.AboutUsWithScrollPage" />
+    <Page Name="Simple About Us" Description="This page displays organization information with its logo displayed at the top of the page followed by a short description." PageName="Views.AboutUs.AboutUsSimplePage" Image="AboutUsSimplePage.png" DarkImage="AboutUsSimplePage.png" />
+    <Page Name="About Us Page with Cards" Description="This page displays organization information with cards. Shadow effects on the cards provide an extraordinary look and feel." PageName="Views.AboutUs.AboutUsWithCardsPage" Image="AboutUsWithCardsPage.png" DarkImage="AboutUsWithCardsPage.png" />
+    <Page Name="About Us Page with Scrolling" Description="This page displays organization information with scrolling effects." PageName="Views.AboutUs.AboutUsWithScrollPage" Image="AboutUsWithScrollPage.png" DarkImage="AboutUsWithScrollPage.png" />
   </Category>
   
-  <Category Icon="navigation.png" Name="Navigation" IsUpdated="True" Description="Enable your users to navigate between pages or items at a high level.">
-    <Page Name="Bottom Navigation Page" Description="This page displays a navigation interface with icons and labels at the bottom." PageName="Views.Navigation.BottomNavigationPage"/>
-    <Page Name="Navigation List Card Page" Description="This page displays items in a list. Each card carries an image, description, and the overall rating of an item. " PageName="Views.Navigation.NavigationListCardPage"/>
-    <Page Name="Navigation Tile Card Page" Description="This page displays items in a tile layout. Each tile contains an image, description, and the overall rating of an item." PageName="Views.Navigation.NavigationTileCardPage"/>
-    <Page Name="Songs Page"  Description="This page displays items in a tile layout. Each tile contains an image, the name of a song, and its composer." PageName="Views.Navigation.SongsPage"/>
-    <Page Name="FAQs Page" IsNew="True" Description="This page displays items in an expander layout. Each item contains a question and answer for a  FAQ section." PageName="Views.Navigation.FAQPage"/>
-    <Page Name="Contacts List" IsNew="True" Description="This page displays a list of contacts and avatars." PageName="Views.Navigation.ContactsPage"/>
-    <Page Name="Songs Play List" IsNew="True" Description="This page displays items in a tile layout. Each tile contains the name of a song and its composer, and a menu icon." PageName="Views.Navigation.SongsPlayListPage"/>
-    <Page Name="Movies List" IsNew="True" Description="This page displays items in a tile layout. Each tile contains the name, year of release, and ratings of a movie." PageName="Views.Navigation.MoviesListPage"/>
-    <Page Name="Names List" IsNew="True" Description="This page displays group names as a list." PageName="Views.Navigation.NamesListPage"/>
-    <Page Name="Restaurant Page" IsNew="True" Description="This page displays Restaurant lists, items description, Offers and an overall rating." PageName="Views.Navigation.RestaurantPage"/>
-    <Page Name="Icon Names List " IsNew="True" Description="The icon names list page displays contact lists with icons and a Next option." PageName="Views.Navigation.IconNamesListPage"/>
-    <Page Name="Suggestion Page" IsNew="True" Description="A suggestion page shows profile names, profile IDs, and an option to let viewers follow accounts." PageName="Views.Navigation.SuggestionPage"/>
-    <Page Name="App Usage Page" IsNew="True" Description="This page shows the usage of apps, displaying the app names, progress bars, and progress bar values." PageName="Views.Navigation.AppUsagePage"/>
-    <Page Name="Documents List Page" IsNew="True" Description="This page shows a list of documents, displaying the name of the document, the size of the document, and the time it was last updated." PageName="Views.Navigation.DocumentsListPage"/>
-    <Page Name="Selectable Name Page " IsNew="True" Description="This page shows a selectable list of names with grouping." PageName="Views.Navigation.SelectableNamePage"/>
+  <Category Icon="navigation.png" Name="Navigation"  Description="Enable your users to navigate between pages or items at a high level.">
+    <Page Name="Bottom Navigation" Description="This page displays a navigation interface with icons and labels at the bottom." PageName="Views.Navigation.BottomNavigationPage" Image="BottomNavigationPage.png" DarkImage="BottomNavigationPage.png"/>
+    <Page Name="Navigation List Card" Description="This page displays items in a list. Each card carries an image, description, and the overall rating of an item. " PageName="Views.Navigation.NavigationListCardPage" Image="NavigationListCardPage.png" DarkImage="NavigationListCardPage.png"/>
+    <Page Name="Navigation Tile Card" Description="This page displays items in a tile layout. Each tile contains an image, description, and the overall rating of an item." PageName="Views.Navigation.NavigationTileCardPage" Image="NavigationTileCardPage.png" DarkImage="NavigationTileCardPage.png"/>
+    <Page Name="Songs"  Description="This page displays items in a tile layout. Each tile contains an image, the name of a song, and its composer." PageName="Views.Navigation.SongsPage" Image="SongsPage.png" DarkImage="SongsPage.png"/>
+    <Page Name="FAQs" Description="This page displays items in an expander layout. Each item contains a question and answer for a  FAQ section." PageName="Views.Navigation.FAQPage" Image="FAQPage.png" DarkImage="FAQPage.png"/>
+    <Page Name="Contacts List" Description="This page displays a list of contacts and avatars." PageName="Views.Navigation.ContactsPage" Image="ContactsPage.png" DarkImage="ContactsPage.png"/>
+    <Page Name="Songs Play List" Description="This page displays items in a tile layout. Each tile contains the name of a song and its composer, and a menu icon." PageName="Views.Navigation.SongsPlayListPage" Image="SongsPlayListPage.png" DarkImage="SongsPlayListPage.png"/>
+    <Page Name="Movies List" Description="This page displays items in a tile layout. Each tile contains the name, year of release, and ratings of a movie." PageName="Views.Navigation.MoviesListPage" Image="MoviesListPage.png" DarkImage="MoviesListPage.png"/>
+    <Page Name="Names List" Description="This page displays group names as a list." PageName="Views.Navigation.NamesListPage" Image="NamesListPage.png" DarkImage="NamesListPage.png"/>
+    <Page Name="Restaurant" Description="This page displays Restaurant lists, items description, Offers and an overall rating." PageName="Views.Navigation.RestaurantPage" Image="RestaurantPage.png" DarkImage="RestaurantPage.png"/>
+    <Page Name="Icon Names List " Description="The icon names list page displays contact lists with icons and a Next option." PageName="Views.Navigation.IconNamesListPage" Image="IconNamesListPage.png" DarkImage="IconNamesListPage.png"/>
+    <Page Name="Suggestion" Description="A suggestion page shows profile names and IDs, and an option to follow accounts." PageName="Views.Navigation.SuggestionPage" Image="SuggestionPage.png" DarkImage="SuggestionPage.png"/>
+    <Page Name="App Usage" Description="This page shows the usage of apps, app names, progress bars and their values." PageName="Views.Navigation.AppUsagePage" Image="AppUsagePage.png" DarkImage="AppUsagePage.png"/>
+    <Page Name="Documents List" Description="This page shows a list of documents, displaying the document's name, size, and the time it was last updated." PageName="Views.Navigation.DocumentsListPage" Image="DocumentsListPage.png" DarkImage="DocumentsListPage.png"/>
+    <Page Name="Selectable Name Page " Description="This page shows a selectable list of names with grouping." PageName="Views.Navigation.SelectableNamePage" Image="SelectableNamePage.png" DarkImage="SelectableNamePage.png"/>
+    <Page Name="Movies Page "  Description="This page shows a list of movies organized by now showing, trailers, and upcoming releases." PageName="Views.Navigation.MoviesPage" Image="MoviesPage.png" DarkImage="MoviesPage.png"/>
+    <Page Name="File Explorer List"  Description="This page shows files, folders and their names, and information such as date, time, and the number of items in folders." PageName="Views.Navigation.FileExploreListPage" Image="FileExploreListPage.png" DarkImage="FileExploreListPage.png"/>
+    <Page Name="File Explorer Grid"  Description="This page shows a list of folders in a grid view that includes the name of the folder and the number of items in it." PageName="Views.Navigation.FileExploreGridPage" Image="FileExploreGridPage.png" DarkImage="FileExploreGridPage.png"/>
   </Category>
 
   <Category Icon="on-boarding.png" Name="Onboarding" Description="Get your users started with a new app or experience with step-by--step instructions.">
-    <Page Name="Walk-through Page" Description="Guide users through a setup process on color gradient pages" PageName="Views.OnBoarding.OnBoardingAnimationPage"/>    
+    <Page Name="Walk-through" Description="Guide users through a setup process on color gradient pages." PageName="Views.OnBoarding.OnBoardingAnimationPage" Image="OnBoardingAnimationPage.png" DarkImage="OnBoardingAnimationPage.png"/>    
   </Category>
 
   <Category Icon="error-empty.png" Name="Error and Empty" Description="Alert users to errors, empty shopping carts, task lists, item selections, and more.">
-    <Page Name="Empty Cart Page" Description="This page represents a cart that doesn’t have any items with an illustrated empty cart image." PageName="Views.ErrorAndEmpty.EmptyCartPage"/>
-    <Page Name="Location Denied Page" Description="This page represents a location that cannot be accessed with an illustrated location image." PageName="Views.ErrorAndEmpty.LocationDeniedPage"/>
-    <Page Name="No Credits Page" Description="This page represents a user without any credits with an illustrated credit image." PageName="Views.ErrorAndEmpty.NoCreditsPage"/>    
-    <Page Name="No Internet Connection Page" Description="This page represents an unavailable internet connection with an illustrated internet connectivity image." PageName="Views.ErrorAndEmpty.NoInternetConnectionPage"/>
-    <Page Name="No Item Page" Description="This page displays an illustrated empty box image that represents that no items are selected." PageName="Views.ErrorAndEmpty.NoItemPage"/>
-    <Page Name="No Photos Page" Description="This page is presented to users who have not selected any photos." PageName="Views.ErrorAndEmpty.NoPhotosPage"/>
-    <Page Name="No Tasks Page" Description="This page represents that a task is not assigned to the user with an illustration." PageName="Views.ErrorAndEmpty.NoTasksPage"/>
-    <Page Name="Not Enough Credits Page" Description="This page provides information to a user who doesn’t have enough credits to access benefits." PageName="Views.ErrorAndEmpty.NotEnoughCreditPage"/>
-    <Page Name="No Videos Page" Description="This page displays an illustrated video image that represents that no videos are selected." PageName="Views.ErrorAndEmpty.NoVideosPage"/>
-    <Page Name="Payment Failed Page" Description="This page provides an alert to a user that their payment has failed." PageName="Views.ErrorAndEmpty.PaymentFailedPage"/>
-    <Page Name="Something Went Wrong Page" Description="This page is used to show when an error occurs, but the actual error is undetermined." PageName="Views.ErrorAndEmpty.SomethingWentWrongPage"/>
+    <Page Name="Empty Cart" Description="This page represents a cart that doesn’t have any items with an illustrated empty cart image." PageName="Views.ErrorAndEmpty.EmptyCartPage" Image="EmptyCartPage.png" DarkImage="EmptyCartPage.png"/>
+    <Page Name="Location Denied" Description="This page represents a location that cannot be accessed with an illustrated location image." PageName="Views.ErrorAndEmpty.LocationDeniedPage" Image="LocationDeniedPage.png" DarkImage="LocationDeniedPage.png"/>
+    <Page Name="No Credits" Description="This page represents a user without any credits with an illustrated credit image." PageName="Views.ErrorAndEmpty.NoCreditsPage" Image="NoCreditsPage.png" DarkImage="NoCreditsPage.png"/>    
+    <Page Name="No Internet Connection" Description="This page represents an unavailable internet connection with an illustrated internet connectivity image." PageName="Views.ErrorAndEmpty.NoInternetConnectionPage" Image="NoInternetConnectionPage.png" DarkImage="NoInternetConnectionPage.png"/>
+    <Page Name="No Item" Description="This page displays an illustrated empty box image that represents that no items are selected." PageName="Views.ErrorAndEmpty.NoItemPage" Image="NoItemPage.png" DarkImage="NoItemPage.png"/>
+    <Page Name="No Photos" Description="This page is presented to users who have not selected any photos." PageName="Views.ErrorAndEmpty.NoPhotosPage" Image="NoPhotosPage.png" DarkImage="NoPhotosPage.png"/>
+    <Page Name="No Tasks" Description="This page represents that a task is not assigned to the user with an illustration." PageName="Views.ErrorAndEmpty.NoTasksPage" Image="NoTasksPage.png" DarkImage="NoTasksPage.png"/>
+    <Page Name="Not Enough Credits" Description="This page provides information to a user who doesn’t have enough credits to access benefits." PageName="Views.ErrorAndEmpty.NotEnoughCreditPage" Image="NotEnoughCreditPage.png" DarkImage="NotEnoughCreditPage.png"/>
+    <Page Name="No Videos" Description="This page displays an illustrated video image that represents that no videos are selected." PageName="Views.ErrorAndEmpty.NoVideosPage" Image="NoVideosPage.png" DarkImage="NoVideosPage.png"/>
+    <Page Name="Payment Failed" Description="This page provides an alert to a user that their payment has failed." PageName="Views.ErrorAndEmpty.PaymentFailedPage" Image="PaymentFailedPage.png" DarkImage="PaymentFailedPage.png"/>
+    <Page Name="Something Went Wrong" Description="This page is used to show when an error occurs, but the actual error is undetermined." PageName="Views.ErrorAndEmpty.SomethingWentWrongPage" Image="SomethingWentWrongPage.png" DarkImage="SomethingWentWrongPage.png"/>
   </Category>
   
-  <Category Icon="transaction.png" Name="Transaction" Description="Pages for communicating the status of a purchase through an online shop to the user. This category includes pages for successful payments and payment failures.">
-    <Page Name="Checkout Page" Description="This page provides options to choose between different addresses to deliver a product to and receives payment information from the user. " PageName="Views.Transaction.CheckoutPage"/>
-    <Page Name="Payment Success Page"  Description="This page notifies users about their successful payments." PageName="Views.Transaction.PaymentSuccessPage"/>
-    <Page Name="Payment Failure Page"  Description="This page notifies users about their failed payments." PageName="Views.Transaction.PaymentFailurePage"/>
-    <Page Name="Delivery Page" Description="View delivery information like address and price details" PageName="Views.Transaction.DeliveryPage" Platform="UWP"/>
-    <Page Name="Payment Page" Description="View card and payment details" PageName="Views.Transaction.PaymentPage" Platform="UWP"/>
+  <Category Icon="transaction.png"  Name="Transaction" Description="Pages for communicating the status of a purchase through an online shop to the user. This category includes pages for successful payments and payment failures.">
+    <Page Name="Checkout" Description="This page provides options to choose between various addresses to deliver a product to and receives user payment information." PageName="Views.Transaction.CheckoutPage"  Image="CheckoutPage.png" DarkImage="CheckoutPage.png"/>
+    <Page Name="Payment Success"  Description="This page notifies users about their successful payments." PageName="Views.Transaction.PaymentSuccessPage"  Image="PaymentSuccessPage.png" DarkImage="PaymentSuccessPage.png"/>
+    <Page Name="Payment Failure"  Description="This page notifies users about their failed payments." PageName="Views.Transaction.PaymentFailurePage"  Image="PaymentFailurePage.png" DarkImage="PaymentFailurePage.png"/>
+    <Page Name="Saved Cards"  Description="This page displays saved cards." PageName="Views.Transaction.MyCardsPage" Image="MyCardsPage.png" DarkImage="MyCardsPage.png"/>
   </Category>
   
   <Category Icon="bookmark.png" Name="Bookmark" Description="Interfaces for users to save shopping items, articles, or pages they’d like to return to later. Users can add or remove items they’ve saved as needed.">
-    <Page Name="Wishlist Page" Description="This page displays a list of items that an online shopper has saved to potentially purchase later." PageName="Views.Bookmarks.WishlistPage"/>
-    <Page Name="Cart Page" Description="This page displays a list of products as items added to a cart in a shopping application. The page also allows you to remove items from the shopping cart. " PageName="Views.Bookmarks.CartPage"/>
-    <Page Name="Article Bookmarks Page" Description="This page displays bookmarked articles in a list. Each list card carries the image, title, author name, created date, and estimated time to read the article." PageName="Views.Bookmarks.BookmarksPage"/>
+    <Page Name="Wishlist" Description="This page displays a list of items that an online shopper has saved to potentially purchase later." PageName="Views.Bookmarks.WishlistPage" Image="WishlistPage.png" DarkImage="WishlistPage.png"/>
+    <Page Name="Cart" Description="Displays a list of products added to the ecommerce application’s cart. Also, allows the user to remove the products from cart." PageName="Views.Bookmarks.CartPage" Image="CartPage.png" DarkImage="CartPage.png"/>
+    <Page Name="Article Bookmarks" Description="Displays bookmarked articles in a list with the image, title, author name, created date, and estimated time to read." PageName="Views.Bookmarks.BookmarksPage" Image="ArticleBookmarkPage.png" DarkImage="ArticleBookmarkPage.png"/>
   </Category>
 
-  <Category Icon="history.png" Name="History" Description="Displays a list of recent actions performed by the user. It can also be used to show the recent transactions in financial apps or recent purchases in shopping apps. ">
-    <Page Name="Transaction History Page" Description="This page displays the list of recent transactions." PageName="Views.History.TransactionHistoryPage"/>
-    <Page Name="My Orders Page" Description="This page displays the list of the user’s recent orders." PageName="Views.History.MyOrdersPage"/>
+  <Category Icon="history.png" Name="History" Description="Displays a list of recent actions performed by the user. It can also be used to show the recent transactions in financial apps or recent purchases in shopping apps.">
+    <Page Name="Transaction History" Description="This page displays the list of recent transactions." PageName="Views.History.TransactionHistoryPage"  Image="TransactionHistoryPage.png" DarkImage="TransactionHistoryPage.png"/>
+    <Page Name="My Orders" Description="This page displays the list of the user’s recent orders." PageName="Views.History.MyOrdersPage" Image="MyOrdersPage.png" DarkImage="MyOrdersPage.png"/>
   </Category>
 
-  <Category Icon="social.png" Name="Social" Description="Layouts for social media profile pages with different features, such as follower counts, profile pictures, biographical information, and related profiles.">
-    <Page Name="Social Profile with Connections Page" Description="This page displays a social media profile page with links to other profiles that the user may be interested in." PageName="Views.Social.SocialProfileWithConnectionsPage"/>
-    <Page Name="Social Profile with Card Page" Description="This page displays a social media profile with a user’s image, location, and biographical information presented on a card." PageName="Views.Social.SocialProfileWithCardPage"/>
-    <Page Name="Social Profile with Interest Page" Description="This page displays a social media profile with a user’s image, location, interests, and biographical information presented on a card." PageName="Views.Social.SocialProfileWithInterestsPage"/>
+  <Category Icon="social.png"  Name="Social" Description="Layouts for social media profile pages with different features, such as follower counts, profile pictures, biographical information, and related profiles.">
+    <Page Name="Social Profile with Connections" Description="This page displays a social media profile page with links to other profiles that the user may be interested in." PageName="Views.Social.SocialProfileWithConnectionsPage" Image="SocialProfileWithConnectionsPage.png" DarkImage="SocialProfileWithConnectionsPage.png"/>
+    <Page Name="Social Profile with Card" Description="This page displays a social media profile with a user’s image, location, and biographical information presented on a card." PageName="Views.Social.SocialProfileWithCardPage" Image="SocialProfileWithCardPage.png" DarkImage="SocialProfileWithCardPage.png"/>
+    <Page Name="Social Profile with Interest" Description="This page displays a social media profile with a image, location, interests, and biographical information of user in a card view." PageName="Views.Social.SocialProfileWithInterestsPage" Image="SocialProfileWithInterestsPage.png" DarkImage="SocialProfileWithInterestsPage.png"/>
+    <Page Name="Social Profile with Message"  Description="Displays a social media profile page with links to other profiles that may be of interest to the user." PageName="Views.Social.SocialProfileWithMessagePage" Image="SocialProfileWithMessagePage.png" DarkImage="SocialProfileWithMessagePage.png"/>
   </Category>
 
-  <Category Icon="profile.png" Name="Profile" Description="Display various user profiles related to an article, chat user, and more.">
-    <Page Name="Author Profile Page" Description="This page displays the author’s profile image and name, which can be edited by the author. A night mode switch is present to provide an effective reading display in dark settings." PageName="Views.Profile.ProfilePage"/>
-    <Page Name="Contacts Page" Description="This page displays a contact’s profile in a chat application. It displays the contact’s profile picture, mail ID, contact number, and recent media files that have been shared with that contact. " PageName="Views.Profile.ContactProfilePage" />
-    <Page Name="Chat Profile Page" Description="This page displays the user’s profile in a chat application. It displays their profile picture, mail ID, contact number, notifications, and help options. " PageName="Views.Profile.ChatProfilePage" />
-    <Page Name="Master Page" Description="This page displays an interactive burger menu of article pages. If you are working with a master-details page for articles, this page will be the master page for navigating across the application." PageName="Views.Profile.MasterPage"/>
+  <Category Icon="profile.png"  Name="Profile" Description="Display various user profiles related to an article, chat user, and more.">
+    <Page Name="Author Profile" Description="This page displays the author’s profile image and name, which can be edited by the author." PageName="Views.Profile.ProfilePage" Image="ProfilePage.png" DarkImage="ProfilePage.png"/>
+    <Page Name="Contacts" Description="This page displays a contact’s profile in a chat application." PageName="Views.Profile.ContactProfilePage" Image="ContactProfilePage.png" DarkImage="ContactProfilePage.png"/>
+    <Page Name="Chat Profile" Description="This page displays the user’s profile in a chat application." PageName="Views.Profile.ChatProfilePage" Image="ChatProfilePage.png" DarkImage="ChatProfilePage.png"/>
+    <Page Name="Master" Description="This page displays an interactive burger menu of article pages." PageName="Views.Profile.MasterPage" Image="MasterPage.png" DarkImage="MasterPage.png"/>
+    <Page Name="Health Profile"  Description="This page shows health details including age, weight, height, calories eaten, heart rate, water consumed, and sleep duration." PageName="Views.Profile.HealthProfilePage" Image="HealthProfilePage.png" DarkImage="HealthProfilePage.png"/>
   </Category>
 
   <Category Icon="tracking.png" Name="Tracking" Description="Displays various trackings like train status, product delivery status, and more.">
-    <Page Name="Prodcut Delivery Tracking Page" Description="This page displays a live train’s present status with the estimated time of arrival at a specified destination." PageName="Views.Tracking.ProductDeliveryTrackingPage"/>
+    <Page Name="Product Delivery Tracking" Description="This page displays a live train’s present status with the estimated time of arrival at a specified destination." PageName="Views.Tracking.ProductDeliveryTrackingPage" Image="ProductDeliveryTrackingPage.png" DarkImage="ProductDeliveryTrackingPage.png"/>
   </Category>
 
-  <Category Icon="dashboard.png" Name="Dashboard" Description="A beautifully presented interface relevant to common real-world use cases.">
-    <Page Name="Stock Overview Page" Description="This page displays a dashboard for stock market data visualization." PageName="Views.Dashboard.StockOverviewPage"/>
-    <Page Name="Health Care Page"  Description="This page displays a dashboard for health-care data visualization." PageName="Views.Dashboard.HealthCarePage"/>
+  <Category Icon="dashboard.png" Name="Dashboard"  Description="A beautifully presented interface relevant to common real-world use cases.">
+    <Page Name="Stock Overview" Description="This page displays a dashboard for stock market data visualization." PageName="Views.Dashboard.StockOverviewPage" Image="StockOverViewPage.png" DarkImage="StockOverViewPage.png"/>
+    <Page Name="Health Care"  Description="This page displays a dashboard for health-care data visualization." PageName="Views.Dashboard.HealthCarePage" Image="HealthCarePage.png" DarkImage="HealthCarePage.png"/>
+    <Page Name="Daily Calories Report"  Description="This page displays a dashboard visualizing a daily calorie report." PageName="Views.Dashboard.DailyCaloriesReportPage" Image="DailyCaloriesReportPage.png" DarkImage="DailyCaloriesReportPage.png"/>
+    <Page Name="Daily Timeline"  Description="This page displays a daily dashboard in the form a timeline of event details." PageName="Views.Dashboard.DailyTimelinePage" Image="DailyTimelinePage.png" DarkImage="DailyTimelinePage.png"/>
+    <Page Name="Company History"  Description="This page shows a business history dashboard of accomplishments and their year." PageName="Views.Dashboard.CompanyHistoryPage" Image="CompanyHistoryPage.png" DarkImage="CompanyHistoryPage.png"/>
+    <Page Name="My Wallet"  Description="This page shows income and expense charts as well as transaction details." PageName="Views.Dashboard.MyWalletPage" Image="MyWalletPage.png" DarkImage="MyWalletPage.png"/>
   </Category>
 
   <Category Icon="setting.png" Name="Settings" Description="Display various types of settings pages.">
-    <Page Name="Setting Page" Description="This page displays a simple settings page that includes account, notification, and support settings." PageName="Views.Settings.SettingPage"/>
-    <Page Name="Help Page"  Description="This page displays a simple help page that provides help with recent orders and other queries." PageName="Views.Settings.HelpPage"/>
-  </Category>
-
-  <Category Icon="notification.png" Name="Notification" IsUpdated="True" Description="Display various types of notification pages.">
-    <Page Name="Task Notification Page" IsNew="True" Description="This page displays notifications for tasks, showing descriptions, task IDs, and times." PageName="Views.Notification.TaskNotificationPage"/>
-    <Page Name="Social Notification Page" IsNew="True" Description="This page displays social media notifications, containing a list of recent notifications and a list of earlier ones." PageName="Views.Notification.SocialNotificationPage"/>
-  </Category>
+    <Page Name="Setting" Description="This page displays a simple settings page that includes account, notification, and support settings." PageName="Views.Settings.SettingPage" Image="SettingsPage.png" DarkImage="SettingsPage.png"/>
+    <Page Name="Help"  Description="This page displays a simple help page that provides help with recent orders and other queries." PageName="Views.Settings.HelpPage" Image="HelpPage.png" DarkImage="HelpPage.png"/>
+  </Category>
+
+  <Category Icon="notification.png" Name="Notification"  Description="Display various types of notification pages.">
+    <Page Name="Task Notification" Description="This page displays notifications for tasks, showing descriptions, task IDs, and times." PageName="Views.Notification.TaskNotificationPage" Image="TaskNotificationPage.png" DarkImage="TaskNotificationPage.png"/>
+    <Page Name="Social Notification" Description="This page displays social media notifications, containing a list of recent notifications and a list of earlier ones." PageName="Views.Notification.SocialNotificationPage" Image="SocialNotificationPage.png" DarkImage="SocialNotificationPage.png"/>
+    <Page Name="E-commerce Notification"  Description="This page displays e-commerce notifications that include description and time." PageName="Views.Notification.ECommerceNotificationPage" Image="ECommerceNotificationPage.png" DarkImage="ECommerceNotificationPage.png"/>
+  </Category>
+   
+  <!--<Category Name="Shopping" Description="Simple shopping flow, fetturing catalog detail, cart detail and product checkout.">
+    <Page Name="Login" Description="If you want a simple and clean authentication form, then just add this page to your application. Email validation is done within this form." PageName="Views.Shopping.LoginPage"/>
+    <Page Name="Shopping Home" Description="Simple shopping flow, fetturing catalog detail, cart detail and product checkout" PageName="Views.Shopping.CatalogListPage"/>
+    <Page Name="Detail" Description="View detailed information regarding your orders" PageName="Views.Shopping.DetailPage" />
+    <Page Name="Shopping Cart" Description="View items in your cart for purchase. " PageName="Views.Shopping.CartPage" />
+    <Page Name="Checkout" Description="Purchase items in your cart" PageName="Views.Shopping.CheckoutPage"/>
+    <Page Name="Payment success" Description="This page notifies the user that their payment was successful." PageName="Views.Shopping.PaymentSuccessPage"/>
+    <Page Name="Walkthrough animation" Description="Guide users through a setup process on color gradient pages" PageName="Views.Shopping.OnBoardingAnimationPage"/>
+  </Category>-->
 
 </Samples>
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/Utils.cs b/EssentialUIKit/AppLayout/Utils.cs
index 1c9196ce..db7ddb21 100644
--- a/EssentialUIKit/AppLayout/Utils.cs
+++ b/EssentialUIKit/AppLayout/Utils.cs
@@ -6,32 +6,39 @@
 namespace EssentialUIKit.AppLayout
 {
     [Preserve(AllMembers = true)]
-    public static class Extensions
+    public static class ThemePalette
     {
         public static void ApplyDarkTheme(this ResourceDictionary resources)
         {
-            var mergedDictionaries = resources.MergedDictionaries;
-            var lightTheme = mergedDictionaries.OfType<LightTheme>().FirstOrDefault();
-            if (lightTheme != null)
+            if (resources != null)
             {
-                mergedDictionaries.Remove(lightTheme);
-            }
+                var mergedDictionaries = resources.MergedDictionaries;
+                var lightTheme = mergedDictionaries.OfType<LightTheme>().FirstOrDefault();
+                if (lightTheme != null)
+                {
+                    mergedDictionaries.Remove(lightTheme);
+                }
 
-            // mergedDictionaries.Add(new DarkTheme());
-            AppSettings.Instance.IsDarkTheme = true;
+                mergedDictionaries.Add(new DarkTheme());
+                AppSettings.Instance.IsDarkTheme = true;
+            }
         }
 
         public static void ApplyLightTheme(this ResourceDictionary resources)
         {
-            var mergedDictionaries = resources.MergedDictionaries;
+            if (resources != null)
+            {
+                var mergedDictionaries = resources.MergedDictionaries;
 
-            // var darkTheme = mergedDictionaries.OfType<DarkTheme>().FirstOrDefault();
-            // if (darkTheme != null)
-            // {
-            //     mergedDictionaries.Remove(darkTheme);
-            // }
-            mergedDictionaries.Add(new LightTheme());
-            AppSettings.Instance.IsDarkTheme = false;
+                var darkTheme = mergedDictionaries.OfType<DarkTheme>().FirstOrDefault();
+                if (darkTheme != null)
+                {
+                    mergedDictionaries.Remove(darkTheme);
+                }
+
+                mergedDictionaries.Add(new LightTheme());
+                AppSettings.Instance.IsDarkTheme = false;
+            }
         }
 
         public static void ApplyColorSet(int index)
@@ -68,42 +75,90 @@ public static void ApplyColorSet1()
 
         public static void ApplyColorSet2()
         {
-            Application.Current.Resources["PrimaryColor"] = Color.FromHex("#2f72e4");
-            Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#1a5ac6");
-            Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#174fb0");
-            Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#73a0ed");
-            Application.Current.Resources["PrimaryLight"] = Color.FromHex("#cdddf9");
-            Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#00acff");
+            if (AppSettings.Instance.IsDarkTheme)
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#42A1FF");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#0F88FF");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#006EDB");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#75BAFF");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#A8D4FF");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#0080FF");
+            }
+            else
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#2f72e4");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#1a5ac6");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#174fb0");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#73a0ed");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#cdddf9");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#00acff");
+            }
         }
 
         public static void ApplyColorSet3()
         {
-            Application.Current.Resources["PrimaryColor"] = Color.FromHex("#5d4cf7");
-            Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#4b3ae1");
-            Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#3829ba");
-            Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#b5aefb");
-            Application.Current.Resources["PrimaryLight"] = Color.FromHex("#eae8fe");
-            Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#aa9cfc");
+            if (AppSettings.Instance.IsDarkTheme)
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#D88AFF");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#9E63BC");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#804A9B");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#D49FEE");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#D4B6E3");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#6C58FF");
+            }
+            else
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#5d4cf7");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#4b3ae1");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#3829ba");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#b5aefb");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#eae8fe");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#aa9cfc");
+            }
         }
 
         public static void ApplyColorSet4()
         {
-            Application.Current.Resources["PrimaryColor"] = Color.FromHex("#06846a");
-            Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#056c56");
-            Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#045343");
-            Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#98f0de");
-            Application.Current.Resources["PrimaryLight"] = Color.FromHex("#ebf9f7");
-            Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#0ed342");
+            if (AppSettings.Instance.IsDarkTheme)
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#17B0A8");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#11837D");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#0B5652");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#8AF0EA");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#CDF9F6");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#A5FEB2");
+            }
+            else
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#06846a");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#056c56");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#045343");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#98f0de");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#ebf9f7");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#0ed342");
+            }
         }
 
         public static void ApplyColorSet5()
         {
-            Application.Current.Resources["PrimaryColor"] = Color.FromHex("#d54008");
-            Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#a43106");
-            Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#862805");
-            Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#fa9e7c");
-            Application.Current.Resources["PrimaryLight"] = Color.FromHex("#fee7de");
-            Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#ff6374");
+            if (AppSettings.Instance.IsDarkTheme)
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#FF668C");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#C83A62");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#882742 ");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#FF9FBA");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#FAC7D5");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#FFBF9F");
+            }
+            else
+            {
+                Application.Current.Resources["PrimaryColor"] = Color.FromHex("#d54008");
+                Application.Current.Resources["PrimaryDarkColor"] = Color.FromHex("#a43106");
+                Application.Current.Resources["PrimaryDarkenColor"] = Color.FromHex("#862805");
+                Application.Current.Resources["PrimaryLighterColor"] = Color.FromHex("#fa9e7c");
+                Application.Current.Resources["PrimaryLight"] = Color.FromHex("#fee7de");
+                Application.Current.Resources["PrimaryGradient"] = Color.FromHex("#ff6374");
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/ViewModels/HomePageViewModel.cs b/EssentialUIKit/AppLayout/ViewModels/HomePageViewModel.cs
index 88a2790e..c48f1d64 100644
--- a/EssentialUIKit/AppLayout/ViewModels/HomePageViewModel.cs
+++ b/EssentialUIKit/AppLayout/ViewModels/HomePageViewModel.cs
@@ -2,38 +2,40 @@
 using System.IO;
 using System.Reflection;
 using System.Xml;
+using EssentialUIKit.AppLayout.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using EssentialUIKit.AppLayout.Models;
 
 namespace EssentialUIKit.AppLayout.ViewModels
 {
     [Preserve(AllMembers = true)]
     public class HomePageViewModel
     {
-        private const string sampleListFile = "EssentialUIKit.AppLayout.TemplateList.xml";
-
-        public List<Category> Templates { get; set; }
+        private const string SampleListFile = "EssentialUIKit.AppLayout.TemplateList.xml";
 
         /// <summary>
         /// Initializes a new instance for the <see cref="HomePageViewModel" /> class.
         /// </summary>
         public HomePageViewModel()
         {
-            Templates = new List<Category>();
-            PopulateList();
+            this.Templates = new List<Category>();
+            this.PopulateList();
         }
 
+        public List<Category> Templates { get; private set; }
+
         private void PopulateList()
         {
-            Templates.Clear();
+            this.Templates.Clear();
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
-            var stream = assembly.GetManifestResourceStream(sampleListFile);
+            var stream = assembly.GetManifestResourceStream(SampleListFile);
 
             using (var reader = new StreamReader(stream))
             {
+#pragma warning disable CA2000 // Dispose objects before losing scope
                 var xmlReader = XmlReader.Create(reader);
+#pragma warning restore CA2000 // Dispose objects before losing scope
                 xmlReader.Read();
                 Category category = null;
                 var hasAdded = false;
@@ -44,15 +46,15 @@ private void PopulateList()
                     switch (xmlReader.Name)
                     {
                         case "Category" when xmlReader.IsStartElement() && xmlReader.HasAttributes:
-                        {
-                            if (!hasAdded && category != null)
                             {
-                                Templates.Add(category);
-                                category = null;
-                                hasAdded = true;
-                            }
+                                if (!hasAdded && category != null)
+                                {
+                                    this.Templates.Add(category);
+                                    category = null;
+                                    hasAdded = true;
+                                }
 
-                            var platform = GetDataFromXmlReader(xmlReader, "Platform");
+                                var platform = GetDataFromXmlReader(xmlReader, "Platform");
                                 if (string.IsNullOrEmpty(platform) || platform.ToUpperInvariant().Contains(runtimePlatform))
                                 {
                                     var categoryName = GetDataFromXmlReader(xmlReader, "Name");
@@ -63,7 +65,7 @@ private void PopulateList()
                                     string updateType = string.Empty;
                                     bool isUpdate = false;
 
-                                    if (null != xmlReader.GetAttribute("IsUpdated"))
+                                    if (xmlReader.GetAttribute("IsUpdated") != null)
                                     {
                                         if (GetDataFromXmlReader(xmlReader, "IsUpdated") == "True")
                                         {
@@ -72,7 +74,7 @@ private void PopulateList()
                                         }
                                     }
 
-                                    if (null != xmlReader.GetAttribute("IsNew"))
+                                    if (xmlReader.GetAttribute("IsNew") != null)
                                     {
                                         if (GetDataFromXmlReader(xmlReader, "IsNew") == "True")
                                         {
@@ -80,28 +82,34 @@ private void PopulateList()
                                             isUpdate = true;
                                         }
                                     }
-                                    
+
                                     category = new Category(categoryName, icon, description, updateType, isUpdate);
                                 }
 
-                            break;
-                        }
+                                break;
+                            }
 
                         case "Page" when xmlReader.IsStartElement() && xmlReader.HasAttributes && category != null:
-                        {
-                            var platform = GetDataFromXmlReader(xmlReader, "Platform");
-
-                            if (string.IsNullOrEmpty(platform) || platform.ToUpperInvariant().Contains(runtimePlatform))
                             {
-                                var templateName = GetDataFromXmlReader(xmlReader, "Name");
-                                var description = GetDataFromXmlReader(xmlReader, "Description");
-                                var pageName = GetDataFromXmlReader(xmlReader, "PageName");
-                                bool.TryParse(GetDataFromXmlReader(xmlReader, "LayoutFullscreen"),
-                                    out var layoutFullScreen);
+                                var platform = GetDataFromXmlReader(xmlReader, "Platform");
+
+                                if (string.IsNullOrEmpty(platform) || platform.ToUpperInvariant().Contains(runtimePlatform))
+                                {
+                                    var templateName = GetDataFromXmlReader(xmlReader, "Name");
+                                    var description = GetDataFromXmlReader(xmlReader, "Description");
+                                    var pageName = GetDataFromXmlReader(xmlReader, "PageName");
+                                    var templateImage = $"EssentialUIKit.TemplateImage.LightTheme.{GetDataFromXmlReader(xmlReader, "Image")}";
+                                    var templateDarkImage = $"EssentialUIKit.TemplateImage.DarkTheme.{GetDataFromXmlReader(xmlReader, "DarkImage")}";
+
+                                    if (bool.TryParse(GetDataFromXmlReader(xmlReader, "LayoutFullscreen"), out var layoutFullScreen))
+                                    {
+                                        // Do Nothing
+                                    }
+
                                     string updateType = string.Empty;
                                     bool isUpdate = false;
 
-                                    if (null != xmlReader.GetAttribute("IsUpdated"))
+                                    if (xmlReader.GetAttribute("IsUpdated") != null)
                                     {
                                         if (GetDataFromXmlReader(xmlReader, "IsUpdated") == "True")
                                         {
@@ -110,7 +118,7 @@ private void PopulateList()
                                         }
                                     }
 
-                                    if (null != xmlReader.GetAttribute("IsNew"))
+                                    if (xmlReader.GetAttribute("IsNew") != null)
                                     {
                                         if (GetDataFromXmlReader(xmlReader, "IsNew") == "True")
                                         {
@@ -119,16 +127,16 @@ private void PopulateList()
                                         }
                                     }
 
-                                    var template = new Template(templateName, description, pageName, layoutFullScreen, updateType, isUpdate);
-                                Routing.RegisterRoute(templateName,
-                                    assembly.GetType($"EssentialUIKit.{pageName}"));
+                                    var template = new Template(templateName, description, pageName, layoutFullScreen, updateType, isUpdate, templateImage, templateDarkImage);
 
-                                category.Pages.Add(template);
-                                hasAdded = false;
-                            }
+                                    Routing.RegisterRoute(templateName, assembly.GetType($"EssentialUIKit.{pageName}"));
+
+                                    category.Pages.Add(template);
+                                    hasAdded = false;
+                                }
 
-                            break;
-                        }
+                                break;
+                            }
                     }
 
                     xmlReader.Read();
@@ -136,18 +144,23 @@ private void PopulateList()
 
                 if (!hasAdded)
                 {
-                    Templates.Add(category);
+                    this.Templates.Add(category);
                 }
             }
         }
 
         public static string GetDataFromXmlReader(XmlReader reader, string attribute)
         {
-            reader.MoveToAttribute(attribute);
-            return reader.Value;
+            if (reader != null)
+            {
+                reader.MoveToAttribute(attribute);
+                return reader.Value;
+            }
+
+            return string.Empty;
         }
 
-        private string GetUpdateType(string value, string type)
+        private static string GetUpdateType(string value, string type)
         {
             if (value == "true" && (type == "IsNew" || type == "IsPreview"))
             {
@@ -161,6 +174,5 @@ private string GetUpdateType(string value, string type)
 
             return string.Empty;
         }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/ViewModels/TemplatePageViewModel.cs b/EssentialUIKit/AppLayout/ViewModels/TemplatePageViewModel.cs
index 740556cb..358e0ca9 100644
--- a/EssentialUIKit/AppLayout/ViewModels/TemplatePageViewModel.cs
+++ b/EssentialUIKit/AppLayout/ViewModels/TemplatePageViewModel.cs
@@ -1,9 +1,5 @@
-using System.ComponentModel;
-using System.IO;
-using System.Runtime.CompilerServices;
-using System.Web;
-using System.Xml.Serialization;
-using EssentialUIKit.AppLayout.Models;
+using EssentialUIKit.AppLayout.Models;
+using EssentialUIKit.ViewModels;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -11,7 +7,7 @@ namespace EssentialUIKit.AppLayout.ViewModels
 {
     [Preserve(AllMembers = true)]
     [QueryProperty("QueryData", "data1")]
-    public class TemplatePageViewModel : INotifyPropertyChanged
+    public class TemplatePageViewModel : BaseViewModel
     {
         #region Fields
 
@@ -20,13 +16,9 @@ public class TemplatePageViewModel : INotifyPropertyChanged
         /// </summary>
         private Category selectedCategory;
 
-        #endregion
-
-        #region event
-        /// <summary>
-        /// The declaration of the PropertyChanged event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
+        private bool isDarkTheme;
+        private bool isItemsGridView;
+        private bool isItemsListView = true;
         #endregion
 
         #region Public Properties
@@ -44,22 +36,48 @@ public Category SelectedCategory
                     return;
                 }
 
-                this.selectedCategory = value;
-                this.OnPropertyChanged();
+                this.SetProperty(ref this.selectedCategory, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether dark theme applied or not.
+        /// </summary>
+        public bool IsDarkTheme
+        {
+            get => this.isDarkTheme;
+            set
+            {
+                this.SetProperty(ref this.isDarkTheme, value);
+                this.NotifyPropertyChanged();
             }
         }
-        #endregion
 
-        #region Methods
+        /// <summary>
+        /// Gets or sets a value indicating whether the sub category items are in grid view or not.
+        /// </summary>
+        public bool IsItemsGridView
+        {
+            get => this.isItemsGridView;
+            set
+            {
+                AppSettings.Instance.IsGridView = value;
+                this.SetProperty(ref this.isItemsGridView, value);
+            }
+        }
 
         /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
+        /// Gets or sets a value indicating whether the sub category items are in list view or not.
         /// </summary>
-        /// <param name="propertyName">Property name</param>
-        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
+        public bool IsItemsListView
         {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+            get => this.isItemsListView;
+            set
+            {
+                this.SetProperty(ref this.isItemsListView, value);
+            }
         }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/AppLayout/Views/Styles.xaml b/EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml
similarity index 74%
rename from EssentialUIKit/AppLayout/Views/Styles.xaml
rename to EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml
index aaf014a3..0e8d0393 100644
--- a/EssentialUIKit/AppLayout/Views/Styles.xaml
+++ b/EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml
@@ -1,12 +1,10 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <ResourceDictionary
-    x:Class="EssentialUIKit.AppLayout.Views.Styles"
+    x:Class="EssentialUIKit.AppLayout.Views.AppLayoutStyles"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.AppLayout.Controls;assembly=EssentialUIKit"
     xmlns:converters="clr-namespace:EssentialUIKit.Converters;assembly=EssentialUIKit"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
     xmlns:iOsSpecific="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core">
 
     <converters:StringToImageResourceConverter x:Key="ImageResourceConverter" />
@@ -18,26 +16,26 @@
     <!--  Common style for action bar icons  -->
     <Style x:Key="ActionBarSettingIconStyle" TargetType="Button">
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="Text" Value="&#xe72b;" />
         <Setter Property="Padding" Value="{OnPlatform Default=8, UWP=6}" />
-        <Setter Property="Margin" Value="8" />
-        <Setter Property="HeightRequest" Value="{OnPlatform Default=32, UWP=40}" />
-        <Setter Property="WidthRequest" Value="{OnPlatform Default=32, UWP=40}" />
+        <Setter Property="Margin" Value="4,8" />
+        <Setter Property="HeightRequest" Value="40" />
+        <Setter Property="WidthRequest" Value="40" />
     </Style>
 
     <!--  Common style for action bar labels  -->
     <Style x:Key="ActionBarLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}" />
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
         <Setter Property="FontSize" Value="16" />
     </Style>
 
     <!--  Common style for action bar back button  -->
     <Style x:Key="ActionBarBackButtonStyle" TargetType="Button">
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="Text" Value="&#xe709;" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="HorizontalOptions" Value="Start" />
@@ -49,7 +47,7 @@
 
     <!--  Common implicit style for ParallaxListView  -->
     <Style TargetType="controls:ParallaxListView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-Bg}" />
         <Setter Property="SeparatorVisibility" Value="None" />
         <Setter Property="VerticalScrollBarVisibility" Value="Never" />
     </Style>
@@ -59,7 +57,7 @@
         <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
         <Setter Property="Text" Value="{Binding Name}" />
         <Setter Property="FontSize" Value="12" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="FontAttributes" Value="Bold" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
         <Setter Property="VerticalOptions" Value="Center" />
@@ -70,9 +68,9 @@
         <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
         <Setter Property="Text" Value="{Binding Description}" />
         <Setter Property="FontSize" Value="12" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
         <Setter Property="LineHeight" Value="1.25" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
     </Style>
 
     <!--  Common style for list view item image  -->
@@ -83,11 +81,19 @@
         <Setter Property="VerticalOptions" Value="Center" />
     </Style>
 
+    <Style x:Key="TemplateImageStyle" TargetType="Image">
+        <Setter Property="Source" Value="{Binding Image, Converter={StaticResource ImageResourceConverter}}" />
+    </Style>
+
+    <Style x:Key="TemplateDarkImageStyle" TargetType="Image">
+        <Setter Property="Source" Value="{Binding DarkModeImage, Converter={StaticResource ImageResourceConverter}}" />
+    </Style>
+
     <!--  Common style for list view item template count  -->
     <Style x:Key="ItemCountLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
         <Setter Property="Text" Value="{Binding TemplateCount}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}" />
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
         <Setter Property="FontSize" Value="12" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
         <Setter Property="VerticalOptions" Value="Center" />
@@ -104,7 +110,7 @@
     <!--  Common style for close icons  -->
     <Style x:Key="CloseIconStyle" TargetType="Button">
         <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="Text" Value="&#xe724;" />
     </Style>
@@ -118,20 +124,4 @@
         <Setter Property="Source" Value="HeaderIcon.png" />
     </Style>
 
-    <!--  Common style for gradient buttons  -->
-    <Style x:Key="SfGradientButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-    </Style>
-
 </ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/Views/Styles.xaml.cs b/EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml.cs
similarity index 81%
rename from EssentialUIKit/AppLayout/Views/Styles.xaml.cs
rename to EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml.cs
index c268814d..f6b2d1e8 100644
--- a/EssentialUIKit/AppLayout/Views/Styles.xaml.cs
+++ b/EssentialUIKit/AppLayout/Views/AppLayoutStyles.xaml.cs
@@ -8,14 +8,14 @@ namespace EssentialUIKit.AppLayout.Views
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
+    public partial class AppLayoutStyles
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="Styles" /> class.
         /// </summary>
-        public Styles()
+        public AppLayoutStyles()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/Views/HomePage.xaml b/EssentialUIKit/AppLayout/Views/HomePage.xaml
index da2e0a43..552da351 100644
--- a/EssentialUIKit/AppLayout/Views/HomePage.xaml
+++ b/EssentialUIKit/AppLayout/Views/HomePage.xaml
@@ -8,12 +8,13 @@
     xmlns:viewModels="clr-namespace:EssentialUIKit.AppLayout.ViewModels;assembly=EssentialUIKit"
     xmlns:views="clr-namespace:EssentialUIKit.AppLayout.Views;assembly=EssentialUIKit"
     Title="{StaticResource HomePageTitle}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     Style="{StaticResource ContentPageStyle}">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
+                <ResourceDictionary Source="AppLayoutStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
             <Style TargetType="gradient:SfGradientView">
                 <Setter Property="BackgroundBrush">
@@ -44,6 +45,7 @@
             x:Name="listView"
             Grid.Row="0"
             Grid.RowSpan="2"
+            BackgroundColor="Transparent"
             HasUnevenRows="True"
             ItemsSource="{Binding Templates}"
             ScrollChanged="ListView_OnScrollChanged"
@@ -54,17 +56,11 @@
                 <DataTemplate>
                     <ViewCell>
                         <!--  The image at the left will be rendered with some space.  -->
-                        <Grid Margin="0,16,16,8" RowSpacing="8">
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
-
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" />
-                                <ColumnDefinition Width="Auto" />
-                            </Grid.ColumnDefinitions>
+                        <Grid
+                            Margin="0,16,16,8"
+                            ColumnDefinitions="Auto, Auto"
+                            RowDefinitions="Auto, Auto, Auto"
+                            RowSpacing="8">
 
                             <Image
                                 Grid.RowSpan="3"
@@ -90,10 +86,10 @@
                                     <Frame.Content>
                                         <Label
                                             Margin="5,1"
-                                            FontFamily="{StaticResource Montserrat-Medium}"
+                                            FontFamily="Montserrat-Medium"
                                             FontSize="10"
                                             Text="{Binding UpdateType}"
-                                            TextColor="{DynamicResource Gray-White}" />
+                                            TextColor="{DynamicResource Gray-Bg}" />
                                     </Frame.Content>
                                 </Frame>
                             </StackLayout>
@@ -132,28 +128,18 @@
                     <Grid
                         Grid.Row="1"
                         Grid.RowSpan="2"
+                        ColumnDefinitions="45*, 55*"
                         ColumnSpacing="0"
                         HeightRequest="200"
                         Opacity="0.9"
+                        RowDefinitions="10*, Auto, Auto, 5*, Auto, 10*"
                         RowSpacing="0">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="10*" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="5*" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="10*" />
-                        </Grid.RowDefinitions>
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="45*" />
-                            <ColumnDefinition Width="55*" />
-                        </Grid.ColumnDefinitions>
 
                         <Label
                             x:Name="BrandName"
                             Grid.Row="1"
                             Grid.Column="1"
-                            FontFamily="{StaticResource Montserrat-Regular}"
+                            FontFamily="Montserrat-Regular"
                             FontSize="Micro"
                             HorizontalOptions="StartAndExpand"
                             Text="Syncfusion's"
@@ -170,7 +156,7 @@
                             x:Name="HeaderText"
                             Grid.Row="2"
                             Grid.Column="1"
-                            FontFamily="{StaticResource Montserrat-Regular}"
+                            FontFamily="Montserrat-Regular"
                             FontSize="16"
                             HorizontalOptions="StartAndExpand"
                             Text="{StaticResource HomePageTitle}"
@@ -181,7 +167,7 @@
                             Grid.Row="4"
                             Grid.ColumnSpan="2"
                             Margin="10,0,10,0"
-                            FontFamily="{StaticResource Montserrat-Regular}"
+                            FontFamily="Montserrat-Regular"
                             FontSize="15"
                             HorizontalOptions="CenterAndExpand"
                             HorizontalTextAlignment="Center"
@@ -212,18 +198,34 @@
                     <Frame
                         Grid.Row="2"
                         Padding="0"
-                        BackgroundColor="{DynamicResource Gray-White}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
                         CornerRadius="{OnPlatform 20,
                                                   iOS=10}"
                         HasShadow="False" />
 
-                    <Button
-                        x:Name="SettingsIcon"
+                    <StackLayout
                         Grid.Row="1"
-                        Clicked="ShowSettings"
                         HorizontalOptions="EndAndExpand"
-                        Style="{StaticResource ActionBarSettingIconStyle}"
-                        VerticalOptions="Start" />
+                        Orientation="Horizontal"
+                        Spacing="0">
+                        <Button
+                            x:Name="CodeViewerIcon"
+                            Clicked="GotoCodeViewer"
+                            FontSize="18"
+                            Style="{StaticResource ActionBarSettingIconStyle}"
+                            Text="&#xe753;"
+                            VerticalOptions="Start"
+                            WidthRequest="35" />
+
+                        <Button
+                            x:Name="SettingsIcon"
+                            Clicked="ShowSettings"
+                            FontSize="18"
+                            Style="{StaticResource ActionBarSettingIconStyle}"
+                            VerticalOptions="Start" />
+                    </StackLayout>
+
+
 
                 </Grid>
             </ListView.Header>
@@ -251,17 +253,29 @@
                 Text="{StaticResource HomePageTitle}"
                 VerticalOptions="CenterAndExpand" />
 
-            <Button
+            <StackLayout
                 Grid.Row="1"
-                Clicked="ShowSettings"
-                HorizontalOptions="EndAndExpand"
-                Style="{StaticResource ActionBarSettingIconStyle}"
-                VerticalOptions="CenterAndExpand" />
+                HorizontalOptions="End"
+                Orientation="Horizontal"
+                Spacing="0">
+                <Button
+                    Clicked="GotoCodeViewer"
+                    FontSize="18"
+                    Style="{StaticResource ActionBarSettingIconStyle}"
+                    Text="&#xe753;"
+                    VerticalOptions="Start" />
+
+                <Button
+                    Clicked="ShowSettings"
+                    FontSize="18"
+                    Style="{StaticResource ActionBarSettingIconStyle}"
+                    VerticalOptions="CenterAndExpand" />
+            </StackLayout>
 
             <Frame
                 Grid.Row="2"
                 Padding="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 CornerRadius="{OnPlatform 20,
                                           iOS=10}"
                 HasShadow="False" />
diff --git a/EssentialUIKit/AppLayout/Views/HomePage.xaml.cs b/EssentialUIKit/AppLayout/Views/HomePage.xaml.cs
index 8252032b..f3162b0b 100644
--- a/EssentialUIKit/AppLayout/Views/HomePage.xaml.cs
+++ b/EssentialUIKit/AppLayout/Views/HomePage.xaml.cs
@@ -1,6 +1,7 @@
 using System;
 using EssentialUIKit.AppLayout.Controls;
 using EssentialUIKit.AppLayout.Models;
+using Xamarin.Essentials;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -24,9 +25,13 @@ public partial class HomePage
 
         private bool isNavigationInQueue;
 
-        private double actualHeaderX, actualHeaderY;
+        private double actualHeaderX;
 
-        private double headerDeltaX, headerDeltaY;
+        private double actualHeaderY;
+
+        private double headerDeltaX;
+
+        private double headerDeltaY;
 
         private double scrollDensity;
 
@@ -43,7 +48,7 @@ public partial class HomePage
         /// </summary>
         public HomePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
 
         #endregion
@@ -71,21 +76,22 @@ protected override void OnSizeAllocated(double width, double height)
 
             if (width < height)
             {
-                iOSSafeArea.Height = iOSSafeAreaTitle.Height = safeAreaHeight;
-                ListViewHeader.HeightRequest += safeAreaHeight;
-                DefaultActionBar.Height = DefaultActionBar.Height.Value + safeAreaHeight;
+                this.iOSSafeArea.Height = this.iOSSafeAreaTitle.Height = safeAreaHeight;
+                this.ListViewHeader.HeightRequest += safeAreaHeight;
+                this.DefaultActionBar.Height = this.DefaultActionBar.Height.Value + safeAreaHeight;
             }
             else
             {
-                iOSSafeArea.Height = iOSSafeAreaTitle.Height = 0;
-                ListViewHeader.HeightRequest = 275;
-                DefaultActionBar.Height = 60;
+                this.iOSSafeArea.Height = this.iOSSafeAreaTitle.Height = 0;
+                this.ListViewHeader.HeightRequest = 275;
+                this.DefaultActionBar.Height = 60;
             }
         }
 
         protected override void OnAppearing()
         {
             this.isNavigationInQueue = false;
+            this.SettingsView.UpdatePrimaryColorIndex();
             base.OnAppearing();
         }
 
@@ -104,9 +110,9 @@ private void ListView_OnScrollChanged(object sender, ScrollChangedEventArgs e)
         {
             if (!this.loaded)
             {
-                this.scrollDensity = Application.Current.MainPage.Width / listView.WidthInPixel;
-                this.actualHeaderX = HeaderText.X;
-                this.actualHeaderY = HeaderText.Y;
+                this.scrollDensity = Application.Current.MainPage.Width / this.listView.WidthInPixel;
+                this.actualHeaderX = this.HeaderText.X;
+                this.actualHeaderY = this.HeaderText.Y;
 
                 this.headerDeltaX = this.actualHeaderX - TranslatedHeaderX;
                 this.headerDeltaY = this.actualHeaderY - TranslatedHeaderY;
@@ -119,17 +125,18 @@ private void ListView_OnScrollChanged(object sender, ScrollChangedEventArgs e)
 
             if (scrollValue <= -215)
             {
-                ActionBar.IsVisible = true;
+                this.ActionBar.IsVisible = true;
             }
             else if (scrollValue > -215)
             {
-                Description.Opacity = factor;
-                HeaderImage.Opacity = factor;
-                HeaderText.TranslationX = this.headerDeltaX * (factor - 1);
-                HeaderText.TranslationY = (-1 * scrollValue) + (this.headerDeltaY * (factor - 1));
-                BrandName.Opacity = (scrollValue + 75) / 75;
-                ActionBar.IsVisible = false;
-                SettingsIcon.TranslationY = scrollValue * -1;
+                this.Description.Opacity = factor;
+                this.HeaderImage.Opacity = factor;
+                this.HeaderText.TranslationX = this.headerDeltaX * (factor - 1);
+                this.HeaderText.TranslationY = (-1 * scrollValue) + (this.headerDeltaY * (factor - 1));
+                this.BrandName.Opacity = (scrollValue + 75) / 75;
+                this.ActionBar.IsVisible = false;
+                this.SettingsIcon.TranslationY = scrollValue * -1;
+                this.CodeViewerIcon.TranslationY = scrollValue * -1;
             }
         }
 
@@ -141,12 +148,20 @@ private void ListView_OnSelectionChanged(object sender, SelectedItemChangedEvent
             }
 
             this.isNavigationInQueue = true;
-            Navigation.PushAsync(new TemplatePage(e.SelectedItem as Category));
+            this.Navigation.PushAsync(new TemplatePage(
+                e.SelectedItem as Category,
+                AppSettings.Instance.IsDarkTheme,
+                AppSettings.Instance.IsGridView));
         }
 
         private void ShowSettings(object sender, EventArgs e)
         {
-            SettingsView.Show();
+            this.SettingsView.Show();
+        }
+
+        private void GotoCodeViewer(object sender, EventArgs e)
+        {
+            Launcher.OpenAsync(new Uri("https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms"));
         }
 
         #endregion
diff --git a/EssentialUIKit/AppLayout/Views/SettingsView.xaml b/EssentialUIKit/AppLayout/Views/SettingsView.xaml
index 18b1c310..0cdf5032 100644
--- a/EssentialUIKit/AppLayout/Views/SettingsView.xaml
+++ b/EssentialUIKit/AppLayout/Views/SettingsView.xaml
@@ -1,98 +1,141 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="EssentialUIKit.AppLayout.Views.SettingsView"
-             IsVisible="False"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:segmentControl="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
+<ContentView
+    x:Class="EssentialUIKit.AppLayout.Views.SettingsView"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:segmentControl="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    IsVisible="False">
 
     <ContentView.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
+                <ResourceDictionary Source="AppLayoutStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </ContentView.Resources>
 
     <Grid>
-        <!--Semi transparent view-->
-        <BoxView x:Name="ShadowView"
-                 IsVisible="False" 
-                 BackgroundColor="Gray"
-                 Opacity="0.5">
+        <!--  Semi transparent view  -->
+        <BoxView
+            x:Name="ShadowView"
+            BackgroundColor="Gray"
+            IsVisible="False"
+            Opacity="0.5">
             <BoxView.GestureRecognizers>
-                <TapGestureRecognizer Tapped="CloseSettings"/>
+                <TapGestureRecognizer Tapped="CloseSettings" />
             </BoxView.GestureRecognizers>
         </BoxView>
 
-        <Grid x:Name="MainContent"
-              BackgroundColor="White"
-              TranslationY="300"
-              VerticalOptions="EndAndExpand"
-              Opacity="0">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="44" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="44" />
-            </Grid.RowDefinitions>
+        <Grid
+            x:Name="MainContent"
+            BackgroundColor="White"
+            Opacity="0"
+            RowDefinitions="8, 20, Auto, 44, Auto"
+            TranslationY="300"
+            VerticalOptions="EndAndExpand">
 
             <Frame
                 Grid.Row="0"
+                Margin="0,-14,0,0"
                 Padding="0"
                 BackgroundColor="White"
-                CornerRadius="20"
-                Margin="0,-20,0,0"
+                CornerRadius="14"
                 HasShadow="False" />
 
+            <StackLayout
+                Grid.Row="1"
+                Margin="0,-20,0,0"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <Label
+                    Margin="16,0,0,0"
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="16"
+                    HorizontalOptions="Start"
+                    Text="Settings"
+                    TextColor="#333942"
+                    VerticalOptions="Center" />
+
+                <!--  Close Icon  -->
+                <Button
+                    Margin="0"
+                    Clicked="Button_OnClicked"
+                    HorizontalOptions="EndAndExpand"
+                    FontSize="18"
+                    Style="{StaticResource CloseIconStyle}"
+                    VerticalOptions="Center"
+                    WidthRequest="50" />
+
+            </StackLayout>
+
+            <Grid
+                Grid.Row="2"
+                Margin="24"
+                ColumnDefinitions="*, *">
+
+                <Button
+                    x:Name="lightTheme"
+                    BackgroundColor="{DynamicResource PrimaryColor}"
+                    Clicked="lightTheme_Clicked"
+                    CornerRadius="4"
+                    FontAttributes="None"
+                    FontFamily="Montserrat-Regular"
+                    FontSize="14"
+                    HeightRequest="44"
+                    Text="Light Theme"
+                    TextColor="{DynamicResource Gray-White}"
+                    WidthRequest="164" />
+                <Button
+                    x:Name="darkTheme"
+                    Grid.Column="1"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    Clicked="darkTheme_Clicked"
+                    CornerRadius="4"
+                    FontAttributes="None"
+                    FontFamily="Montserrat-Regular"
+                    FontSize="14"
+                    HeightRequest="44"
+                    Text="Dark Theme"
+                    TextColor="{DynamicResource Gray-900}"
+                    WidthRequest="164" />
+            </Grid>
+
+
             <Label
-                Text="Pick Your Color"
-                TextColor="#333942"
-                FontSize="16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                Grid.Row="0"
+                Grid.Row="3"
                 Margin="16,7,0,0"
-                HorizontalOptions="Start" />
+                FontFamily="Montserrat-Regular"
+                FontSize="14"
+                HorizontalOptions="Start"
+                Text="Pick Your Color"
+                TextColor="#333942" />
 
-            <!--Close Icon-->
-            <Button
-                Grid.Row="0"
-                Style="{StaticResource CloseIconStyle}"
-                Margin="0,-5,0,0"
-                Clicked="Button_OnClicked"
-                HorizontalOptions="EndAndExpand"
-                WidthRequest="50"/>
-
-            <segmentControl:SfSegmentedControl 
-                Grid.Row="1" 
-                x:Name="PrimaryColorsView" 
-                CornerRadius="0" 
-                SegmentHeight="40" 
-                SegmentWidth="40" 
-                Margin="10"
-                Color="Transparent"
+            <segmentControl:SfSegmentedControl
+                x:Name="PrimaryColorsView"
+                Grid.Row="4"
+                Margin="10,0,10,10"
+                BorderThickness="0"
+                CornerRadius="0"
+                HorizontalOptions="CenterAndExpand"
                 SegmentBorderThickness="0"
+                SegmentHeight="40"
                 SegmentPadding="14"
-                HorizontalOptions="CenterAndExpand"
-                BorderThickness="0"
-                SelectionAnimationDuration="0">
+                SegmentWidth="40"
+                SelectionAnimationDuration="0"
+                SelectionChanged="PrimaryColors_SelectionChanged"
+                Color="Transparent">
 
                 <segmentControl:SfSegmentedControl.SelectionIndicatorSettings>
                     <segmentControl:SelectionIndicatorSettings
-                        Color="#f54e5e"
+                        CornerRadius="20"
                         Position="Border"
-                        CornerRadius="20"/>
+                        Color="{DynamicResource PrimaryColor}" />
                 </segmentControl:SfSegmentedControl.SelectionIndicatorSettings>
 
             </segmentControl:SfSegmentedControl>
 
-            <!--TODO:Apply gradient color-->
-            <buttons:SfButton
-                Text="APPLY"
-                Clicked="ApplySettings"
-                Grid.Row="2"
-                Style="{StaticResource SfGradientButtonStyle}"/>
-
         </Grid>
     </Grid>
-</ContentView>
\ No newline at end of file
+</ContentView>
diff --git a/EssentialUIKit/AppLayout/Views/SettingsView.xaml.cs b/EssentialUIKit/AppLayout/Views/SettingsView.xaml.cs
index d42dc8f3..57d8797f 100644
--- a/EssentialUIKit/AppLayout/Views/SettingsView.xaml.cs
+++ b/EssentialUIKit/AppLayout/Views/SettingsView.xaml.cs
@@ -1,6 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
+using EssentialUIKit.AppLayout.ViewModels;
 using Syncfusion.XForms.Border;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -8,22 +9,27 @@
 
 namespace EssentialUIKit.AppLayout.Views
 {
+    /// <summary>
+    /// UITemplate settings view.
+    /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class SettingsView
     {
+        private object pageBindingContext;
+
         public SettingsView()
         {
-            InitializeComponent();
-            BindingContext = AppSettings.Instance;
-            
+            this.InitializeComponent();
+            this.BindingContext = AppSettings.Instance;
+
             var colors = new List<Color>
             {
                 Color.FromHex("#f54e5e"),
                 Color.FromHex("#2f72e4"),
                 Color.FromHex("#5d4cf7"),
                 Color.FromHex("#06846a"),
-                Color.FromHex("#d54008")
+                Color.FromHex("#d54008"),
             };
 
             var viewCollection = new ObservableCollection<View>();
@@ -33,48 +39,60 @@ public SettingsView()
                 var grid = new Grid();
                 var border = new SfBorder
                 {
-                    Margin = new Thickness(3),
+                    Margin = new Thickness(4),
                     HorizontalOptions = LayoutOptions.Center,
                     CornerRadius = 22,
-                    BorderWidth = 0,
-                    Content = new BoxView { Color = color }
+                    BorderColor = color,
+                    Content = new BoxView { Color = color },
                 };
                 grid.Children.Add(border);
                 viewCollection.Add(grid);
             }
 
-            PrimaryColorsView.ItemsSource = viewCollection;
-            PrimaryColorsView.SelectedIndex = AppSettings.Instance.SelectedPrimaryColor;
-            PrimaryColorsView.SelectionChanged += (sender, e) =>
+            this.PrimaryColorsView.ItemsSource = viewCollection;
+            this.UpdatePrimaryColorIndex();
+            this.UpdatePrimaryColor();
+            this.PrimaryColorsView.SelectionChanged += (sender, e) =>
             {
-                PrimaryColorsView.SelectionIndicatorSettings.Color = colors[e.Index];
+                this.PrimaryColorsView.SelectionIndicatorSettings.Color = colors[e.Index];
+                AppSettings.Instance.SelectedPrimaryColor = this.PrimaryColorsView.SelectedIndex;
             };
         }
-        
+
         public void Show()
         {
-            IsVisible = true;
-            MainContent.FadeTo(1);
-            MainContent.TranslateTo(MainContent.TranslationX, 0);
-            ShadowView.IsVisible = true;
+            this.ShowSettingsPage();
+        }
+
+        public void Show(object obj)
+        {
+            this.pageBindingContext = obj;
+            this.ShowSettingsPage();
         }
 
         public void Hide()
         {
-            ShadowView.IsVisible = false;
-            var fadeAnimation = new Animation(v => MainContent.Opacity = v, 1, 0);
-            var translateAnimation = new Animation(v => MainContent.TranslationY = v, 0, MainContent.Height, null, () => { IsVisible = false; });
+            this.ShadowView.IsVisible = false;
+            var fadeAnimation = new Animation(v => this.MainContent.Opacity = v, 1, 0);
+            var translateAnimation = new Animation(v => this.MainContent.TranslationY = v, 0, this.MainContent.Height, null, () => { this.IsVisible = false; });
 
             var parentAnimation = new Animation { { 0.5, 1, fadeAnimation }, { 0, 1, translateAnimation } };
             parentAnimation.Commit(this, "HideSettings");
         }
 
-        private void ApplySettings(object sender, EventArgs e)
+        public void UpdatePrimaryColorIndex()
         {
-            AppSettings.Instance.SelectedPrimaryColor = PrimaryColorsView.SelectedIndex;
-            this.Hide();
+            this.PrimaryColorsView.SelectedIndex = AppSettings.Instance.SelectedPrimaryColor;
         }
-        
+
+        private void ShowSettingsPage()
+        {
+            this.IsVisible = true;
+            this.MainContent.FadeTo(1);
+            this.MainContent.TranslateTo(this.MainContent.TranslationX, 0);
+            this.ShadowView.IsVisible = true;
+        }
+
         private void Button_OnClicked(object sender, EventArgs e)
         {
             this.Hide();
@@ -84,5 +102,55 @@ private void CloseSettings(object sender, EventArgs e)
         {
             this.Hide();
         }
+
+        private void lightTheme_Clicked(object sender, EventArgs e)
+        {
+            if (this.pageBindingContext != null)
+            {
+                (this.pageBindingContext as TemplatePageViewModel).IsDarkTheme = false;
+            }
+
+            Application.Current.Resources.ApplyLightTheme();
+            this.PrimaryColorsView.SelectedIndex = 0;
+            this.UpdatePrimaryColor();
+        }
+
+        private void darkTheme_Clicked(object sender, EventArgs e)
+        {
+            if (this.pageBindingContext != null)
+            {
+                (this.pageBindingContext as TemplatePageViewModel).IsDarkTheme = true;
+            }
+
+            Application.Current.Resources.ApplyDarkTheme();
+            this.PrimaryColorsView.SelectedIndex = 1;
+            this.UpdatePrimaryColor();
+        }
+
+        private void PrimaryColors_SelectionChanged(object sender, Syncfusion.XForms.Buttons.SelectionChangedEventArgs e)
+        {
+            AppSettings.Instance.SelectedPrimaryColor = this.PrimaryColorsView.SelectedIndex;
+            this.UpdatePrimaryColor();
+        }
+
+        private void UpdatePrimaryColor()
+        {
+            Application.Current.Resources.TryGetValue("PrimaryColor", out var primaryColor);
+            Application.Current.Resources.TryGetValue("Gray-White", out var grayWhite);
+            if (AppSettings.Instance.IsDarkTheme == false)
+            {
+                this.lightTheme.BackgroundColor = (Color)primaryColor;
+                this.lightTheme.TextColor = (Color)grayWhite;
+                this.darkTheme.BackgroundColor = Color.LightGray;
+                this.darkTheme.TextColor = Color.Black;
+            }
+            else
+            {
+                this.lightTheme.BackgroundColor = Color.LightGray;
+                this.lightTheme.TextColor = Color.Black;
+                this.darkTheme.BackgroundColor = (Color)primaryColor;
+                this.darkTheme.TextColor = (Color)grayWhite;
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml b/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml
index d9c27110..08d28d1d 100644
--- a/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml
+++ b/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml
@@ -1,26 +1,27 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:controls="clr-namespace:EssentialUIKit.AppLayout.Controls;assembly=EssentialUIKit"
-             xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             Style="{StaticResource ContentPageStyle}"
-             NavigationPage.HasBackButton="True"
-             x:Class="EssentialUIKit.AppLayout.Views.TemplateHostPage">
+<ContentPage
+    x:Class="EssentialUIKit.AppLayout.Views.TemplateHostPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.AppLayout.Controls;assembly=EssentialUIKit"
+    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    NavigationPage.HasBackButton="True"
+    Style="{StaticResource ContentPageStyle}">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
+                <ResourceDictionary Source="AppLayoutStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
-            
-            <Style  TargetType="graphics:SfGradientView" >
+
+            <Style TargetType="graphics:SfGradientView">
                 <Setter Property="BackgroundBrush">
                     <Setter.Value>
                         <graphics:SfLinearGradientBrush>
                             <graphics:SfLinearGradientBrush.GradientStops>
-                                <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}"/>
-                                <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}"/>
+                                <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
+                                <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
                             </graphics:SfLinearGradientBrush.GradientStops>
                         </graphics:SfLinearGradientBrush>
                     </Setter.Value>
@@ -31,40 +32,41 @@
 
     <Grid RowSpacing="0">
         <Grid.RowDefinitions>
-            <RowDefinition Height="0" x:Name="iOSSafeArea"/>
-            <RowDefinition Height="55"/>
-            <RowDefinition Height="10"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition/>
+            <RowDefinition x:Name="iOSSafeArea" Height="0" />
+            <RowDefinition Height="55" />
+            <RowDefinition Height="10" />
+            <RowDefinition Height="Auto" />
+            <RowDefinition />
         </Grid.RowDefinitions>
 
-        <graphics:SfGradientView Grid.RowSpan="3"/>
+        <graphics:SfGradientView Grid.RowSpan="3" IsVisible="False" />
 
         <StackLayout
             x:Name="ActionBarContent"
-            Orientation="Horizontal"
             Grid.Row="1"
-            VerticalOptions="FillAndExpand"
-            HorizontalOptions="FillAndExpand">
+            HorizontalOptions="FillAndExpand"
+            IsVisible="False"
+            Orientation="Horizontal"
+            VerticalOptions="FillAndExpand">
 
-            <Button
-                Style="{StaticResource ActionBarBackButtonStyle}"
-                Clicked="BackButtonPressed"/>
+            <Button Clicked="BackButtonPressed" Style="{StaticResource ActionBarBackButtonStyle}" />
 
-            <Label x:Name="Title"
-                   Margin="-10,0,0,0"
-                   Style="{StaticResource ActionBarLabelStyle}"
-                   HorizontalOptions="StartAndExpand"
-                   VerticalOptions="CenterAndExpand" />
+            <Label
+                x:Name="TitleView"
+                Margin="-10,0,0,0"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource ActionBarLabelStyle}"
+                VerticalOptions="CenterAndExpand" />
         </StackLayout>
 
-        <border:SfBorder Grid.Row="2" Grid.RowSpan="2" 
-                         VerticalOptions="FillAndExpand"
-                         x:Name="HostViewContainer"
-                         BorderWidth="0"
-                         CornerRadius="10,10,0,0">
+        <border:SfBorder
+            x:Name="HostViewContainer"
+            Grid.Row="1"
+            Grid.RowSpan="4"
+            BorderWidth="0"
+            VerticalOptions="FillAndExpand">
             <!--<ScrollView x:Name="MainScrollView" >-->
-                <controls:TemplateHostView x:Name="TemplateHostView"/>
+            <controls:TemplateHostView x:Name="TemplateHostView" />
             <!--</ScrollView>-->
         </border:SfBorder>
     </Grid>
diff --git a/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml.cs b/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml.cs
index ec047d5c..47d3eacc 100644
--- a/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml.cs
+++ b/EssentialUIKit/AppLayout/Views/TemplateHostPage.xaml.cs
@@ -25,13 +25,15 @@ public partial class TemplateHostPage
         /// </summary>
         public TemplateHostPage(Template selectedTemplate)
         {
-            InitializeComponent();
-            TemplateHostView.HeightRequest = HostViewContainer.HeightRequest = Application.Current.MainPage.Height - 55;
-            TemplateHostView.WidthRequest = HostViewContainer.WidthRequest = Application.Current.MainPage.Width;
+            this.InitializeComponent();
+            this.TemplateHostView.HeightRequest = this.HostViewContainer.HeightRequest = Application.Current.MainPage.Height - 55;
+            this.TemplateHostView.WidthRequest = this.HostViewContainer.WidthRequest = Application.Current.MainPage.Width;
 
-            Title.Text = selectedTemplate.Name;
-
-            this.LoadPage(selectedTemplate.PageName);
+            if (selectedTemplate != null)
+            {
+                this.TitleView.Text = selectedTemplate.Name;
+                this.LoadPage(selectedTemplate.PageName);
+            }
         }
 
         #endregion
@@ -53,16 +55,16 @@ protected override void OnSizeAllocated(double width, double height)
 
                     if (width < height)
                     {
-                        iOSSafeArea.Height = safeAreaHeight;
+                        this.iOSSafeArea.Height = safeAreaHeight;
                     }
                     else
                     {
-                        iOSSafeArea.Height = 0;
+                        this.iOSSafeArea.Height = 0;
                     }
 
                     if (Device.RuntimePlatform == "iOS")
                     {
-                        (TemplateHostView.Template as NavigationPage).CurrentPage.Layout(new Rectangle(0, 0, width, height - safeAreaHeight));
+                        (this.TemplateHostView.Template as NavigationPage).CurrentPage.Layout(new Rectangle(0, 0, width, height - safeAreaHeight));
                     }
                 }
             }
@@ -74,12 +76,12 @@ private void LoadPage(string pageURL)
 
             var page = (Page)Activator.CreateInstance(assembly.GetType($"EssentialUIKit.{pageURL}"));
 
-            TemplateHostView.Template = new NavigationPage(page);
+            this.TemplateHostView.Template = new NavigationPage(page);
         }
 
         private void BackButtonPressed(object sender, EventArgs e)
         {
-            Navigation.PopAsync(true);
+            this.Navigation.PopAsync(true);
         }
 
         #endregion
diff --git a/EssentialUIKit/AppLayout/Views/TemplatePage.xaml b/EssentialUIKit/AppLayout/Views/TemplatePage.xaml
index 2c012f6c..a68e173c 100644
--- a/EssentialUIKit/AppLayout/Views/TemplatePage.xaml
+++ b/EssentialUIKit/AppLayout/Views/TemplatePage.xaml
@@ -3,20 +3,27 @@
     x:Class="EssentialUIKit.AppLayout.Views.TemplatePage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:Listview="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.AppLayout.Controls;assembly=EssentialUIKit"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:viewModels="clr-namespace:EssentialUIKit.AppLayout.ViewModels;assembly=EssentialUIKit"
     xmlns:views="clr-namespace:EssentialUIKit.AppLayout.Views;assembly=EssentialUIKit"
     Title="{Binding SelectedCategory.Name}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     Style="{StaticResource ContentPageStyle}">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
+                <ResourceDictionary Source="AppLayoutStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
 
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+
             <Style TargetType="graphics:SfGradientView">
                 <Setter Property="BackgroundBrush">
                     <Setter.Value>
@@ -33,7 +40,7 @@
     </ContentPage.Resources>
 
     <ContentPage.BindingContext>
-        <viewModels:TemplatePageViewModel />
+        <viewModels:TemplatePageViewModel x:Name="templatePageViewModel" />
     </ContentPage.BindingContext>
 
     <Grid>
@@ -51,6 +58,7 @@
             Grid.Row="1"
             HorizontalOptions="FillAndExpand"
             Orientation="Horizontal"
+            Spacing="0"
             VerticalOptions="FillAndExpand">
 
             <Button Clicked="BackButtonPressed" Style="{StaticResource ActionBarBackButtonStyle}" />
@@ -62,9 +70,27 @@
                 Text="{Binding SelectedCategory.Name}"
                 VerticalOptions="CenterAndExpand" />
 
+            <Button
+                x:Name="GridIcon"
+                Clicked="GridIcon_Clicked"
+                FontSize="18"
+                Style="{StaticResource ActionBarSettingIconStyle}"
+                Text="&#xe733;"
+                VerticalOptions="CenterAndExpand"
+                WidthRequest="35" />
+            <Button
+                Clicked="GotoCodeViewer"
+                FontSize="18"
+                HorizontalOptions="End"
+                Style="{StaticResource ActionBarSettingIconStyle}"
+                Text="&#xe753;"
+                VerticalOptions="CenterAndExpand"
+                WidthRequest="35" />
+
             <Button
                 Clicked="ShowSettings"
-                HorizontalOptions="EndAndExpand"
+                HorizontalOptions="End"
+                FontSize="18"
                 Style="{StaticResource ActionBarSettingIconStyle}"
                 VerticalOptions="CenterAndExpand" />
         </StackLayout>
@@ -73,60 +99,96 @@
             Grid.Row="2"
             Grid.RowSpan="2"
             Padding="0,10,0,0"
-            BackgroundColor="{DynamicResource Gray-White}"
+            BackgroundColor="{DynamicResource Gray-Bg}"
             BorderWidth="0"
             CornerRadius="10,10,0,0">
 
-            <controls:ParallaxListView
+            <Listview:SfListView
                 x:Name="ListView"
-                HasUnevenRows="True"
+                Margin="8,0"
+                AutoFitMode="DynamicHeight"
+                BackgroundColor="Transparent"
+                ItemSize="10"
+                ListViewCachingStrategy="RecycleTemplate"
                 ItemsSource="{Binding SelectedCategory.Pages}"
-                RowHeight="96"
-                SelectionChanged="ListView_OnSelectionChanged"
-                SeparatorVisibility="None">
-                <ListView.ItemTemplate>
+                SelectionBackgroundColor="Transparent"
+                SelectionMode="Single">
+                <Listview:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <ViewCell>
-                            <Grid Margin="16" VerticalOptions="CenterAndExpand">
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="Auto" />
-                                    <RowDefinition Height="Auto" />
-                                </Grid.RowDefinitions>
-
-                                <StackLayout Orientation="Horizontal">
-
-                                    <Label Style="{StaticResource ItemTitleStyle}" VerticalOptions="StartAndExpand" />
-
-                                    <Frame
-                                        Margin="0"
-                                        Padding="0"
-                                        BackgroundColor="#04B875"
-                                        CornerRadius="10"
-                                        HasShadow="False"
-                                        IsVisible="{Binding IsUpdate}">
-                                        <Frame.Content>
-                                            <Label
-                                                Margin="5,1"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
-                                                FontSize="10"
-                                                Text="{Binding UpdateType}"
-                                                TextColor="{DynamicResource Gray-White}" />
-                                        </Frame.Content>
-                                    </Frame>
-                                </StackLayout>
-
-                                <Label
-                                    Grid.Row="1"
-                                    HorizontalOptions="StartAndExpand"
-                                    Style="{StaticResource ItemDescriptionStyle}"
-                                    VerticalOptions="StartAndExpand" />
-
+                        <syncEffectsView:SfEffectsView
+                            AnimationCompleted="SfEffectsView_AnimationCompleted"
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple">
+                            <Grid>
+                                <Grid
+                                    x:Name="itemsListView"
+                                    Margin="8,6"
+                                    IsVisible="{Binding IsItemsListView, Source={x:Reference templatePageViewModel}}"
+                                    RowDefinitions="Auto, Auto"
+                                    VerticalOptions="CenterAndExpand">
+
+                                    <StackLayout Orientation="Horizontal">
+
+                                        <Label Style="{StaticResource ItemTitleStyle}" VerticalOptions="StartAndExpand" />
+
+                                        <Frame
+                                            Margin="0"
+                                            Padding="0"
+                                            BackgroundColor="#04B875"
+                                            CornerRadius="10"
+                                            HasShadow="False"
+                                            IsVisible="{Binding IsUpdate}">
+                                            <Frame.Content>
+                                                <Label
+                                                    Margin="5,1"
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="10"
+                                                    Text="{Binding UpdateType}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                            </Frame.Content>
+                                        </Frame>
+                                    </StackLayout>
+
+                                    <Label
+                                        Grid.Row="1"
+                                        Margin="0,5,0,0"
+                                        HorizontalOptions="StartAndExpand"
+                                        LineBreakMode="TailTruncation"
+                                        MaxLines="2"
+                                        Style="{StaticResource ItemDescriptionStyle}"
+                                        VerticalOptions="StartAndExpand" />
+
+                                </Grid>
+
+                                <Grid
+                                    x:Name="ItemsGridView"
+                                    HorizontalOptions="CenterAndExpand"
+                                    IsVisible="{Binding IsItemsGridView, Source={x:Reference templatePageViewModel}}"
+                                    RowDefinitions="Auto">
+
+                                    <Image
+                                        Aspect="AspectFit"
+                                        HeightRequest="260"
+                                        HorizontalOptions="StartAndExpand"
+                                        IsVisible="{Binding IsDarkTheme, Source={x:Reference templatePageViewModel}, Converter={StaticResource InverseBoolConverter}}"
+                                        Style="{StaticResource TemplateImageStyle}"
+                                        VerticalOptions="CenterAndExpand"
+                                        WidthRequest="180" />
+                                    <Image
+                                        Aspect="AspectFit"
+                                        HeightRequest="260"
+                                        HorizontalOptions="StartAndExpand"
+                                        IsVisible="{Binding IsDarkTheme, Source={x:Reference templatePageViewModel}}"
+                                        Style="{StaticResource TemplateDarkImageStyle}"
+                                        VerticalOptions="CenterAndExpand"
+                                        WidthRequest="180" />
+                                </Grid>
                             </Grid>
-                        </ViewCell>
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
-                </ListView.ItemTemplate>
+                </Listview:SfListView.ItemTemplate>
 
-            </controls:ParallaxListView>
+            </Listview:SfListView>
 
         </border:SfBorder>
 
diff --git a/EssentialUIKit/AppLayout/Views/TemplatePage.xaml.cs b/EssentialUIKit/AppLayout/Views/TemplatePage.xaml.cs
index 296e6537..44b7715b 100644
--- a/EssentialUIKit/AppLayout/Views/TemplatePage.xaml.cs
+++ b/EssentialUIKit/AppLayout/Views/TemplatePage.xaml.cs
@@ -1,13 +1,18 @@
 using System;
-using System.Reflection;
 using EssentialUIKit.AppLayout.Models;
 using EssentialUIKit.AppLayout.ViewModels;
+using Syncfusion.ListView.XForms;
+using Syncfusion.XForms.EffectsView;
+using Xamarin.Essentials;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.AppLayout.Views
 {
+    /// <summary>
+    /// UITemplate template host page.
+    /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class TemplatePage
@@ -17,6 +22,7 @@ public partial class TemplatePage
         private double width;
         private double height;
         private bool isNavigationInQueue;
+        private Template selectedItem;
 
         #endregion
 
@@ -25,10 +31,13 @@ public partial class TemplatePage
         /// <summary>
         /// Initializes a new instance of the <see cref="TemplatePage" /> class.
         /// </summary>
-        public TemplatePage(Category selectedCategory)
+        public TemplatePage(Category selectedCategory, bool isDarkTheme, bool isGridView)
         {
-            InitializeComponent();
-            ((TemplatePageViewModel)BindingContext).SelectedCategory = selectedCategory;
+            this.InitializeComponent();
+            var bindingContext = (TemplatePageViewModel)this.BindingContext;
+            bindingContext.IsDarkTheme = isDarkTheme;
+            bindingContext.SelectedCategory = selectedCategory;
+            this.UpdateTemplatePageLayout(isGridView);
         }
 
         #endregion
@@ -39,22 +48,36 @@ protected override void OnSizeAllocated(double width, double height)
         {
             base.OnSizeAllocated(width, height);
 
-            if ((Device.RuntimePlatform == "iOS" || Device.RuntimePlatform == "Android") &&
-                AppSettings.Instance.IsSafeAreaEnabled)
+            if (width != this.width || height != this.height)
             {
-                if (width != this.width || height != this.height)
+                this.width = width;
+                this.height = height;
+                bool isItemsGridView = ((TemplatePageViewModel)this.BindingContext).IsItemsGridView;
+
+                if (width < height)
                 {
-                    var safeAreaHeight = AppSettings.Instance.SafeAreaHeight;
-                    this.width = width;
-                    this.height = height;
+                    if ((Device.RuntimePlatform == "iOS" || Device.RuntimePlatform == "Android")
+                        && AppSettings.Instance.IsSafeAreaEnabled)
+                    {
+                        this.iOSSafeArea.Height = AppSettings.Instance.SafeAreaHeight;
+                    }
 
-                    if (width < height)
+                    if (isItemsGridView && this.ListView.LayoutManager is GridLayout)
                     {
-                        iOSSafeArea.Height = safeAreaHeight;
+                        (this.ListView.LayoutManager as GridLayout).SpanCount = 2;
                     }
-                    else
+                }
+                else
+                {
+                    if ((Device.RuntimePlatform == "iOS" || Device.RuntimePlatform == "Android")
+                         && AppSettings.Instance.IsSafeAreaEnabled)
                     {
-                        iOSSafeArea.Height = 0;
+                        this.iOSSafeArea.Height = 0;
+                    }
+
+                    if (isItemsGridView && this.ListView.LayoutManager is GridLayout)
+                    {
+                        (this.ListView.LayoutManager as GridLayout).SpanCount = 4;
                     }
                 }
             }
@@ -62,15 +85,16 @@ protected override void OnSizeAllocated(double width, double height)
 
         protected override void OnAppearing()
         {
+            this.ListView.SelectedItem = null;
             this.isNavigationInQueue = false;
             base.OnAppearing();
         }
 
         protected override bool OnBackButtonPressed()
         {
-            if (SettingsView.IsVisible)
+            if (this.SettingsView.IsVisible)
             {
-                SettingsView.Hide();
+                this.SettingsView.Hide();
                 return true;
             }
 
@@ -79,25 +103,97 @@ protected override bool OnBackButtonPressed()
 
         private void ShowSettings(object sender, EventArgs e)
         {
-            SettingsView.Show();
+            this.SettingsView.Show(this.BindingContext);
         }
 
         private void BackButtonPressed(object sender, EventArgs e)
         {
-            Navigation.PopAsync(true);
+            this.Navigation.PopAsync(true);
         }
 
-        private void ListView_OnSelectionChanged(object sender, SelectedItemChangedEventArgs e)
+        private void GotoCodeViewer(object sender, EventArgs e)
         {
-            if (e.SelectedItem == null || this.isNavigationInQueue)
+            Launcher.OpenAsync(new Uri("https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms"));
+        }
+
+        #endregion
+
+        private void SfEffectsView_AnimationCompleted(object sender, EventArgs e)
+        {
+            var effectsView = sender as SfEffectsView;
+            this.selectedItem = effectsView.BindingContext as Template;
+            if (this.selectedItem == null || this.isNavigationInQueue)
             {
                 return;
             }
 
             this.isNavigationInQueue = true;
-            Navigation.PushAsync(new TemplateHostPage(e.SelectedItem as Template));
+            Page page = new TemplateHostPage(this.selectedItem as Template);
+            this.Navigation.PushAsync(page, true);
         }
 
-        #endregion
+        private void GridIcon_Clicked(object sender, EventArgs e)
+        {
+            if (this.GridIcon.Text == "\xe733")
+            {
+                this.UpdateTemplatePageLayout(true);
+            }
+            else
+            {
+                this.UpdateTemplatePageLayout(false);
+            }
+        }
+
+        private void UpdateTemplatePageLayout(bool isGridView)
+        {
+            if (isGridView)
+            {
+                this.GridIcon.Text = "\xe70d";
+                this.ListView.ItemSpacing = new Thickness(0);
+                ((TemplatePageViewModel)this.BindingContext).IsItemsGridView = true;
+                ((TemplatePageViewModel)this.BindingContext).IsItemsListView = false;
+
+                this.ListView.LayoutManager = new GridLayout() { SpanCount = 2 };
+
+                if (this.width < this.height)
+                {
+                    if (this.ListView.LayoutManager is GridLayout)
+                    {
+                        (this.ListView.LayoutManager as GridLayout).SpanCount = 2;
+                    }
+                    else
+                    {
+                        this.ListView.LayoutManager = new GridLayout() { SpanCount = 2 };
+                    }
+                }
+                else
+                {
+                    if (this.ListView.LayoutManager is GridLayout)
+                    {
+                        (this.ListView.LayoutManager as GridLayout).SpanCount = 4;
+                    }
+                    else
+                    {
+                        this.ListView.LayoutManager = new GridLayout() { SpanCount = 4 };
+                    }
+                }
+            }
+            else
+            {
+                this.GridIcon.Text = "\xe733";
+                this.ListView.ItemSpacing = new Thickness(0, 8, 0, 10);
+                ((TemplatePageViewModel)this.BindingContext).IsItemsGridView = false;
+                ((TemplatePageViewModel)this.BindingContext).IsItemsListView = true;
+
+                if (this.ListView.LayoutManager is GridLayout)
+                {
+                    (this.ListView.LayoutManager as GridLayout).SpanCount = 1;
+                }
+                else
+                {
+                    this.ListView.LayoutManager = new GridLayout() { SpanCount = 1 };
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Behaviors/BorderlessEntryCVVBehavior.cs b/EssentialUIKit/Behaviors/BorderlessEntryCVVBehavior.cs
index 60748101..ec99b08d 100644
--- a/EssentialUIKit/Behaviors/BorderlessEntryCVVBehavior.cs
+++ b/EssentialUIKit/Behaviors/BorderlessEntryCVVBehavior.cs
@@ -12,6 +12,16 @@ namespace EssentialUIKit.Behaviors
     [Preserve(AllMembers = true)]
     public class BorderlessEntryCVVBehavior : Behavior<BorderlessEntry>
     {
+        #region fields
+
+        /// <summary>
+        /// Gets or sets the IsValidProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty IsValidProperty =
+            BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(PaymentCardNumberEntryBehavior), true, BindingMode.TwoWay, null);
+
+        #endregion
+
         #region Properties
 
         /// <summary>
@@ -19,6 +29,22 @@ public class BorderlessEntryCVVBehavior : Behavior<BorderlessEntry>
         /// </summary>
         public BorderlessEntry BorderlessEntry { get; private set; }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return (bool)this.GetValue(IsValidProperty);
+            }
+
+            set
+            {
+                this.SetValue(IsValidProperty, value);
+            }
+        }
+
         #endregion
 
         #region Methods
@@ -29,10 +55,14 @@ public class BorderlessEntryCVVBehavior : Behavior<BorderlessEntry>
         /// <param name="borderlessEntry">The borderlessEntry</param>
         protected override void OnAttachedTo(BorderlessEntry borderlessEntry)
         {
-            base.OnAttachedTo(borderlessEntry);
-            this.BorderlessEntry = borderlessEntry;
-            borderlessEntry.BindingContextChanged += this.OnBindingContextChanged;
-            borderlessEntry.TextChanged += this.OnTextChanged;
+            if (borderlessEntry != null)
+            {
+                base.OnAttachedTo(borderlessEntry);
+                this.BorderlessEntry = borderlessEntry;
+                borderlessEntry.BindingContextChanged += this.OnBindingContextChanged;
+                borderlessEntry.TextChanged += this.OnTextChanged;
+                borderlessEntry.Focused += this.borderlessEntry_Focused;
+            }
         }
 
         /// <summary>
@@ -41,10 +71,14 @@ protected override void OnAttachedTo(BorderlessEntry borderlessEntry)
         /// <param name="borderlessEntry">The borderlessEntry</param>
         protected override void OnDetachingFrom(BorderlessEntry borderlessEntry)
         {
-            base.OnDetachingFrom(borderlessEntry);
-            borderlessEntry.BindingContextChanged -= this.OnBindingContextChanged;
-            borderlessEntry.TextChanged -= this.OnTextChanged;
-            this.BorderlessEntry = null;
+            if (borderlessEntry != null)
+            {
+                base.OnDetachingFrom(borderlessEntry);
+                borderlessEntry.BindingContextChanged -= this.OnBindingContextChanged;
+                borderlessEntry.TextChanged -= this.OnTextChanged;
+                borderlessEntry.Focused -= this.borderlessEntry_Focused;
+                this.BorderlessEntry = null;
+            }
         }
 
         /// <summary>
@@ -82,6 +116,11 @@ private void OnBindingContextChanged(object sender, EventArgs e)
             this.OnBindingContextChanged();
         }
 
+        private void borderlessEntry_Focused(object sender, FocusEventArgs e)
+        {
+            this.IsValid = true;
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/Behaviors/Catalog/CartBehavior.cs b/EssentialUIKit/Behaviors/Catalog/CartBehavior.cs
index c743daf1..f03fc3e0 100644
--- a/EssentialUIKit/Behaviors/Catalog/CartBehavior.cs
+++ b/EssentialUIKit/Behaviors/Catalog/CartBehavior.cs
@@ -24,19 +24,25 @@ public class CartBehavior : Behavior<ContentPage>
         /// <param name="bindableContentPage">Bindable ContentPage</param>
         protected override void OnAttachedTo(ContentPage bindableContentPage)
         {
-            base.OnAttachedTo(bindableContentPage);
-            this.bindablePage = bindableContentPage;
-            bindableContentPage.Appearing += this.Bindable_Appearing;
+            if (bindableContentPage != null)
+            {
+                base.OnAttachedTo(bindableContentPage);
+                this.bindablePage = bindableContentPage;
+                bindableContentPage.Appearing += this.Bindable_Appearing;
+            }
         }
-                
+
         /// <summary>
         /// Invoked when exit from the page.
         /// </summary>
         /// <param name="bindableContentPage">Content Page</param>
         protected override void OnDetachingFrom(ContentPage bindableContentPage)
         {
-            base.OnDetachingFrom(bindableContentPage);
-            bindableContentPage.Appearing -= this.Bindable_Appearing;
+            if (bindableContentPage != null)
+            {
+                base.OnDetachingFrom(bindableContentPage);
+                bindableContentPage.Appearing -= this.Bindable_Appearing;
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/Behaviors/Chat/ChatMessageListViewBehavior.cs b/EssentialUIKit/Behaviors/Chat/ChatMessageListViewBehavior.cs
index ba4e2fe5..287b7b03 100644
--- a/EssentialUIKit/Behaviors/Chat/ChatMessageListViewBehavior.cs
+++ b/EssentialUIKit/Behaviors/Chat/ChatMessageListViewBehavior.cs
@@ -27,10 +27,13 @@ public class ChatMessageListViewBehavior : Behavior<SfListView>
         /// <param name="bindable">The SfListView</param>
         protected override void OnAttachedTo(SfListView bindable)
         {
-            base.OnAttachedTo(bindable);
-            this.listView = bindable;
-            this.listView.Loaded += this.ListView_Loaded;
-            this.listView.DataSource.SourceCollectionChanged += this.DataSource_SourceCollectionChanged;
+            if (bindable != null)
+            {
+                base.OnAttachedTo(bindable);
+                this.listView = bindable;
+                this.listView.Loaded += this.ListView_Loaded;
+                this.listView.DataSource.SourceCollectionChanged += this.DataSource_SourceCollectionChanged;
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/Behaviors/Dashboard/SegmentedControlSelectionBehavior.cs b/EssentialUIKit/Behaviors/Dashboard/SegmentedControlSelectionBehavior.cs
index 7d74c690..ef80a8e8 100644
--- a/EssentialUIKit/Behaviors/Dashboard/SegmentedControlSelectionBehavior.cs
+++ b/EssentialUIKit/Behaviors/Dashboard/SegmentedControlSelectionBehavior.cs
@@ -38,7 +38,7 @@ public class SegmentedControlSelectionBehavior : Behavior<SfSegmentedControl>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
@@ -75,10 +75,13 @@ public object ParentBindingContext
         /// <param name="segmentedControl">Segmented Control</param>
         protected override void OnAttachedTo(SfSegmentedControl segmentedControl)
         {
-            base.OnAttachedTo(segmentedControl);
-            this.SegmentedControl = segmentedControl;
-            segmentedControl.BindingContextChanged += this.OnBindingContextChanged;
-            segmentedControl.SelectionChanged += this.OnSelectionChanged;
+            if (segmentedControl != null)
+            {
+                base.OnAttachedTo(segmentedControl);
+                this.SegmentedControl = segmentedControl;
+                segmentedControl.BindingContextChanged += this.OnBindingContextChanged;
+                segmentedControl.SelectionChanged += this.OnSelectionChanged;
+            }
         }
 
         /// <summary>
@@ -87,10 +90,13 @@ protected override void OnAttachedTo(SfSegmentedControl segmentedControl)
         /// <param name="segmentedControl">Segmented Control</param>
         protected override void OnDetachingFrom(SfSegmentedControl segmentedControl)
         {
-            base.OnDetachingFrom(segmentedControl);
-            segmentedControl.BindingContextChanged -= this.OnBindingContextChanged;
-            segmentedControl.SelectionChanged -= this.OnSelectionChanged;
-            this.SegmentedControl = null;
+            if (segmentedControl != null)
+            {
+                base.OnDetachingFrom(segmentedControl);
+                segmentedControl.BindingContextChanged -= this.OnBindingContextChanged;
+                segmentedControl.SelectionChanged -= this.OnSelectionChanged;
+                this.SegmentedControl = null;
+            }
         }
 
         /// <summary>
@@ -114,15 +120,15 @@ private void OnSelectionChanged(object sender, Syncfusion.XForms.Buttons.Selecti
                 return;
             }
 
-            var context = ParentBindingContext as StockOverviewViewModel;
-            if ( context != null )
+            var context = this.ParentBindingContext as StockOverviewViewModel;
+            if (context != null)
             {
                 context.SelectedDataVariantIndex = e.Index;
             }
 
-            if (this.Command.CanExecute(CommandParameter))
+            if (this.Command.CanExecute(this.CommandParameter))
             {
-                this.Command.Execute(CommandParameter);
+                this.Command.Execute(this.CommandParameter);
             }
         }
 
diff --git a/EssentialUIKit/Behaviors/Detail/CartBehavior.cs b/EssentialUIKit/Behaviors/Detail/CartBehavior.cs
index 0c91a102..e884a209 100644
--- a/EssentialUIKit/Behaviors/Detail/CartBehavior.cs
+++ b/EssentialUIKit/Behaviors/Detail/CartBehavior.cs
@@ -1,6 +1,4 @@
 using System;
-using System.Collections.Generic;
-using System.Text;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -26,29 +24,35 @@ public class CartBehavior : Behavior<ContentPage>
         /// <param name="bindableContentPage">Content Page</param>
         protected override void OnAttachedTo(ContentPage bindableContentPage)
         {
-            base.OnAttachedTo(bindableContentPage);
-            this.bindablePage = bindableContentPage;
-            bindableContentPage.Appearing += this.Bindable_Appearing;
+            if (bindableContentPage != null)
+            {
+                base.OnAttachedTo(bindableContentPage);
+                this.bindablePage = bindableContentPage;
+                bindableContentPage.Appearing += this.Bindable_Appearing;
+            }
         }
 
         /// <summary>
-        /// Invoked when appearing the page.
+        /// Invoked when exit from the page.
         /// </summary>
-        /// <param name="sender">Content Page</param>
-        /// <param name="e">Event Args</param>
-        private void Bindable_Appearing(object sender, EventArgs e)
+        /// <param name="bindableContentPage">Content Page</param>
+        protected override void OnDetachingFrom(ContentPage bindableContentPage)
         {
-           // Do something
+            if (bindableContentPage != null)
+            {
+                base.OnDetachingFrom(bindableContentPage);
+                bindableContentPage.Appearing -= this.Bindable_Appearing;
+            }
         }
 
         /// <summary>
-        /// Invoked when exit from the page.
+        /// Invoked when appearing the page.
         /// </summary>
-        /// <param name="bindableContentPage">Content Page</param>
-        protected override void OnDetachingFrom(ContentPage bindableContentPage)
+        /// <param name="sender">Content Page</param>
+        /// <param name="e">Event Args</param>
+        private void Bindable_Appearing(object sender, EventArgs e)
         {
-            base.OnDetachingFrom(bindableContentPage);
-            bindableContentPage.Appearing -= this.Bindable_Appearing;
+            // Do something
         }
 
         #endregion
diff --git a/EssentialUIKit/Behaviors/Detail/SelectedIndexBehavior.cs b/EssentialUIKit/Behaviors/Detail/SelectedIndexBehavior.cs
new file mode 100644
index 00000000..fffd1f9f
--- /dev/null
+++ b/EssentialUIKit/Behaviors/Detail/SelectedIndexBehavior.cs
@@ -0,0 +1,107 @@
+using System;
+using System.Windows.Input;
+using Syncfusion.XForms.ComboBox;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors
+{
+    /// <summary>
+    /// This class extends the behavior of the SfComboBox to invoke a command when an event occurs.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class SelectedIndexBehavior : Behavior<SfComboBox>
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the CommandProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty CommandProperty =
+            BindableProperty.Create(nameof(Command), typeof(ICommand), typeof(SelectedIndexBehavior));
+
+        /// <summary>
+        /// Gets or sets the Command.
+        /// </summary>
+        public ICommand Command
+        {
+            get { return (ICommand)this.GetValue(CommandProperty); }
+            set { this.SetValue(CommandProperty, value); }
+        }
+
+        public SfComboBox ComboBox { get; private set; }
+
+        #endregion
+
+        #region Method
+
+        /// <summary>
+        /// Invoked when adding SfComboBox to the view.
+        /// </summary>
+        /// <param name="comboBox">comboBox Control</param>
+        protected override void OnAttachedTo(SfComboBox comboBox)
+        {
+            if (comboBox != null)
+            {
+                base.OnAttachedTo(comboBox);
+                this.ComboBox = comboBox;
+                comboBox.BindingContextChanged += this.OnBindingContextChanged;
+                comboBox.SelectionChanged += this.ComboBox_SelectionChanged;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when exit from the view.
+        /// </summary>
+        /// <param name="comboBox">comboBox Control</param>
+        protected override void OnDetachingFrom(SfComboBox comboBox)
+        {
+            if (comboBox != null)
+            {
+                base.OnDetachingFrom(comboBox);
+                comboBox.BindingContextChanged -= this.OnBindingContextChanged;
+                comboBox.SelectionChanged -= this.ComboBox_SelectionChanged;
+                this.ComboBox = null;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when comboBox Control binding context is changed.
+        /// </summary>
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            this.BindingContext = this.ComboBox.BindingContext;
+        }
+
+        /// <summary>
+        /// Invoked when selection is changed.
+        /// </summary>
+        /// <param name="sender">The Sender</param>
+        /// <param name="e">Selection Changed Event Args</param>
+        private void ComboBox_SelectionChanged(object sender, Syncfusion.XForms.ComboBox.SelectionChangedEventArgs e)
+        {
+            if (this.Command == null)
+            {
+                return;
+            }
+
+            if (this.Command.CanExecute(e.Value))
+            {
+                this.Command.Execute(e.Value);
+            }
+        }
+
+        /// <summary>
+        /// Invoked when binding context is changed.
+        /// </summary>
+        /// <param name="sender">The Sender</param>
+        /// <param name="e">Event Args</param>
+        private void OnBindingContextChanged(object sender, EventArgs e)
+        {
+            this.OnBindingContextChanged();
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/ECommerce/ExpanderBehavior.cs b/EssentialUIKit/Behaviors/ECommerce/ExpanderBehavior.cs
deleted file mode 100644
index 6cd8abc3..00000000
--- a/EssentialUIKit/Behaviors/ECommerce/ExpanderBehavior.cs
+++ /dev/null
@@ -1,124 +0,0 @@
-using System;
-using System.Windows.Input;
-using Syncfusion.XForms.Expander;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Behaviors.ECommerce
-{
-    /// <summary>
-    /// This class extends the behavior of the Expander control to achieve event to command behavior.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class ExpanderBehavior : Behavior<SfExpander>
-    {
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the CommandProperty, and it is a bindable property.
-        /// </summary>
-        public static readonly BindableProperty CommandProperty =
-            BindableProperty.Create(nameof(Command), typeof(ICommand), typeof(ExpanderBehavior));
-
-        /// <summary>
-        /// Gets or sets the CommandParameterProperty, and it is a bindable property.
-        /// </summary>
-        public static readonly BindableProperty CommandParameterProperty =
-            BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(ExpanderBehavior));
-
-        /// <summary>
-        /// Gets or sets the Command.
-        /// </summary>
-        public ICommand Command
-        {
-            get { return (ICommand)GetValue(CommandProperty); }
-            set { this.SetValue(CommandProperty, value); }
-        }
-
-        /// <summary>
-        /// Gets or sets the CommandParameter.
-        /// </summary>
-        public object CommandParameter
-        {
-            get { return this.GetValue(CommandParameterProperty); }
-            set { this.SetValue(CommandParameterProperty, value); }
-        }
-
-        /// <summary>
-        /// Gets the Expander.
-        /// </summary>
-        public SfExpander Expander { get; private set; }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// Invoked when adding Expander to view.
-        /// </summary>
-        /// <param name="expander">The SfExpander</param>
-        protected override void OnAttachedTo(SfExpander expander)
-        {
-            base.OnAttachedTo(expander);
-            this.Expander = expander;
-            expander.BindingContextChanged += this.OnBindingContextChanged;
-            expander.Expanding += this.OnExpanding;
-        }
-
-        /// <summary>
-        /// Invoked when exit from the view.
-        /// </summary>
-        /// <param name="expander">The SfExpander</param>
-        protected override void OnDetachingFrom(SfExpander expander)
-        {
-            base.OnDetachingFrom(expander);
-            expander.BindingContextChanged -= this.OnBindingContextChanged;
-            expander.Expanding -= this.OnExpanding;
-            this.Expander = null;
-        }
-
-        /// <summary>
-        /// Invoked when expander binding context is changed.
-        /// </summary>
-        protected override void OnBindingContextChanged()
-        {
-            base.OnBindingContextChanged();
-            this.BindingContext = this.Expander.BindingContext;
-        }
-
-        /// <summary>
-        /// Invoked when expander is expanded.
-        /// </summary>
-        /// <param name="sender">The SfExpander</param>
-        /// <param name="e">The expanding and collapsing event args</param>
-        private void OnExpanding(object sender, ExpandingAndCollapsingEventArgs e)
-        {
-            if (this.Command == null)
-            {
-                return;
-            }
-
-            var parameter = new System.Collections.Generic.List<object>
-            {
-                ((SfExpander)sender).BindingContext, this.CommandParameter
-            };
-
-            if (this.Command.CanExecute(parameter))
-            {
-                this.Command.Execute(parameter);
-            }
-        }
-
-        /// <summary>
-        /// Invoked when expander binding context is changed.
-        /// </summary>
-        /// <param name="sender">The SfExpander</param>
-        /// <param name="e">The event args</param>
-        private void OnBindingContextChanged(object sender, EventArgs e)
-        {
-            this.OnBindingContextChanged();
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Behaviors/ECommerce/FrameTapBehavior.cs b/EssentialUIKit/Behaviors/ECommerce/FrameTapBehavior.cs
deleted file mode 100644
index 76bf54de..00000000
--- a/EssentialUIKit/Behaviors/ECommerce/FrameTapBehavior.cs
+++ /dev/null
@@ -1,78 +0,0 @@
-using System;
-using System.Threading.Tasks;
-using Xamarin.Forms;
-
-namespace EssentialUIKit.Behaviors.ECommerce
-{
-    /// <summary>
-    /// This class extends the behavior of the frame to invoke a command when an event occurs.
-    /// </summary>
-    public class FrameTapBehavior : Behavior<Frame>
-    {
-        #region Fields
-
-        private TapGestureRecognizer tapGestureRecognizer;
-
-        #endregion
-        
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the CommandParameterProperty, and it is a bindable property.
-        /// </summary>
-        public static readonly BindableProperty CommandParameterProperty =
-            BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(FrameTapBehavior));        
-
-        /// <summary>
-        /// Gets or sets the CommandParameter.
-        /// </summary>
-        public object CommandParameter
-        {
-            get { return this.GetValue(CommandParameterProperty); }
-            set { this.SetValue(CommandParameterProperty, value); }
-        }
-
-        #endregion
-                
-        #region Methods
-
-        /// <summary>
-        /// Invoked when added frame to the page.
-        /// </summary>
-        /// <param name="bindableFrame">The Frame</param>
-        protected override void OnAttachedTo(Frame bindableFrame)
-        {
-            base.OnAttachedTo(bindableFrame);
-            this.tapGestureRecognizer = new TapGestureRecognizer();
-            this.tapGestureRecognizer.Tapped += this.TapGestureRecognizer_Tapped;
-            bindableFrame.GestureRecognizers.Add(this.tapGestureRecognizer);
-        }
-
-        /// <summary>
-        /// Invoked when exit from the view
-        /// </summary>
-        /// <param name="bindableFrame">The Frame</param>
-        protected override void OnDetachingFrom(Frame bindableFrame)
-        {
-            base.OnDetachingFrom(bindableFrame);
-            this.tapGestureRecognizer.Tapped -= this.TapGestureRecognizer_Tapped;
-        }
-
-        /// <summary>
-        /// Invoked when frame is tapped.
-        /// </summary>
-        /// <param name="sender">The sender</param>
-        /// <param name="e">Event Args</param>
-        private async void TapGestureRecognizer_Tapped(object sender, EventArgs e)
-        {
-            Application.Current.Resources.TryGetValue("Gray-200", out var retVal);
-            ((Frame)sender).BackgroundColor = (Color)retVal;
-
-            await Task.Delay(100);
-
-            ((Frame)sender).BackgroundColor = Color.Transparent;
-        }        
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/Behaviors/EntryMaskedBehavior.cs b/EssentialUIKit/Behaviors/EntryMaskedBehavior.cs
new file mode 100644
index 00000000..e59dd309
--- /dev/null
+++ b/EssentialUIKit/Behaviors/EntryMaskedBehavior.cs
@@ -0,0 +1,143 @@
+using System.Collections.Generic;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors
+{
+    /// <summary>
+    /// This class extends the behavior of the EntryBehavior control to invoke a command when an event occurs.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class EntryMaskedBehavior : Behavior<Entry>
+    {
+        #region Fields
+
+        /// <summary>
+        /// Property used to bind mask for entry to validate the user input. 
+        /// </summary>
+        public static readonly BindableProperty MaskProperty =
+          BindableProperty.Create(nameof(Mask), typeof(string), typeof(EntryMaskedBehavior), string.Empty, BindingMode.Default, null, OnMaskChanged);
+
+        /// <summary>
+        /// Property used to set prefix text for entry field. 
+        /// </summary>
+        public static readonly BindableProperty PrefixProperty =
+          BindableProperty.Create(nameof(Prefix), typeof(string), typeof(EntryMaskedBehavior), string.Empty, BindingMode.Default, null, OnPrefixChanged);
+
+        private IDictionary<int, char> positions;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the mask format of the entry.
+        /// </summary>
+        public string Mask
+        {
+            get { return (string)this.GetValue(MaskProperty); }
+            set { this.SetValue(MaskProperty, value); }
+        }
+
+        public string Prefix
+        {
+            get { return (string)this.GetValue(PrefixProperty); }
+            set { this.SetValue(PrefixProperty, value); }
+        }
+
+        #endregion
+
+        #region Methods
+
+        protected override void OnAttachedTo(Entry entry)
+        {
+            if (entry != null)
+            {
+                entry.TextChanged += this.OnEntryTextChanged;
+                entry.Focused += this.OnEntryFocused;
+                base.OnAttachedTo(entry);
+            }
+        }
+
+        protected override void OnDetachingFrom(Entry entry)
+        {
+            if (entry != null)
+            {
+                entry.TextChanged -= this.OnEntryTextChanged;
+                entry.Focused -= this.OnEntryFocused;
+                base.OnDetachingFrom(entry);
+            }
+        }
+
+        private static void OnMaskChanged(BindableObject bindable, object oldValue, object newValue)
+        {
+            (bindable as EntryMaskedBehavior).SetPositions();
+        }
+
+        private static void OnPrefixChanged(BindableObject bindable, object oldValue, object newValue)
+        {
+        }
+
+        private void OnEntryFocused(object sender, FocusEventArgs e)
+        {
+            (sender as Entry).Text = this.Prefix;
+        }
+
+        private void SetPositions()
+        {
+            if (string.IsNullOrEmpty(this.Mask))
+            {
+                this.positions = null;
+                return;
+            }
+
+            var list = new Dictionary<int, char>();
+            for (var i = 0; i < this.Mask.Length; i++)
+            {
+                if (this.Mask[i] != 'X')
+                {
+                    list.Add(i, this.Mask[i]);
+                }
+            }
+
+            this.positions = list;
+        }
+
+        private void OnEntryTextChanged(object sender, TextChangedEventArgs args)
+        {
+            var entry = sender as Entry;
+
+            var text = entry.Text;
+
+            if (string.IsNullOrWhiteSpace(text) || this.positions == null)
+            {
+                return;
+            }
+
+            if (text.Length > this.Mask.Length)
+            {
+                entry.Text = text.Remove(text.Length - 1);
+                return;
+            }
+
+            foreach (var position in this.positions)
+            {
+                if (text.Length >= position.Key + 1)
+                {
+                    var value = position.Value.ToString();
+                    if (text.Substring(position.Key, 1) != value)
+                    {
+                        text = text.Insert(position.Key, value);
+                    }
+                }
+            }
+
+            if (entry.Text != text)
+            {
+                entry.Text = text;
+            }
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/ExpanderCommandBehavior.cs b/EssentialUIKit/Behaviors/ExpanderCommandBehavior.cs
index 94d2274f..1bd50495 100644
--- a/EssentialUIKit/Behaviors/ExpanderCommandBehavior.cs
+++ b/EssentialUIKit/Behaviors/ExpanderCommandBehavior.cs
@@ -37,7 +37,7 @@ public class ExpanderCommandBehavior : Behavior<SfExpander>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
@@ -74,25 +74,30 @@ public object ChildElement
         /// <param name="expander">Segmented Control</param>
         protected override void OnAttachedTo(SfExpander expander)
         {
-            base.OnAttachedTo(expander);
-            this.ExpanderControl = expander;
-            expander.BindingContextChanged += this.OnBindingContextChanged;
-            expander.Expanded += Expander_Expanded;
-            expander.Collapsed += Expander_Collapsed;
+            if (expander != null)
+            {
+                base.OnAttachedTo(expander);
+                this.ExpanderControl = expander;
+                expander.BindingContextChanged += this.OnBindingContextChanged;
+                expander.Expanded += this.Expander_Expanded;
+                expander.Collapsed += this.Expander_Collapsed;
+            }
         }
 
-
         /// <summary>
         /// Invoked when exit from the view.
         /// </summary>
         /// <param name="expander">Segmented Control</param>
         protected override void OnDetachingFrom(SfExpander expander)
         {
-            base.OnDetachingFrom(expander);
-            expander.BindingContextChanged -= this.OnBindingContextChanged;
-            expander.Expanded -= this.Expander_Expanded;
-            expander.Collapsed -= Expander_Collapsed;
-            this.ExpanderControl = null;
+            if (expander != null)
+            {
+                base.OnDetachingFrom(expander);
+                expander.BindingContextChanged -= this.OnBindingContextChanged;
+                expander.Expanded -= this.Expander_Expanded;
+                expander.Collapsed -= this.Expander_Collapsed;
+                this.ExpanderControl = null;
+            }
         }
 
         /// <summary>
@@ -110,6 +115,20 @@ protected override void OnBindingContextChanged()
             }
         }
 
+        /// <summary>
+        /// Set animation for header content.
+        /// </summary>
+        private static void SetAnimation(SfExpander expander)
+        {
+            var expanderHeader = (expander as SfExpander).Header as Grid;
+            if (expanderHeader != null && expanderHeader.Children != null && expanderHeader.Children.Count > 0)
+            {
+                var headerContent = expanderHeader.Children[0];
+                headerContent.ScaleTo(1.25, 350, Easing.Linear);
+                headerContent.TranslateTo(5, 0, 350, Easing.Linear);
+            }
+        }
+
         /// <summary>
         /// Invoked when selection is changed.
         /// </summary>
@@ -118,10 +137,10 @@ protected override void OnBindingContextChanged()
         private void Expander_Expanded(object sender, ExpandedAndCollapsedEventArgs e)
         {
             // Set default value for header content
-            SetDefaultValue();
+            this.SetDefaultValue();
 
             // Set animation for header content.
-            if(sender != null && sender is SfExpander)
+            if (sender != null && sender is SfExpander)
             {
                 SetAnimation(sender as SfExpander);
             }
@@ -131,23 +150,9 @@ private void Expander_Expanded(object sender, ExpandedAndCollapsedEventArgs e)
                 return;
             }
 
-            if (this.Command.CanExecute(CommandParameter))
+            if (this.Command.CanExecute(this.CommandParameter))
             {
-                this.Command.Execute(CommandParameter);
-            }
-        }
-
-        /// <summary>
-        /// Set animation for header content.
-        /// </summary>
-        private void SetAnimation(SfExpander expander)
-        {
-            var expanderHeader = (expander as SfExpander).Header as Grid;
-            if (expanderHeader != null && expanderHeader.Children != null && expanderHeader.Children.Count > 0)
-            {
-                var headerContent = expanderHeader.Children[0];
-                headerContent.ScaleTo(1.25, 350, Easing.Linear);
-                headerContent.TranslateTo(5, 0, 350, Easing.Linear);
+                this.Command.Execute(this.CommandParameter);
             }
         }
 
@@ -168,10 +173,10 @@ private void SetDefaultValue(SfExpander expander = null)
             }
             else
             {
-                if(this.ChildElement != null)
+                if (this.ChildElement != null)
                 {
                     var parentLayout = this.ChildElement as StackLayout;
-                    if (parentLayout != null && parentLayout.Children != null && parentLayout.Children.Count >0 && parentLayout.Children[0] is Frame)
+                    if (parentLayout != null && parentLayout.Children != null && parentLayout.Children.Count > 0 && parentLayout.Children[0] is Frame)
                     {
                         foreach (Frame frame in parentLayout.Children)
                         {
@@ -202,7 +207,7 @@ private void Expander_Collapsed(object sender, ExpandedAndCollapsedEventArgs e)
             // Set default value for header content after collapsed.
             if (sender != null && sender is SfExpander)
             {
-                SetDefaultValue(sender as SfExpander);
+                this.SetDefaultValue(sender as SfExpander);
             }
         }
 
diff --git a/EssentialUIKit/Behaviors/Forms/BehaviorBase.cs b/EssentialUIKit/Behaviors/Forms/BehaviorBase.cs
new file mode 100644
index 00000000..e16f6fc5
--- /dev/null
+++ b/EssentialUIKit/Behaviors/Forms/BehaviorBase.cs
@@ -0,0 +1,75 @@
+using System;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors.Forms
+{
+    /// <summary>
+    /// Base generic class for generalized user-defined behaviors that can respond to  arbitrary conditions and events.
+    /// </summary>
+    /// <typeparam name="T">Behavior base parameter</typeparam>
+    [Preserve(AllMembers = true)]
+    public class BehaviorBase<T> : Behavior<T>
+        where T : BindableObject
+    {
+        #region Properties
+        public T AssociatedObject
+        {
+            get;
+            private set;
+        }
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when adding Entry to the view.
+        /// </summary>
+        protected override void OnAttachedTo(T bindable)
+        {
+            base.OnAttachedTo(bindable);
+            this.AssociatedObject = bindable;
+            if (bindable?.BindingContext != null)
+            {
+                this.BindingContext = bindable.BindingContext;
+            }
+
+            bindable.BindingContextChanged += this.OnBindingContextChanged;
+        }
+
+        /// <summary>
+        /// Invoked when exit from the view.
+        /// </summary>
+        protected override void OnDetachingFrom(T bindable)
+        {
+            base.OnDetachingFrom(bindable);
+
+            if (bindable != null)
+            {
+                bindable.BindingContextChanged -= this.OnBindingContextChanged;
+                this.AssociatedObject = null;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when Entry binding context is changed.
+        /// </summary>
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            this.BindingContext = this.AssociatedObject.BindingContext;
+        }
+
+        /// <summary>
+        /// Invoked when BindingContext is changed
+        /// </summary>
+        /// <param name="sender">The Sender</param>
+        /// <param name="e">Event Args</param>
+        private void OnBindingContextChanged(object sender, EventArgs e)
+        {
+            this.OnBindingContextChanged();
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/Forms/CVVCalenderValidationBehavior.cs b/EssentialUIKit/Behaviors/Forms/CVVCalenderValidationBehavior.cs
new file mode 100644
index 00000000..d368ea64
--- /dev/null
+++ b/EssentialUIKit/Behaviors/Forms/CVVCalenderValidationBehavior.cs
@@ -0,0 +1,65 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors.Forms
+{
+    /// <summary>
+    /// This class extends the behavior of the date picker control to invoke a command when an event occurs.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class CVVCalenderValidationBehavior : BehaviorBase<DatePicker>
+    {
+        #region Fields
+
+        /// <summary>
+        /// Gets or sets the IsValidProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty IsValidProperty =
+            BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(EntryLineValidationBehaviour), true, BindingMode.TwoWay, null);
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return (bool)this.GetValue(IsValidProperty);
+            }
+
+            set
+            {
+                this.SetValue(IsValidProperty, value);
+            }
+        }
+
+        #endregion
+
+        #region Method
+
+        protected override void OnAttachedTo(BindableObject bindable)
+        {
+            base.OnAttachedTo(bindable);
+
+            this.AssociatedObject.Focused += this.AssociatedObject_Focused;
+        }
+
+        protected override void OnDetachingFrom(BindableObject bindable)
+        {
+            base.OnDetachingFrom(bindable);
+
+            this.AssociatedObject.Focused -= this.AssociatedObject_Focused;
+        }
+
+        private void AssociatedObject_Focused(object sender, FocusEventArgs e)
+        {
+            this.IsValid = true;
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/Forms/EntryLineValidationBehaviour.cs b/EssentialUIKit/Behaviors/Forms/EntryLineValidationBehaviour.cs
new file mode 100644
index 00000000..8e4635d3
--- /dev/null
+++ b/EssentialUIKit/Behaviors/Forms/EntryLineValidationBehaviour.cs
@@ -0,0 +1,67 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Behaviors.Forms
+{
+    /// <summary>
+    /// This class extends the behavior of the Entry control to invoke a command when an event occurs.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class EntryLineValidationBehaviour : BehaviorBase<Entry>
+    {
+        #region Fields
+
+        /// <summary>
+        /// Gets or sets the IsValidProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty IsValidProperty =
+            BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(EntryLineValidationBehaviour), true, BindingMode.TwoWay, null);
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return (bool)this.GetValue(IsValidProperty);
+            }
+
+            set
+            {
+                this.SetValue(IsValidProperty, value);
+            }
+        }
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// This method for store the place holder color value
+        /// </summary>
+        /// <param name="bindable">Bindable object</param>
+        protected override void OnAttachedTo(BindableObject bindable)
+        {
+            base.OnAttachedTo(bindable);
+
+            this.AssociatedObject.Focused += this.AssociatedObject_Focused;
+        }
+
+        protected override void OnDetachingFrom(BindableObject bindable)
+        {
+            base.OnDetachingFrom(bindable);
+            this.AssociatedObject.Focused -= this.AssociatedObject_Focused;
+        }
+
+        private void AssociatedObject_Focused(object sender, FocusEventArgs e)
+        {
+            this.IsValid = true;
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/ItemTemplateButtonBehavior.cs b/EssentialUIKit/Behaviors/ItemTemplateButtonBehavior.cs
index c07eb9a8..d43fdc14 100644
--- a/EssentialUIKit/Behaviors/ItemTemplateButtonBehavior.cs
+++ b/EssentialUIKit/Behaviors/ItemTemplateButtonBehavior.cs
@@ -1,11 +1,9 @@
-using EssentialUIKit.Models;
-using Syncfusion.ListView.XForms;
-using Syncfusion.XForms.Buttons;
-using System;
+using System;
 using System.Collections.Generic;
-using System.Text;
 using System.Threading.Tasks;
 using System.Windows.Input;
+using Syncfusion.ListView.XForms;
+using Syncfusion.XForms.Buttons;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -28,19 +26,19 @@ public class ItemTemplateButtonBehavior : Behavior<SfButton>
         /// <summary>
         /// Bindable property to set the CommandParameterProperty, and it is a bindable property..
         /// </summary>
-        public static BindableProperty CommandParameterProperty =
+        public static readonly BindableProperty CommandParameterProperty =
          BindableProperty.Create(nameof(CommandParameter), typeof(object), typeof(ItemTemplateButtonBehavior));
 
         /// <summary>
         /// Bindable property to set the ParentEelementProperty, and it is a bindable property..
         /// </summary>
-        public static BindableProperty ChildElementProperty =
+        public static readonly BindableProperty ChildElementProperty =
          BindableProperty.Create(nameof(ChildElement), typeof(object), typeof(ItemTemplateButtonBehavior));
 
         /// <summary>
         /// Bindable property to set the ChildEelementProperty, and it is a bindable property..
         /// </summary>
-        public static BindableProperty ParentElementProperty =
+        public static readonly BindableProperty ParentElementProperty =
          BindableProperty.Create(nameof(ParentElement), typeof(object), typeof(ItemTemplateButtonBehavior));
 
         /// <summary>
@@ -62,7 +60,7 @@ public class ItemTemplateButtonBehavior : Behavior<SfButton>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
@@ -71,7 +69,7 @@ public ICommand Command
         /// </summary>
         public object CommandParameter
         {
-            get { return GetValue(CommandParameterProperty); }
+            get { return this.GetValue(CommandParameterProperty); }
             set { this.SetValue(CommandParameterProperty, value); }
         }
 
@@ -80,7 +78,7 @@ public object CommandParameter
         /// </summary>
         public object ParentElement
         {
-            get { return GetValue(ParentElementProperty); }
+            get { return this.GetValue(ParentElementProperty); }
             set { this.SetValue(ParentElementProperty, value); }
         }
 
@@ -89,7 +87,7 @@ public object ParentElement
         /// </summary>
         public object ChildElement
         {
-            get { return GetValue(ChildElementProperty); }
+            get { return this.GetValue(ChildElementProperty); }
             set { this.SetValue(ChildElementProperty, value); }
         }
 
@@ -100,74 +98,85 @@ public object ChildElement
         /// <summary>
         /// Invoked when adding sfbutton to view.
         /// </summary>
-        /// <param name="comboBox">The ComboBox</param>
+        /// <param name="button">The button</param>
         protected override void OnAttachedTo(SfButton button)
         {
-            base.OnAttachedTo(button);
-            button.Clicked += Button_Clicked;
+            if (button != null)
+            {
+                base.OnAttachedTo(button);
+                button.Clicked += this.Button_Clicked;
+            }
         }
 
         /// <summary>
         /// Invoked when exit from the view.
         /// </summary>
-        /// <param name="comboBox">The comboBox</param>
+        /// <param name="button">The button</param>
         protected override void OnDetachingFrom(SfButton button)
         {
-            base.OnDetachingFrom(button);
-            button.Clicked -= Button_Clicked;
+            if (button != null)
+            {
+                base.OnDetachingFrom(button);
+                button.Clicked -= this.Button_Clicked;
+            }
         }
 
         /// <summary>
         /// Invoked when button is clicked.
         /// </summary>
-        /// <param name="comboBox">The comboBox</param>
+        /// <param name="sender">The sender</param>
         private async void Button_Clicked(object sender, EventArgs e)
         {
-            SfButton sfButton = sender as SfButton;
-           
+            SfButton button = sender as SfButton;
+
             // Animate the item when remove from list.
-            if (ParentElement != null && ChildElement != null)
+            if (this.ParentElement != null && this.ChildElement != null)
             {
                 StackLayout mainStack = null;
                 SfListView mainListview = null;
-                var selectedElement = ChildElement as Grid;
-                if (ParentElement is StackLayout)
+                var selectedElement = this.ChildElement as Grid;
+                if (this.ParentElement is StackLayout)
                 {
-                    mainStack = ParentElement as StackLayout; 
-                    selectedIndex = mainStack.Children.IndexOf(selectedElement);
-                    childrenCount = mainStack.Children.Count;
+                    mainStack = this.ParentElement as StackLayout;
+                    this.selectedIndex = mainStack.Children.IndexOf(selectedElement);
+                    this.childrenCount = mainStack.Children.Count;
                 }
-                else if (ParentElement is SfListView)
+                else if (this.ParentElement is SfListView)
                 {
-                    mainListview = ParentElement as SfListView;
-                    selectedIndex = mainListview.Children.IndexOf(selectedElement);
-                    childrenCount = mainListview.Children.Count;
+                    mainListview = this.ParentElement as SfListView;
+                    this.selectedIndex = mainListview.Children.IndexOf(selectedElement);
+                    this.childrenCount = mainListview.Children.Count;
                 }
+
                 if (mainStack != null || mainListview != null)
                 {
-                    await selectedElement.TranslateTo(-100, 0, 100);
-                    await selectedElement.FadeTo(0, 20);
+                    await selectedElement.TranslateTo(-100, 0, 200).ConfigureAwait(true);
+                    await selectedElement.FadeTo(0, 20).ConfigureAwait(true);
 
                     List<Task> animations = new List<Task>();
 
-                    for (int i = selectedIndex + 1; i < childrenCount; i++)
+                    for (int i = this.selectedIndex + 1; i < this.childrenCount; i++)
                     {
                         VisualElement elementToMove;
-                        elementToMove = mainStack == null? mainListview.Children[i] : mainStack.Children[i];
+                        elementToMove = mainStack == null ? mainListview.Children[i] : mainStack.Children[i];
                         var boundsToMoveTo = elementToMove.Bounds;
                         boundsToMoveTo.Top -= selectedElement.Height;
                         animations.Add(elementToMove.LayoutTo(boundsToMoveTo, 200, Easing.Linear));
                     }
-                    await selectedElement.FadeTo(0, 20);
-                    await Task.WhenAll(animations);
+
+                    await selectedElement.FadeTo(0, 20).ConfigureAwait(true);
+                    await Task.WhenAll(animations).ConfigureAwait(true);
                 }
             }
 
             if (this.Command == null)
+            {
                 return;
-            this.Command.Execute(sfButton.CommandParameter);
+            }
+
+            this.Command.Execute(button.CommandParameter);
         }
-        
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/Behaviors/Navigation/ContactsListViewBehavior.cs b/EssentialUIKit/Behaviors/Navigation/ContactsListViewBehavior.cs
index 22753ab1..8197d003 100644
--- a/EssentialUIKit/Behaviors/Navigation/ContactsListViewBehavior.cs
+++ b/EssentialUIKit/Behaviors/Navigation/ContactsListViewBehavior.cs
@@ -1,7 +1,7 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
+using System.Globalization;
 using Syncfusion.DataSource;
-using System.Globalization;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Behaviors.Navigation
 {
@@ -18,34 +18,36 @@ public class ContactsListViewBehavior : Behavior<Syncfusion.ListView.XForms.SfLi
         #endregion
 
         #region Overrides
+
         /// <summary>
         /// Invoked when adding the SfListView to view.
         /// </summary>
         /// <param name="bindable">The SfListView</param>
-
         protected override void OnAttachedTo(Syncfusion.ListView.XForms.SfListView bindable)
         {
-            listView = bindable;
-            listView.DataSource.GroupDescriptors.Add(new GroupDescriptor()
+            if (bindable != null)
             {
-                PropertyName = "Name",
-                KeySelector = (object obj1) =>
+                this.listView = bindable;
+                this.listView.DataSource.GroupDescriptors.Add(new GroupDescriptor()
                 {
-                    var item = (obj1 as Models.Navigation.Contact);
-                    return item.Name[0].ToString(CultureInfo.CurrentCulture);
-                },
-            });
-            base.OnAttachedTo(bindable);
+                    PropertyName = "Name",
+                    KeySelector = (object obj1) =>
+                    {
+                        var item = obj1 as Models.Navigation.Contact;
+                        return item.Name[0].ToString(CultureInfo.CurrentCulture);
+                    },
+                });
+                base.OnAttachedTo(bindable);
+            }
         }
 
         /// <summary>
         /// Invoked when the list view is detached. 
         /// </summary>
         /// <param name="bindable">The SfListView</param>
-
         protected override void OnDetachingFrom(Syncfusion.ListView.XForms.SfListView bindable)
         {
-            listView = null;
+            this.listView = null;
             base.OnDetachingFrom(bindable);
         }
 
diff --git a/EssentialUIKit/Behaviors/OnBoarding/SfRotatorBehavior.cs b/EssentialUIKit/Behaviors/OnBoarding/SfRotatorBehavior.cs
index 22348fb2..9f0f8f03 100644
--- a/EssentialUIKit/Behaviors/OnBoarding/SfRotatorBehavior.cs
+++ b/EssentialUIKit/Behaviors/OnBoarding/SfRotatorBehavior.cs
@@ -25,6 +25,31 @@ public class SfRotatorBehavior : Behavior<SfRotator>
 
         #region Methods
 
+        /// <summary>
+        /// Animation start to view.
+        /// </summary>
+        /// <param name="childElement">The Child Element</param>
+        /// <param name="item">The Item</param>
+        public static async void StartAnimation(List<View> childElement, Boarding item)
+        {
+            if (childElement != null && item != null)
+            {
+                var fadeAnimationImage = childElement[0].FadeTo(1, 250);
+                var fadeAnimationtaskTitleTime = childElement[1].FadeTo(1, 1000);
+                var translateAnimation = childElement[1].TranslateTo(0, 0, 500);
+                var scaleAnimationTitle = childElement[1].ScaleTo(1.5, 500, Easing.SinIn);
+                var fadeAnimationTaskDescriptionTime = childElement[2].FadeTo(1, 1000);
+                var translateDescriptionAnimation = childElement[2].TranslateTo(0, 0, 500);
+
+                var animation = new Animation();
+                var scaleDownAnimation = new Animation(v => childElement[0].Scale = v, 0.5, 1, Easing.SinIn);
+                animation.Add(0, 1, scaleDownAnimation);
+                animation.Commit((item as Boarding).RotatorView as ContentView, "animation", 16, 500);
+
+                await Task.WhenAll(fadeAnimationTaskDescriptionTime, fadeAnimationtaskTitleTime, translateAnimation, scaleAnimationTitle, translateDescriptionAnimation).ConfigureAwait(true);
+            }
+        }
+
         /// <summary>
         /// Invoke when initialize animate to view.
         /// </summary>
@@ -32,13 +57,16 @@ public class SfRotatorBehavior : Behavior<SfRotator>
         /// <param name="selectedIndex">Selected Index</param>
         public void Animation(SfRotator rotator, double selectedIndex)
         {
-            if ( rotator != null && rotator.ItemsSource != null && rotator.ItemsSource.Count() > 0 )
+            if (rotator != null && rotator.ItemsSource != null && rotator.ItemsSource.Any())
             {
                 int itemsCount = rotator.ItemsSource.Count();
-                int.TryParse(selectedIndex.ToString(CultureInfo.CurrentCulture), out int index);
+                if (int.TryParse(selectedIndex.ToString(CultureInfo.CurrentCulture), out int index))
+                {
+                    // Do Nothing
+                }
 
                 var viewModel = rotator.BindingContext as OnBoardingAnimationViewModel;
-                if ( selectedIndex == itemsCount - 1 )
+                if (selectedIndex == itemsCount - 1)
                 {
                     viewModel.NextButtonText = "DONE";
                     viewModel.IsSkipButtonVisible = false;
@@ -49,24 +77,24 @@ public void Animation(SfRotator rotator, double selectedIndex)
                     viewModel.IsSkipButtonVisible = true;
                 }
 
-                if ( Device.RuntimePlatform != Device.UWP )
+                if (Device.RuntimePlatform != Device.UWP)
                 {
-                    var items = ( rotator.ItemsSource as IEnumerable<object> ).ToList();
+                    var items = (rotator.ItemsSource as IEnumerable<object>).ToList();
 
                     // Start animation to selected view.
                     var currentItem = items[index];
-                    var childElement = ( ( ( currentItem as Boarding ).RotatorItem as ContentView ).Children[0] as StackLayout ).Children.ToList();
-                    if ( childElement != null && childElement.Count > 0 )
+                    var childElement = (((currentItem as Boarding).RotatorView as ContentView).Children[0] as StackLayout).Children.ToList();
+                    if (childElement != null && childElement.Count > 0)
                     {
-                        this.StartAnimation(childElement, currentItem as Boarding);
+                        StartAnimation(childElement, currentItem as Boarding);
                     }
 
                     // Set default value to previous view.
-                    if ( index != this.previousIndex )
+                    if (index != this.previousIndex)
                     {
                         var previousItem = items[this.previousIndex];
-                        var previousChildElement = ( ( ( previousItem as Boarding ).RotatorItem as ContentView ).Children[0] as StackLayout ).Children.ToList();
-                        if ( previousChildElement != null && previousChildElement.Count > 0 )
+                        var previousChildElement = (((previousItem as Boarding).RotatorView as ContentView).Children[0] as StackLayout).Children.ToList();
+                        if (previousChildElement != null && previousChildElement.Count > 0)
                         {
                             previousChildElement[0].FadeTo(0, 250);
                             previousChildElement[1].FadeTo(0, 250);
@@ -82,48 +110,32 @@ public void Animation(SfRotator rotator, double selectedIndex)
             }
         }
 
-        /// <summary>
-        /// Animation start to view.
-        /// </summary>
-        /// <param name="childElement">The Child Element</param>
-        /// <param name="item">The Item</param>
-        public async void StartAnimation(List<View> childElement, Boarding item)
-        {
-            var fadeAnimationImage = childElement[0].FadeTo(1, 250);
-            var fadeAnimationtaskTitleTime = childElement[1].FadeTo(1, 1000);
-            var translateAnimation = childElement[1].TranslateTo(0, 0, 500);
-            var scaleAnimationTitle = childElement[1].ScaleTo(1.5, 500, Easing.SinIn);
-            var fadeAnimationTaskDescriptionTime = childElement[2].FadeTo(1, 1000);
-            var translateDescriptionAnimation = childElement[2].TranslateTo(0, 0, 500);
-
-            var animation = new Animation();
-            var scaleDownAnimation = new Animation(v => childElement[0].Scale = v, 0.5, 1, Easing.SinIn);
-            animation.Add(0, 1, scaleDownAnimation);
-            animation.Commit((item as Boarding).RotatorItem as ContentView, "animation", 16, 500);
-
-            await Task.WhenAll(fadeAnimationTaskDescriptionTime, fadeAnimationtaskTitleTime, translateAnimation, scaleAnimationTitle, translateDescriptionAnimation);
-        }
-
         /// <summary>
         /// Invoke when adding rotator to view.
         /// </summary>
         /// <param name="rotator">The Rotator</param>
         protected override void OnAttachedTo(SfRotator rotator)
         {
-            base.OnAttachedTo(rotator);
-            rotator.SelectedIndexChanged += this.Rotator_SelectedIndexChanged;
-            rotator.BindingContextChanged += this.Rotator_BindingContextChanged;
+            if (rotator != null)
+            {
+                base.OnAttachedTo(rotator);
+                rotator.SelectedIndexChanged += this.Rotator_SelectedIndexChanged;
+                rotator.BindingContextChanged += this.Rotator_BindingContextChanged;
+            }
         }
 
         /// <summary>
         /// Invoke when exit from the view.
         /// </summary>
-        /// <param name="rotator"></param>
+        /// <param name="rotator">The Rotator</param>
         protected override void OnDetachingFrom(SfRotator rotator)
         {
-            base.OnDetachingFrom(rotator);
-            rotator.SelectedIndexChanged -= this.Rotator_SelectedIndexChanged;
-            rotator.BindingContextChanged -= this.Rotator_BindingContextChanged;
+            if (rotator != null)
+            {
+                base.OnDetachingFrom(rotator);
+                rotator.SelectedIndexChanged -= this.Rotator_SelectedIndexChanged;
+                rotator.BindingContextChanged -= this.Rotator_BindingContextChanged;
+            }
         }
 
         /// <summary>
@@ -133,7 +145,7 @@ protected override void OnDetachingFrom(SfRotator rotator)
         /// <param name="e">The event args</param>
         private void Rotator_BindingContextChanged(object sender, EventArgs e)
         {
-            Task.Delay(500).ContinueWith(t => this.Animation(sender as SfRotator, 0));
+            Task.Delay(500).ContinueWith(t => this.Animation(sender as SfRotator, 0), TaskScheduler.Current);
         }
 
         /// <summary>
@@ -145,7 +157,7 @@ private void Rotator_SelectedIndexChanged(object sender, SelectedIndexChangedEve
         {
             SfRotator rotator = sender as SfRotator;
             this.Animation(rotator, e.Index);
-        }        
+        }
     }
 
     #endregion
diff --git a/EssentialUIKit/Behaviors/PaymentCardNumberEntryBehavior.cs b/EssentialUIKit/Behaviors/PaymentCardNumberEntryBehavior.cs
index 8a3fe3b7..c9088034 100644
--- a/EssentialUIKit/Behaviors/PaymentCardNumberEntryBehavior.cs
+++ b/EssentialUIKit/Behaviors/PaymentCardNumberEntryBehavior.cs
@@ -11,6 +11,16 @@ namespace EssentialUIKit.Behaviors
     [Preserve(AllMembers = true)]
     public class PaymentCardNumberEntryBehavior : Behavior<BorderlessEntry>
     {
+        #region fields
+
+        /// <summary>
+        /// Gets or sets the IsValidProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty IsValidProperty =
+            BindableProperty.Create(nameof(IsValid), typeof(bool), typeof(PaymentCardNumberEntryBehavior), true, BindingMode.TwoWay, null);
+
+        #endregion
+
         #region Properties
 
         /// <summary>
@@ -18,6 +28,22 @@ public class PaymentCardNumberEntryBehavior : Behavior<BorderlessEntry>
         /// </summary>
         public BorderlessEntry BorderlessEntry { get; private set; }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return (bool)this.GetValue(IsValidProperty);
+            }
+
+            set
+            {
+                this.SetValue(IsValidProperty, value);
+            }
+        }
+
         #endregion
 
         #region Methods
@@ -28,10 +54,14 @@ public class PaymentCardNumberEntryBehavior : Behavior<BorderlessEntry>
         /// <param name="borderlessEntry">The borderlessEntry</param>
         protected override void OnAttachedTo(BorderlessEntry borderlessEntry)
         {
-            base.OnAttachedTo(borderlessEntry);
-            this.BorderlessEntry = borderlessEntry;
-            borderlessEntry.BindingContextChanged += this.OnBindingContextChanged;
-            borderlessEntry.TextChanged += this.OnTextChanged;
+            if (borderlessEntry != null)
+            {
+                base.OnAttachedTo(borderlessEntry);
+                this.BorderlessEntry = borderlessEntry;
+                borderlessEntry.BindingContextChanged += this.OnBindingContextChanged;
+                borderlessEntry.TextChanged += this.OnTextChanged;
+                borderlessEntry.Focused += this.borderlessEntry_Focused;
+            }
         }
 
         /// <summary>
@@ -40,10 +70,14 @@ protected override void OnAttachedTo(BorderlessEntry borderlessEntry)
         /// <param name="borderlessEntry">The borderlessEntry</param>
         protected override void OnDetachingFrom(BorderlessEntry borderlessEntry)
         {
-            base.OnDetachingFrom(borderlessEntry);
-            borderlessEntry.BindingContextChanged -= this.OnBindingContextChanged;
-            borderlessEntry.TextChanged -= this.OnTextChanged;
-            this.BorderlessEntry = null;
+            if (borderlessEntry != null)
+            {
+                base.OnDetachingFrom(borderlessEntry);
+                borderlessEntry.BindingContextChanged -= this.OnBindingContextChanged;
+                borderlessEntry.TextChanged -= this.OnTextChanged;
+                borderlessEntry.Focused -= this.borderlessEntry_Focused;
+                this.BorderlessEntry = null;
+            }
         }
 
         /// <summary>
@@ -88,6 +122,10 @@ private void OnBindingContextChanged(object sender, EventArgs e)
             this.OnBindingContextChanged();
         }
 
+        private void borderlessEntry_Focused(object sender, FocusEventArgs e)
+        {
+            this.IsValid = true;
+        }
         #endregion
     }
 }
diff --git a/EssentialUIKit/Behaviors/SearchbarAnimationBehavior.cs b/EssentialUIKit/Behaviors/SearchbarAnimationBehavior.cs
new file mode 100644
index 00000000..e44b0c1c
--- /dev/null
+++ b/EssentialUIKit/Behaviors/SearchbarAnimationBehavior.cs
@@ -0,0 +1,201 @@
+using System;
+using System.Collections.Generic;
+using Syncfusion.XForms.Border;
+using Syncfusion.XForms.Buttons;
+using Xamarin.Forms;
+
+namespace EssentialUIKit.Behaviors
+{
+    public enum AnimationType
+    {
+        /// <summary>
+        /// expand animation.
+        /// </summary>
+        expand,
+
+        /// <summary>
+        /// shrink animation.
+        /// </summary>
+        shrink,
+    }
+
+    public class SearchBarAnimationBehavior : Behavior<SfButton>
+    {
+        #region fileds
+
+        /// <summary>
+        /// Gets or sets the AnimationTypeProperty, and it is a bindable property.
+        /// </summary>
+        public static readonly BindableProperty AnimationTypeProperty =
+           BindableProperty.Create(nameof(AnimationType), typeof(AnimationType), typeof(SearchBarAnimationBehavior), AnimationType.expand);
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the Animation type.
+        /// </summary>
+        public AnimationType AnimationType
+        {
+            get { return (AnimationType)this.GetValue(AnimationTypeProperty); }
+            set { this.SetValue(AnimationTypeProperty, value); }
+        }
+
+        /// <summary>
+        /// Gets the sfButton.
+        /// </summary>
+        public SfButton SfButton { get; private set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when adding the sfbutton to view.
+        /// </summary>
+        /// <param name="button">The button</param>
+        protected override void OnAttachedTo(SfButton button)
+        {
+            if (button != null)
+            {
+                base.OnAttachedTo(button);
+                this.SfButton = button;
+                button.BindingContextChanged += this.OnBindingContextChanged;
+                button.Clicked += this.SfButton_Clicked;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when exit from the view.
+        /// </summary>
+        /// <param name="button">The button</param>
+        protected override void OnDetachingFrom(SfButton button)
+        {
+            if (button != null)
+            {
+                base.OnDetachingFrom(button);
+                button.BindingContextChanged -= this.OnBindingContextChanged;
+                button.Clicked -= this.SfButton_Clicked;
+                this.SfButton = null;
+            }
+        }
+
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            this.BindingContext = this.SfButton.BindingContext;
+        }
+
+        /// <summary>
+        /// Invoked when binding context is changed.
+        /// </summary>
+        /// <param name="sender">The sender</param>
+        /// <param name="e">The event args</param>
+        private void OnBindingContextChanged(object sender, EventArgs e)
+        {
+            this.OnBindingContextChanged();
+        }
+
+        /// <summary>
+        /// Invoked when button is clicked.
+        /// </summary>
+        /// <param name="sender">The borderlessEntry</param>
+        /// <param name="e">The Text Changed Event args</param>
+        private void SfButton_Clicked(object sender, EventArgs e)
+        {
+            var button = (SfButton)sender;
+
+            if (button != null)
+            {
+                if (this.AnimationType == AnimationType.expand)
+                {
+                    double opacity;
+
+                    var searchLayout = button.Parent as StackLayout;
+
+                    button.IsVisible = false;
+                    var children = searchLayout.Children;
+
+                    if (children != null)
+                    {
+                        StackLayout searchLayoutChildren = children[1] as StackLayout;
+                        searchLayoutChildren.IsVisible = true;
+
+                        StackLayout titleLayoutChildren = children[0] as StackLayout;
+                        titleLayoutChildren.IsVisible = false;
+
+                        var expandAnimation = new Animation(
+                        property =>
+                        {
+                            searchLayoutChildren.WidthRequest = property;
+                            opacity = property / searchLayout.Width;
+                            searchLayoutChildren.Opacity = opacity;
+                        },
+                        0,
+                        searchLayout.Width,
+                        Easing.Linear);
+                        expandAnimation.Commit(searchLayoutChildren, "Expand", 16, 250, Easing.Linear, (p, q) => this.SearchExpandAnimationCompleted(children));
+                    }
+                }
+                else if (this.AnimationType == AnimationType.shrink)
+                {
+                    double opacity;
+                    var searchLayout = button.Parent as StackLayout;
+                    var searchLayoutChildren = (searchLayout.Parent as StackLayout).Children;
+
+                    if (searchLayoutChildren != null)
+                    {
+                        SfButton searchButton = searchLayoutChildren[2] as SfButton;
+                        searchButton.IsVisible = true;
+                    }
+
+                    // Animating Width of the search box, from full width to 0 before it removed from view.
+                    var shrinkAnimation = new Animation(
+                        property =>
+                        {
+                            searchLayout.WidthRequest = property;
+                            opacity = property / (button.Parent.Parent as StackLayout).Width;
+                            searchLayout.Opacity = opacity;
+                        },
+                        searchLayout.Width,
+                        0,
+                        Easing.Linear);
+                    shrinkAnimation.Commit(searchLayout, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted(searchLayout));
+
+                    var children = searchLayout.Children;
+                    if (children != null)
+                    {
+                        var searchEntry = (children[1] as SfBorder).Content;
+                        (searchEntry as Entry).Text = string.Empty;
+                    }
+                }
+            }
+        }
+
+        private void SearchExpandAnimationCompleted(IList<View> children)
+        {
+            if (children != null)
+            {
+                StackLayout searchLayout = children[1] as StackLayout;
+                var searchEntry = (searchLayout.Children[1] as SfBorder).Content;
+                (searchEntry as Entry).Focus();
+            }
+        }
+
+        private void SearchBoxAnimationCompleted(StackLayout searchLayout)
+        {
+            var searchLayoutChildren = (searchLayout.Parent as StackLayout).Children;
+
+            searchLayout.IsVisible = false;
+
+            if (searchLayoutChildren != null)
+            {
+                StackLayout titleLayout = searchLayoutChildren[0] as StackLayout;
+                titleLayout.IsVisible = true;
+            }
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Behaviors/SegmentedControlCommandBehavior.cs b/EssentialUIKit/Behaviors/SegmentedControlCommandBehavior.cs
index 6f7678c5..2a2767e4 100644
--- a/EssentialUIKit/Behaviors/SegmentedControlCommandBehavior.cs
+++ b/EssentialUIKit/Behaviors/SegmentedControlCommandBehavior.cs
@@ -37,7 +37,7 @@ public class SegmentedControlCommandBehavior : Behavior<SfSegmentedControl>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
@@ -74,10 +74,13 @@ public object ParentBindingContext
         /// <param name="segmentedControl">Segmented Control</param>
         protected override void OnAttachedTo(SfSegmentedControl segmentedControl)
         {
-            base.OnAttachedTo(segmentedControl);
-            this.SegmentedControl = segmentedControl;
-            segmentedControl.BindingContextChanged += this.OnBindingContextChanged;
-            segmentedControl.SelectionChanged += this.OnSelectionChanged;
+            if (segmentedControl != null)
+            {
+                base.OnAttachedTo(segmentedControl);
+                this.SegmentedControl = segmentedControl;
+                segmentedControl.BindingContextChanged += this.OnBindingContextChanged;
+                segmentedControl.SelectionChanged += this.OnSelectionChanged;
+            }
         }
 
         /// <summary>
@@ -86,10 +89,13 @@ protected override void OnAttachedTo(SfSegmentedControl segmentedControl)
         /// <param name="segmentedControl">Segmented Control</param>
         protected override void OnDetachingFrom(SfSegmentedControl segmentedControl)
         {
-            base.OnDetachingFrom(segmentedControl);
-            segmentedControl.BindingContextChanged -= this.OnBindingContextChanged;
-            segmentedControl.SelectionChanged -= this.OnSelectionChanged;
-            this.SegmentedControl = null;
+            if (segmentedControl != null)
+            {
+                base.OnDetachingFrom(segmentedControl);
+                segmentedControl.BindingContextChanged -= this.OnBindingContextChanged;
+                segmentedControl.SelectionChanged -= this.OnSelectionChanged;
+                this.SegmentedControl = null;
+            }
         }
 
         /// <summary>
@@ -113,9 +119,9 @@ private void OnSelectionChanged(object sender, Syncfusion.XForms.Buttons.Selecti
                 return;
             }
 
-            if (this.Command.CanExecute(CommandParameter))
+            if (this.Command.CanExecute(this.CommandParameter))
             {
-                this.Command.Execute(CommandParameter);
+                this.Command.Execute(this.CommandParameter);
             }
         }
 
diff --git a/EssentialUIKit/Behaviors/SfComboBoxDropDownBehavior.cs b/EssentialUIKit/Behaviors/SfComboBoxDropDownBehavior.cs
index 773027db..05ab2baa 100644
--- a/EssentialUIKit/Behaviors/SfComboBoxDropDownBehavior.cs
+++ b/EssentialUIKit/Behaviors/SfComboBoxDropDownBehavior.cs
@@ -13,8 +13,6 @@ namespace EssentialUIKit.Behaviors
     [Preserve(AllMembers = true)]
     public class SfComboBoxDropDownBehavior : Behavior<SfComboBox>
     {
-       
-
         #region Binable Properties
 
         /// <summary>
@@ -37,14 +35,14 @@ public class SfComboBoxDropDownBehavior : Behavior<SfComboBox>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
         /// <summary>
         /// Gets the comboBox.
         /// </summary>
-        public SfComboBox ComboBox { get; private set; }        
+        public SfComboBox ComboBox { get; private set; }
 
         #endregion
 
@@ -56,10 +54,13 @@ public ICommand Command
         /// <param name="comboBox">The ComboBox</param>
         protected override void OnAttachedTo(SfComboBox comboBox)
         {
-            base.OnAttachedTo(comboBox);
-            this.ComboBox = comboBox;
-            comboBox.BindingContextChanged += this.OnBindingContextChanged;
-            comboBox.SelectionChanged += this.SelectionChanged;
+            if (comboBox != null)
+            {
+                base.OnAttachedTo(comboBox);
+                this.ComboBox = comboBox;
+                comboBox.BindingContextChanged += this.OnBindingContextChanged;
+                comboBox.SelectionChanged += this.SelectionChanged;
+            }
         }
 
         /// <summary>
@@ -68,10 +69,13 @@ protected override void OnAttachedTo(SfComboBox comboBox)
         /// <param name="comboBox">The comboBox</param>
         protected override void OnDetachingFrom(SfComboBox comboBox)
         {
-            base.OnDetachingFrom(comboBox);
-            comboBox.BindingContextChanged -= this.OnBindingContextChanged;
-            comboBox.SelectionChanged -= this.SelectionChanged;
-            this.ComboBox = null;
+            if (comboBox != null)
+            {
+                base.OnDetachingFrom(comboBox);
+                comboBox.BindingContextChanged -= this.OnBindingContextChanged;
+                comboBox.SelectionChanged -= this.SelectionChanged;
+                this.ComboBox = null;
+            }
         }
 
         /// <summary>
@@ -91,13 +95,16 @@ protected override void OnBindingContextChanged()
         private void SelectionChanged(object sender, Syncfusion.XForms.ComboBox.SelectionChangedEventArgs e)
         {
             int totalQuantity;
-            int.TryParse(e.Value.ToString(), out totalQuantity);
+            if (int.TryParse(e.Value.ToString(), out totalQuantity))
+            {
+                // Do Nothing
+            }
 
             var bindingContext = (sender as SfComboBox).BindingContext;
 
             PropertyInfo propertyInfo = bindingContext.GetType().GetProperty("TotalQuantity");
             propertyInfo.SetValue(bindingContext, totalQuantity);
-            
+
             if (this.isCheckboxLoaded)
             {
                 if (this.Command == null)
diff --git a/EssentialUIKit/Behaviors/SfListViewExtendHeightBehavior.cs b/EssentialUIKit/Behaviors/SfListViewExtendHeightBehavior.cs
index 856f254e..db1d267d 100644
--- a/EssentialUIKit/Behaviors/SfListViewExtendHeightBehavior.cs
+++ b/EssentialUIKit/Behaviors/SfListViewExtendHeightBehavior.cs
@@ -67,7 +67,7 @@ private async void Container_PropertyChanged(object sender, System.ComponentMode
         {
             if (eventArgs.PropertyName == "Height")
             {
-                await Task.Delay(500);
+                await Task.Delay(500).ConfigureAwait(true);
                 var extent = (double)this.container.GetType().GetRuntimeProperties()
                     .FirstOrDefault(container => container.Name == "TotalExtent").GetValue(this.container);
                 this.ListView.HeightRequest = extent + 1;
diff --git a/EssentialUIKit/Behaviors/SfListViewTapBehavior.cs b/EssentialUIKit/Behaviors/SfListViewTapBehavior.cs
index 8f620dcc..522b2b60 100644
--- a/EssentialUIKit/Behaviors/SfListViewTapBehavior.cs
+++ b/EssentialUIKit/Behaviors/SfListViewTapBehavior.cs
@@ -22,7 +22,7 @@ public class SfListViewTapBehavior : Behavior<SfListView>
         /// </summary>
         public ICommand Command
         {
-            get { return (ICommand)GetValue(CommandProperty); }
+            get { return (ICommand)this.GetValue(CommandProperty); }
             set { this.SetValue(CommandProperty, value); }
         }
 
@@ -36,18 +36,24 @@ public ICommand Command
         /// <param name="bindableListView">The SfListView</param>
         protected override void OnAttachedTo(SfListView bindableListView)
         {
-            base.OnAttachedTo(bindableListView);
-            bindableListView.ItemTapped += this.BindableListView_ItemTapped;
+            if (bindableListView != null)
+            {
+                base.OnAttachedTo(bindableListView);
+                bindableListView.ItemTapped += this.BindableListView_ItemTapped;
+            }
         }
-            
+
         /// <summary>
         /// Invoked when exit from the page.
         /// </summary>
         /// <param name="bindableListView">The SfListView</param>
         protected override void OnDetachingFrom(SfListView bindableListView)
         {
-            base.OnDetachingFrom(bindableListView);
-            bindableListView.ItemTapped -= this.BindableListView_ItemTapped;
+            if (bindableListView != null)
+            {
+                base.OnDetachingFrom(bindableListView);
+                bindableListView.ItemTapped -= this.BindableListView_ItemTapped;
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/Behaviors/Shopping/CartBehavior.cs b/EssentialUIKit/Behaviors/Shopping/CartBehavior.cs
deleted file mode 100644
index bad48654..00000000
--- a/EssentialUIKit/Behaviors/Shopping/CartBehavior.cs
+++ /dev/null
@@ -1,56 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Text;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Behaviors.Shopping
-{
-    /// <summary>
-    /// This class extends the behavior of the catalog page and detail page
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class CartBehavior : Behavior<ContentPage>
-    {
-        #region Fields
-
-        private ContentPage bindablePage;
-
-        #endregion
-
-        #region Method
-
-        /// <summary>
-        /// Invoked when adding catalog page and detail page.
-        /// </summary>
-        /// <param name="bindableContentPage">Content Page</param>
-        protected override void OnAttachedTo(ContentPage bindableContentPage)
-        {
-            base.OnAttachedTo(bindableContentPage);
-            this.bindablePage = bindableContentPage;
-            bindableContentPage.Appearing += this.Bindable_Appearing;
-        }
-
-        /// <summary>
-        /// Invoked when exit from the page.
-        /// </summary>
-        /// <param name="bindableContentPage">Content Page</param>
-        protected override void OnDetachingFrom(ContentPage bindableContentPage)
-        {
-            base.OnDetachingFrom(bindableContentPage);
-            bindableContentPage.Appearing -= this.Bindable_Appearing;
-        }
-
-        /// <summary>
-        /// Invoked when appearing the page.
-        /// </summary>
-        /// <param name="sender">Content Page</param>
-        /// <param name="e">Event Args</param>
-        private void Bindable_Appearing(object sender, EventArgs e)
-        {
-            // Do something
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/Behaviors/Shopping/SfRotatorBehavior.cs b/EssentialUIKit/Behaviors/Shopping/SfRotatorBehavior.cs
deleted file mode 100644
index b0932d5b..00000000
--- a/EssentialUIKit/Behaviors/Shopping/SfRotatorBehavior.cs
+++ /dev/null
@@ -1,149 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Globalization;
-using System.Linq;
-using System.Threading.Tasks;
-using EssentialUIKit.Models.Shopping;
-using EssentialUIKit.ViewModels.Shopping;
-using Syncfusion.SfRotator.XForms;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Behaviors.Shopping
-{
-    /// <summary>
-    /// This class extends the behavior of the SfRotator control to animate the view.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class SfRotatorBehavior : Behavior<SfRotator>
-    {
-        #region Fields
-
-        private int previousIndex;
-        
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// Invoke when adding rotator to view.
-        /// </summary>
-        /// <param name="rotator">The Rotator</param>
-        protected override void OnAttachedTo(SfRotator rotator)
-        {
-            base.OnAttachedTo(rotator);
-            rotator.SelectedIndexChanged += this.Rotator_SelectedIndexChanged;
-            rotator.BindingContextChanged += this.Rotator_BindingContextChanged;
-        }
-
-        /// <summary>
-        /// Invoke when exit from the view.
-        /// </summary>
-        /// <param name="rotator">The Rotator</param>
-        protected override void OnDetachingFrom(SfRotator rotator)
-        {
-            base.OnDetachingFrom(rotator);
-            rotator.SelectedIndexChanged -= this.Rotator_SelectedIndexChanged;
-            rotator.BindingContextChanged -= this.Rotator_BindingContextChanged;
-        }
-
-        /// <summary>
-        /// Invoked when rotator binding context is changed.
-        /// </summary>
-        /// <param name="sender">The Rotator</param>
-        /// <param name="e">The EventArgs</param>
-        private void Rotator_BindingContextChanged(object sender, EventArgs e)
-        {
-            Task.Delay(500).ContinueWith(t => this.Animation(sender as SfRotator, 0));
-        }
-
-        /// <summary>
-        /// Invoked when selected index is changed.
-        /// </summary>
-        /// <param name="sender">The rotator</param>
-        /// <param name="e">The selection changed event args</param>
-        private void Rotator_SelectedIndexChanged(object sender, SelectedIndexChangedEventArgs e)
-        {
-            SfRotator rotator = sender as SfRotator;
-            this.Animation(rotator, e.Index);
-        }
-
-        /// <summary>
-        /// Invoke when initialize animate to view.
-        /// </summary>
-        /// <param name="rotator">The Rotator</param>
-        /// <param name="selectedIndex">Selected Index</param>
-        public void Animation(SfRotator rotator, double selectedIndex)
-        {
-            if (rotator != null && rotator.ItemsSource != null && rotator.ItemsSource.Count() > 0)
-            {
-                int itemsCount = rotator.ItemsSource.Count();
-                int.TryParse(selectedIndex.ToString(CultureInfo.CurrentCulture), out int index);
-
-                var viewModel = rotator.BindingContext as OnBoardingAnimationViewModel;
-                if (selectedIndex == itemsCount - 1)
-                {
-                    viewModel.NextButtonText = "DONE";
-                    viewModel.IsSkipButtonVisible = false;
-                }
-                else
-                {
-                    viewModel.NextButtonText = "NEXT";
-                    viewModel.IsSkipButtonVisible = true;
-                }
-
-                var items = (rotator.ItemsSource as IEnumerable<object>).ToList();
-
-                // Start animation to selected view.
-                var currentItem = items[index];
-                var childElement = (((currentItem as Boarding).RotatorItem as ContentView).Children[0] as StackLayout).Children.ToList();
-                if (childElement != null && childElement.Count > 0)
-                {
-                    this.StartAnimation(childElement, currentItem as Boarding);
-                }
-
-                // Set default value to previous view.
-                if (index != this.previousIndex)
-                {
-                    var previousItem = items[this.previousIndex];
-                    var previousChildElement = (((previousItem as Boarding).RotatorItem as ContentView).Children[0] as StackLayout).Children.ToList();
-                    if (previousChildElement != null && previousChildElement.Count > 0)
-                    {
-                        previousChildElement[0].FadeTo(0, 250);
-                        previousChildElement[1].FadeTo(0, 250);
-                        previousChildElement[1].TranslateTo(0, 60, 250);
-                        previousChildElement[1].ScaleTo(1, 0);
-                        previousChildElement[2].FadeTo(0, 250);
-                        previousChildElement[2].TranslateTo(0, 60, 250);
-                    }
-                }
-
-                this.previousIndex = index;
-            }
-        }
-
-        /// <summary>
-        /// Animation start to view.
-        /// </summary>
-        /// <param name="childElement">The List</param>
-        /// <param name="item">The item</param>
-        public async void StartAnimation(List<View> childElement, Boarding item)
-        {
-            var fadeAnimationImage = childElement[0].FadeTo(1, 250);
-            var fadeAnimationtaskTitleTime = childElement[1].FadeTo(1, 1000);
-            var translateAnimation = childElement[1].TranslateTo(0, 0, 500);
-            var scaleAnimationTitle = childElement[1].ScaleTo(1.5, 500, Easing.SinIn);
-            var fadeAnimationTaskDescriptionTime = childElement[2].FadeTo(1, 1000);
-            var translateDescriptionAnimation = childElement[2].TranslateTo(0, 0, 500);
-
-            var animation = new Animation();
-            var scaleDownAnimation = new Animation(v => childElement[0].Scale = v, 0.5, 1, Easing.SinIn);
-            animation.Add(0, 1, scaleDownAnimation);
-            animation.Commit((item as Boarding).RotatorItem as ContentView, "animation", 16, 500);
-
-            await Task.WhenAll(fadeAnimationTaskDescriptionTime, fadeAnimationtaskTitleTime, translateAnimation, scaleAnimationTitle, translateDescriptionAnimation);
-        }
-    }
-
-    #endregion
-}
diff --git a/EssentialUIKit/Controls/CountryComboBox.cs b/EssentialUIKit/Controls/CountryComboBox.cs
new file mode 100644
index 00000000..a527b4f0
--- /dev/null
+++ b/EssentialUIKit/Controls/CountryComboBox.cs
@@ -0,0 +1,286 @@
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Runtime.CompilerServices;
+using EssentialUIKit.Models;
+using Syncfusion.XForms.ComboBox;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Controls
+{
+    [Preserve(AllMembers = true)]
+    public class CountryComboBox : SfComboBox, INotifyPropertyChanged
+    {
+        #region Fields
+
+        private object country;
+
+        private string phoneNumberPlaceHolder = "Phone Number";
+
+        private string phoneNumber;
+
+        private string city;
+
+        private object state;
+
+        private IReadOnlyCollection<string> states;
+
+        private string countryCode;
+
+        /// <summary>
+        /// Gets or sets string property that represents mask format for phone number. 
+        /// </summary>
+        private string mask = string.Empty;
+
+        #endregion
+
+        #region Constructor
+
+        public CountryComboBox()
+        {
+            this.BindingContext = this;
+
+            this.Countries = new List<CountryModel>();
+            this.Countries.Add(new CountryModel()
+            {
+                Country = "Australia",
+                States = new string[] { "Tasmania", "Victoria", "Queensland", "Northen Territory" },
+            });
+            this.Countries.Add(new CountryModel()
+            {
+                Country = "Brazil",
+                States = new string[] { "Bahia", "Ceara", "Goias", "Maranhao" },
+            });
+            this.Countries.Add(new CountryModel()
+            {
+                Country = "Canada",
+                States = new string[] { "Manitoba", "Ontario", "Quebec", "Yukon" },
+            });
+            this.Countries.Add(new CountryModel()
+            {
+                Country = "India",
+                States = new string[] { "Assam", "Gujarat", "Haryana", "Tamil Nadu" },
+            });
+            this.Countries.Add(new CountryModel()
+            {
+                Country = "USA",
+                States = new string[] { "California", "Florida", "New York", "Washington" },
+            });
+
+            this.DataSource = this.Countries;
+            this.SetBinding(SfComboBox.SelectedItemProperty, "Country", BindingMode.TwoWay);
+            this.DisplayMemberPath = "Country";
+            this.Watermark = "Select Country";
+            this.VerticalOptions = LayoutOptions.CenterAndExpand;
+        }
+
+        #endregion
+
+        #region Event handler
+
+        /// <summary>
+        /// Occurs when the property is changed.
+        /// </summary>
+        public new event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the property that bounds with a ComboBox that gets the Country from user.
+        /// </summary>
+        public object Country
+        {
+            get 
+            { 
+                return this.country; 
+            }
+
+            set
+            {
+                this.country = value;
+                this.UpdateStateAndPhoneNumberFormat();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the string property, that represents the phone number format based on country. 
+        /// </summary>
+        public string PhoneNumberPlaceHolder
+        {
+            get 
+            { 
+                return this.phoneNumberPlaceHolder; 
+            }
+
+            set
+            {
+                this.phoneNumberPlaceHolder = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the string property, that represents the phone number based on country. 
+        /// </summary>
+        public string PhoneNumber
+        {
+            get 
+            { 
+                return this.phoneNumber; 
+            }
+
+            set
+            {
+                this.phoneNumber = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the string property, which holds the contry code based on user input. 
+        /// </summary>
+        public string CountryCode
+        {
+            get 
+            { 
+                return this.countryCode; 
+            }
+
+            set
+            {
+                this.countryCode = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the string property, that represents the user given city. 
+        /// </summary>
+        public string City
+        {
+            get 
+            { 
+                return this.city; 
+            }
+
+            set
+            {
+                this.city = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with a ComboBox that gets the State from user.
+        /// </summary>
+        public object State
+        {
+            get 
+            { 
+                return this.state; 
+            }
+
+            set
+            {
+                this.state = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets array collection that contains states based on country selection. 
+        /// </summary>
+        public IReadOnlyCollection<string> States
+        {
+            get 
+            { 
+                return this.states; 
+            }
+
+            set
+            {
+                this.states = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        public string Mask
+        {
+            get 
+            {
+                return this.mask;
+            }
+
+            set
+            {
+                this.mask = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets the collection property, which contains the countries data. 
+        /// </summary>
+        public List<CountryModel> Countries { get; private set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="propertyName">The PropertyName</param>
+        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+
+        /// <summary>
+        /// Method used to rest State and City and update PhoneNumber format. 
+        /// </summary>
+        private void UpdateStateAndPhoneNumberFormat()
+        {
+            this.State = null;
+            this.PhoneNumber = string.Empty;
+            this.City = string.Empty;
+            CountryModel countryModel = this.Country as CountryModel;
+            this.States = countryModel.States;
+
+            switch (countryModel.Country)
+            {
+                case "Australia":
+                    this.PhoneNumberPlaceHolder = "e.g. X XXXX XXXX";
+                    this.Mask = "(+61)X XXXX XXXX";
+                    this.CountryCode = "(+61)";
+                    break;
+                case "Brazil":
+                    this.PhoneNumberPlaceHolder = "e.g. XX XXXX XXXX";
+                    this.Mask = "(+55)XX XXXX XXXX";
+                    this.CountryCode = "(+55)";
+                    break;
+                case "Canada":
+                    this.PhoneNumberPlaceHolder = "e.g. XXXXXXXXX";
+                    this.Mask = "(+1)XXXXXXXXX";
+                    this.CountryCode = "(+1)";
+                    break;
+                case "India":
+                    this.PhoneNumberPlaceHolder = "e.g. XXXXX-XXXXX";
+                    this.Mask = "(+91)XXXXX-XXXXX";
+                    this.CountryCode = "(+91)";
+                    break;
+                case "USA":
+                    this.PhoneNumberPlaceHolder = "e.g. XXX-XXX-XXX";
+                    this.Mask = "(+1)XXX-XXX-XXX";
+                    this.CountryCode = "(+1)";
+                    break;
+                default:
+                    break;
+            }
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Controls/CustomShadowFrame.cs b/EssentialUIKit/Controls/CustomShadowFrame.cs
index f48cd16e..915cba28 100644
--- a/EssentialUIKit/Controls/CustomShadowFrame.cs
+++ b/EssentialUIKit/Controls/CustomShadowFrame.cs
@@ -30,42 +30,42 @@ public class CustomShadowFrame : Frame
         // Gets or sets the radius of the Frame corners.
         public float Radius
         {
-            get { return (float)GetValue(RadiusProperty); }
+            get { return (float)this.GetValue(RadiusProperty); }
             set { this.SetValue(RadiusProperty, value); }
-        }       
+        }
 
         // Gets or sets the border color of the Frame.
         public Color CustomBorderColor
         {
-            get { return (Color)GetValue(CustomBorderColorProperty); }
+            get { return (Color)this.GetValue(CustomBorderColorProperty); }
             set { this.SetValue(CustomBorderColorProperty, value); }
-        }        
+        }
 
         // Gets or sets the border width of the Frame.
         public int BorderWidth
         {
-            get { return (int)GetValue(BorderWidthProperty); }
+            get { return (int)this.GetValue(BorderWidthProperty); }
             set { this.SetValue(BorderWidthProperty, value); }
         }
 
         // Gets or sets the shadow opacity of the Frame.
         public float ShadowOpacity
         {
-            get { return (float)GetValue(ShadowOpacityProperty); }
+            get { return (float)this.GetValue(ShadowOpacityProperty); }
             set { this.SetValue(ShadowOpacityProperty, value); }
         }
 
         // Gets or sets the shadow offset width of the Frame.
         public float ShadowOffsetWidth
         {
-            get { return (float)GetValue(ShadowOffsetWidthProperty); }
+            get { return (float)this.GetValue(ShadowOffsetWidthProperty); }
             set { this.SetValue(ShadowOffsetWidthProperty, value); }
         }
 
         // Gets or sets the shadow offset height of the Frame.
         public float ShadowOffSetHeight
         {
-            get { return (float)GetValue(ShadowOffSetHeightProperty); }
+            get { return (float)this.GetValue(ShadowOffSetHeightProperty); }
             set { this.SetValue(ShadowOffSetHeightProperty, value); }
         }
     }
diff --git a/EssentialUIKit/Controls/ParallaxScrollView.cs b/EssentialUIKit/Controls/ParallaxScrollView.cs
index 3a1f09ad..592342ca 100644
--- a/EssentialUIKit/Controls/ParallaxScrollView.cs
+++ b/EssentialUIKit/Controls/ParallaxScrollView.cs
@@ -1,7 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Text;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Controls
@@ -36,9 +33,9 @@ public class ParallaxScrollView : ScrollView
         /// <summary>
         /// Initialize the parallx scroll view.
         /// </summary>
-        public ParallaxScrollView ()
+        public ParallaxScrollView()
         {
-            Scrolled += (sender, e) => this.Parallax();
+            this.Scrolled += (sender, e) => this.Parallax();
         }
 
         #endregion
@@ -50,8 +47,8 @@ public ParallaxScrollView ()
         /// </summary>
         public View ParallaxHeaderView
         {
-            get => (View)GetValue(ParallaxHeaderViewProperty);
-            set => SetValue(ParallaxHeaderViewProperty, value);
+            get => (View)this.GetValue(ParallaxHeaderViewProperty);
+            set => this.SetValue(ParallaxHeaderViewProperty, value);
         }
 
         #endregion
@@ -61,26 +58,30 @@ public View ParallaxHeaderView
         /// <summary>
         /// Invoked when scroll the view.
         /// </summary>
-        public void Parallax ()
+        public void Parallax()
         {
-            if ( this.ParallaxHeaderView == null )
+            if (this.ParallaxHeaderView == null)
+            {
                 return;
+            }
 
-            if ( height <= 0 )
-                height = this.ParallaxHeaderView.Height;
+            if (this.height <= 0)
+            {
+                this.height = this.ParallaxHeaderView.Height;
+            }
 
-            var y = -(int)( (float)ScrollY / 2.0f );
+            var y = -(int)((float)this.ScrollY / 2.0f);
 
-            if ( y < 0 )
+            if (y < 0)
             {
                 this.ParallaxHeaderView.Scale = 1;
                 this.ParallaxHeaderView.TranslationY = y;
             }
-            else if ( Device.RuntimePlatform == "iOS" )
+            else if (Device.RuntimePlatform == "iOS")
             {
-                var newHeight = height + ( ScrollY * -1 );
-                this.ParallaxHeaderView.Scale = newHeight / height;
-                this.ParallaxHeaderView.TranslationY = -( ScrollY / 2 );
+                var newHeight = this.height + (this.ScrollY * -1);
+                this.ParallaxHeaderView.Scale = newHeight / this.height;
+                this.ParallaxHeaderView.TranslationY = -(this.ScrollY / 2);
             }
             else
             {
diff --git a/EssentialUIKit/Controls/SVGImage.cs b/EssentialUIKit/Controls/SVGImage.cs
index 8e685f6b..dafeef68 100644
--- a/EssentialUIKit/Controls/SVGImage.cs
+++ b/EssentialUIKit/Controls/SVGImage.cs
@@ -11,7 +11,7 @@ namespace EssentialUIKit.Controls
     /// This is a helper class to render the SVG files. 
     /// </summary>
     public class SVGImage : ContentView
-    {       
+    {
         // Bindable property to set the SVG image path
         public static readonly BindableProperty SourceProperty = BindableProperty.Create(
           nameof(Source), typeof(string), typeof(SVGImage), default(string), propertyChanged: RedrawCanvas);
@@ -32,7 +32,7 @@ public string Source
             get => (string)this.GetValue(SourceProperty);
             set => this.SetValue(SourceProperty, value);
         }
-            
+
         /// <summary>
         /// Method to invaldate the canvas to update the image
         /// </summary>
@@ -41,8 +41,8 @@ public string Source
         /// <param name="newValue">Updated state</param>
         public static void RedrawCanvas(BindableObject bindable, object oldValue, object newValue)
         {
-            SVGImage sVGImage = bindable as SVGImage;
-            sVGImage?.canvasView.InvalidateSurface();
+            SVGImage image = bindable as SVGImage;
+            image?.canvasView.InvalidateSurface();
         }
 
         /// <summary>
@@ -52,8 +52,8 @@ public static void RedrawCanvas(BindableObject bindable, object oldValue, object
         /// <param name="args">The arguments</param>
         private void CanvasView_PaintSurface(object sender, SKPaintSurfaceEventArgs args)
         {
-            SKCanvas skCanvas = args.Surface.Canvas;
-            skCanvas.Clear();
+            SKCanvas canvas = args.Surface.Canvas;
+            canvas.Clear();
 
             if (string.IsNullOrEmpty(this.Source))
             {
@@ -61,22 +61,22 @@ private void CanvasView_PaintSurface(object sender, SKPaintSurfaceEventArgs args
             }
 
             // Get the assembly information to access the local image
-            var assembly = typeof(SVGImage).GetTypeInfo().Assembly.GetName();
+            Assembly assembly = typeof(SVGImage).Assembly;
 
             // Update the canvas with the SVG image
-            using (Stream stream = typeof(SVGImage).GetTypeInfo().Assembly.GetManifestResourceStream(assembly.Name + ".Images." + Source))
+            using (Stream stream = assembly.GetManifestResourceStream(assembly.GetName().Name + ".Images." + this.Source))
             {
-                SkiaSharp.Extended.Svg.SKSvg skSVG = new SkiaSharp.Extended.Svg.SKSvg();
-                skSVG.Load(stream);
+                SkiaSharp.Extended.Svg.SKSvg svg = new SkiaSharp.Extended.Svg.SKSvg();
+                svg.Load(stream);
                 SKImageInfo imageInfo = args.Info;
-                skCanvas.Translate(imageInfo.Width / 2f, imageInfo.Height / 2f);
-                SKRect rectBounds = skSVG.ViewBox;
+                canvas.Translate(imageInfo.Width / 2f, imageInfo.Height / 2f);
+                SKRect rectBounds = svg.ViewBox;
                 float xRatio = imageInfo.Width / rectBounds.Width;
                 float yRatio = imageInfo.Height / rectBounds.Height;
                 float minRatio = Math.Min(xRatio, yRatio);
-                skCanvas.Scale(minRatio);
-                skCanvas.Translate(-rectBounds.MidX, -rectBounds.MidY);
-                skCanvas.DrawPicture(skSVG.Picture);
+                canvas.Scale(minRatio);
+                canvas.Translate(-rectBounds.MidX, -rectBounds.MidY);
+                canvas.DrawPicture(svg.Picture);
             }
         }
     }
diff --git a/EssentialUIKit/Controls/SearchableArticleList.cs b/EssentialUIKit/Controls/SearchableArticleList.cs
new file mode 100644
index 00000000..1710a107
--- /dev/null
+++ b/EssentialUIKit/Controls/SearchableArticleList.cs
@@ -0,0 +1,37 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Controls
+{
+    /// <summary>
+    /// This class extends the behavior of the SearchableListView control to filter the ListViewItem based on text.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class SearchableArticleList : SearchableListView
+    {
+        #region Method 
+
+        /// <summary>
+        /// Filtering the list view items based on the search text.
+        /// </summary>
+        /// <param name="obj">The list view item</param>
+        /// <returns>Returns the filtered item</returns>
+        public override bool FilterContacts(object obj)
+        {
+            if (base.FilterContacts(obj))
+            {
+                var taskInfo = obj as Models.Story;
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.Name) || string.IsNullOrEmpty(taskInfo.Author))
+                {
+                    return false;
+                }
+
+                return taskInfo.Name.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
+                       || taskInfo.Author.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
+            }
+
+            return false;
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Controls/SearchableChatList.cs b/EssentialUIKit/Controls/SearchableChatList.cs
index 4cfbcb85..85b4c998 100644
--- a/EssentialUIKit/Controls/SearchableChatList.cs
+++ b/EssentialUIKit/Controls/SearchableChatList.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Chat;
+using System.Threading.Tasks;
+using EssentialUIKit.Models.Chat;
 using Syncfusion.ListView.XForms;
-using System.Threading.Tasks;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -37,15 +37,15 @@ public override bool FilterContacts(object obj)
             if (base.FilterContacts(obj))
             {
                 var taskInfo = obj as ChatDetail;
-                var message = taskInfo.Message;
-                if (taskInfo.MessageType != "Text")
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.SenderName) || string.IsNullOrEmpty(taskInfo.Message))
                 {
-                    message = string.Empty;
+                    return false;
                 }
 
-                if (string.IsNullOrEmpty(taskInfo.SenderName) || string.IsNullOrEmpty(taskInfo.Message))
+                var message = taskInfo.Message;
+                if (taskInfo.MessageType != "Text")
                 {
-                    return false;
+                    message = string.Empty;
                 }
 
                 return taskInfo.SenderName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
@@ -63,8 +63,8 @@ public override bool FilterContacts(object obj)
         private async void CustomListView_SelectionChanged(object sender, ItemSelectionChangedEventArgs e)
         {
             Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
-            this.SelectionBackgroundColor = (Color) retVal;
-            await Task.Delay(100);
+            this.SelectionBackgroundColor = (Color)retVal;
+            await Task.Delay(100).ConfigureAwait(true);
             this.SelectionBackgroundColor = Color.Transparent;
             this.SelectedItems.Clear();
         }
diff --git a/EssentialUIKit/Controls/SearchableContactsList.cs b/EssentialUIKit/Controls/SearchableContactsList.cs
index eed59b76..97907f4a 100644
--- a/EssentialUIKit/Controls/SearchableContactsList.cs
+++ b/EssentialUIKit/Controls/SearchableContactsList.cs
@@ -1,5 +1,5 @@
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Navigation;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Controls
 {
diff --git a/EssentialUIKit/Controls/SearchableDataTable.cs b/EssentialUIKit/Controls/SearchableDataTable.cs
new file mode 100644
index 00000000..af0725b8
--- /dev/null
+++ b/EssentialUIKit/Controls/SearchableDataTable.cs
@@ -0,0 +1,36 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Controls
+{
+    /// <summary>
+    /// This class extends the behavior of the SfListView control to filter the items in data table page based on text.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class SearchableDataTable : SearchableListView
+    {
+        #region Method
+
+        /// <summary>
+        /// Filtering the list view items based on the search text.
+        /// </summary>
+        /// <param name="obj">The list view item</param>
+        /// <returns>Returns the filtered item</returns>
+        public override bool FilterContacts(object obj)
+        {
+            if (base.FilterContacts(obj))
+            {
+                var taskInfo = obj as Models.Detail.DataTableModel;
+
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.ClubName))
+                {
+                    return false;
+                }
+
+                return taskInfo.ClubName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
+            }
+
+            return false;
+        }
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Controls/SearchableDocumentsList.cs b/EssentialUIKit/Controls/SearchableDocumentsList.cs
index 00d22b60..c33610df 100644
--- a/EssentialUIKit/Controls/SearchableDocumentsList.cs
+++ b/EssentialUIKit/Controls/SearchableDocumentsList.cs
@@ -1,5 +1,5 @@
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Navigation;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Controls
 {
diff --git a/EssentialUIKit/Controls/SearchableEventList.cs b/EssentialUIKit/Controls/SearchableEventList.cs
new file mode 100644
index 00000000..081c907d
--- /dev/null
+++ b/EssentialUIKit/Controls/SearchableEventList.cs
@@ -0,0 +1,38 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Controls
+{
+    /// <summary>
+    /// This class extends the behavior of the SearchableListView control to filter the ListViewItem based on text.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class SearchableEventList : SearchableListView
+    {
+        #region Method 
+
+        /// <summary>
+        /// Filtering the list view items based on the search text.
+        /// </summary>
+        /// <param name="obj">The list view item</param>
+        /// <returns>Returns the filtered item</returns>
+        public override bool FilterContacts(object obj)
+        {
+            if (base.FilterContacts(obj))
+            {
+                var taskInfo = obj as Models.Catalog.EventList;
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.EventName) || string.IsNullOrEmpty(taskInfo.EventMonth)
+                    || string.IsNullOrEmpty(taskInfo.EventDate))
+                {
+                    return false;
+                }
+
+                return taskInfo.EventName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
+                       || taskInfo.EventMonth.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
+                       || taskInfo.EventDate.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
+            }
+
+            return false;
+        }
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Controls/SearchableFAQList.cs b/EssentialUIKit/Controls/SearchableFAQList.cs
index 9e4a34bb..d2975dfd 100644
--- a/EssentialUIKit/Controls/SearchableFAQList.cs
+++ b/EssentialUIKit/Controls/SearchableFAQList.cs
@@ -1,7 +1,4 @@
-using Syncfusion.ListView.XForms;
-using System.Threading.Tasks;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Controls
 {
@@ -10,7 +7,7 @@ namespace EssentialUIKit.Controls
     /// </summary>
     [Preserve(AllMembers = true)]
     public class SearchableFAQList : SearchableListView
-    {      
+    {
         #region Method
 
         /// <summary>
@@ -24,18 +21,18 @@ public override bool FilterContacts(object obj)
             {
                 var taskInfo = obj as Models.Navigation.FAQ;
 
-                if(taskInfo == null || string.IsNullOrEmpty(taskInfo.Question))
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.Question))
                 {
                     return false;
                 }
 
-                return taskInfo.Question.ToUpperInvariant().Contains(SearchText.ToUpperInvariant()) ||
-                    taskInfo.Answer.Exists(item => item.ToUpperInvariant().Contains(SearchText.ToUpperInvariant()));
+                return taskInfo.Question.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant()) ||
+                    taskInfo.Answer.Exists(item => item.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant()));
             }
 
             return false;
         }
-        
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/Controls/SearchableFileExploreList.cs b/EssentialUIKit/Controls/SearchableFileExploreList.cs
new file mode 100644
index 00000000..b1225400
--- /dev/null
+++ b/EssentialUIKit/Controls/SearchableFileExploreList.cs
@@ -0,0 +1,40 @@
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Controls
+{
+    /// <summary>
+    /// This class extends the behavior of the SearchableListView control to filter the ListViewItem based on text.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class SearchableFileExploreList : SearchableListView
+    {
+        #region Method
+
+        /// <summary>
+        /// Filtering the list view items based on the search text.
+        /// </summary>
+        /// <param name="obj">The list view item</param>
+        /// <returns>Returns the filtered item</returns>
+        public override bool FilterContacts(object obj)
+        {
+            if (base.FilterContacts(obj))
+            {
+                var taskInfo = obj as File;
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.FolderName) || string.IsNullOrEmpty(taskInfo.FolderItems)
+                    || string.IsNullOrEmpty(taskInfo.DateTime))
+                {
+                    return false;
+                }
+
+                return taskInfo.FolderName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
+                    || taskInfo.FolderItems.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
+                    || taskInfo.DateTime.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
+            }
+
+            return false;
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Controls/SearchableListView.cs b/EssentialUIKit/Controls/SearchableListView.cs
index f452dc54..4cd78d7e 100644
--- a/EssentialUIKit/Controls/SearchableListView.cs
+++ b/EssentialUIKit/Controls/SearchableListView.cs
@@ -1,6 +1,4 @@
-using System.Threading.Tasks;
-using EssentialUIKit.Models.Chat;
-using Syncfusion.ListView.XForms;
+using Syncfusion.ListView.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -17,7 +15,7 @@ public class SearchableListView : SfListView
         /// <summary>
         /// Gets or sets the text value used to search.
         /// </summary>
-        public static readonly BindableProperty SearchTextProperty = 
+        public static readonly BindableProperty SearchTextProperty =
             BindableProperty.Create(nameof(SearchText), typeof(string), typeof(SearchableListView), null, BindingMode.Default, null, OnSearchTextChanged);
 
         /// <summary>
@@ -26,7 +24,7 @@ public class SearchableListView : SfListView
         private string searchText;
 
         #endregion
-        
+
         #region Property
 
         /// <summary>
@@ -34,7 +32,7 @@ public class SearchableListView : SfListView
         /// </summary>
         public string SearchText
         {
-            get { return (string)GetValue(SearchTextProperty); }
+            get { return (string)this.GetValue(SearchTextProperty); }
             set { this.SetValue(SearchTextProperty, value); }
         }
 
@@ -42,6 +40,21 @@ public string SearchText
 
         #region Method
 
+        /// <summary>
+        /// Filtering the list view items based on the search text.
+        /// </summary>
+        /// <param name="obj">The list view item</param>
+        /// <returns>Returns the filtered item</returns>
+        public virtual bool FilterContacts(object obj)
+        {
+            if (this.SearchText == null)
+            {
+                return false;
+            }
+
+            return true;
+        }
+
         /// <summary>
         /// Invoked when the search text is changed.
         /// </summary>
@@ -60,21 +73,6 @@ private static void OnSearchTextChanged(BindableObject bindable, object oldValue
 
             listView.RefreshView();
         }
-        
-        /// <summary>
-        /// Filtering the list view items based on the search text.
-        /// </summary>
-        /// <param name="obj">The list view item</param>
-        /// <returns>Returns the filtered item</returns>
-        public virtual bool FilterContacts(object obj)
-        {
-            if (this.SearchText == null)
-            {
-                return false;
-            }
-
-            return true;
-        }
 
         #endregion
     }
diff --git a/EssentialUIKit/Controls/SearchableMoviesList.cs b/EssentialUIKit/Controls/SearchableMoviesList.cs
index 0e8b8f04..12e01a29 100644
--- a/EssentialUIKit/Controls/SearchableMoviesList.cs
+++ b/EssentialUIKit/Controls/SearchableMoviesList.cs
@@ -20,7 +20,7 @@ public override bool FilterContacts(object obj)
             if (base.FilterContacts(obj))
             {
                 var taskInfo = obj as Models.Navigation.Movie;
-                if (taskInfo == null|| string.IsNullOrEmpty(taskInfo.MovieName) || string.IsNullOrEmpty(taskInfo.MovieYear))
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.MovieName) || string.IsNullOrEmpty(taskInfo.MovieYear))
                 {
                     return false;
                 }
diff --git a/EssentialUIKit/Controls/SearchableRestaurantPage.cs b/EssentialUIKit/Controls/SearchableRestaurantPage.cs
index 0819c74b..41c2bfb3 100644
--- a/EssentialUIKit/Controls/SearchableRestaurantPage.cs
+++ b/EssentialUIKit/Controls/SearchableRestaurantPage.cs
@@ -21,7 +21,7 @@ public override bool FilterContacts(object obj)
             {
                 var taskInfo = obj as Models.Navigation.Restaurant;
 
-                if (string.IsNullOrEmpty(taskInfo.Name) || string.IsNullOrEmpty(taskInfo.Description) ||
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.Name) || string.IsNullOrEmpty(taskInfo.Description) ||
                     string.IsNullOrEmpty(taskInfo.Offer) || string.IsNullOrEmpty(taskInfo.ItemRating))
                 {
                     return false;
@@ -32,6 +32,7 @@ public override bool FilterContacts(object obj)
                        taskInfo.Offer.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant()) ||
                        taskInfo.ItemRating.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
             }
+
             return false;
         }
         #endregion
diff --git a/EssentialUIKit/Controls/SearchableSongsPlayList.cs b/EssentialUIKit/Controls/SearchableSongsPlayList.cs
index 05951aa9..707ac723 100644
--- a/EssentialUIKit/Controls/SearchableSongsPlayList.cs
+++ b/EssentialUIKit/Controls/SearchableSongsPlayList.cs
@@ -22,7 +22,7 @@ public override bool FilterContacts(object obj)
             {
                 var taskInfo = obj as Models.Navigation.Song;
 
-                if (string.IsNullOrEmpty(taskInfo.SongName) || string.IsNullOrEmpty(taskInfo.Composer))
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.SongName) || string.IsNullOrEmpty(taskInfo.Composer))
                 {
                     return false;
                 }
@@ -30,6 +30,7 @@ public override bool FilterContacts(object obj)
                 return taskInfo.SongName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
                        || taskInfo.Composer.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
             }
+
             return false;
         }
         #endregion
diff --git a/EssentialUIKit/Controls/SearchableSuggestionList.cs b/EssentialUIKit/Controls/SearchableSuggestionList.cs
index b84c8d1a..ad1cd724 100644
--- a/EssentialUIKit/Controls/SearchableSuggestionList.cs
+++ b/EssentialUIKit/Controls/SearchableSuggestionList.cs
@@ -1,7 +1,4 @@
-using Syncfusion.ListView.XForms;
-using System.Threading.Tasks;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Controls
 {
@@ -10,7 +7,7 @@ namespace EssentialUIKit.Controls
     /// </summary>
     [Preserve(AllMembers = true)]
     public class SearchableSuggestionList : SearchableListView
-    {     
+    {
         #region Method
 
         /// <summary>
@@ -23,7 +20,7 @@ public override bool FilterContacts(object obj)
             if (base.FilterContacts(obj))
             {
                 var taskInfo = obj as Models.Navigation.Suggestion;
-                if (string.IsNullOrEmpty(taskInfo.SuggestionName) || string.IsNullOrEmpty(taskInfo.Id))
+                if (taskInfo == null || string.IsNullOrEmpty(taskInfo.SuggestionName) || string.IsNullOrEmpty(taskInfo.Id))
                 {
                     return false;
                 }
@@ -31,6 +28,7 @@ public override bool FilterContacts(object obj)
                 return taskInfo.SuggestionName.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant())
                        || taskInfo.Id.ToUpperInvariant().Contains(this.SearchText.ToUpperInvariant());
             }
+
             return false;
         }
 
diff --git a/EssentialUIKit/Controls/SfPopupView.cs b/EssentialUIKit/Controls/SfPopupView.cs
index f1eccac6..21368b9e 100644
--- a/EssentialUIKit/Controls/SfPopupView.cs
+++ b/EssentialUIKit/Controls/SfPopupView.cs
@@ -1,8 +1,5 @@
 using Syncfusion.XForms.Buttons;
 using Syncfusion.XForms.PopupLayout;
-using System;
-using System.Collections.Generic;
-using System.Text;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -17,9 +14,9 @@ public class SfPopupView : SfPopupLayout
         /// <summary>
         /// To show the popup layout.
         /// </summary>
-        /// <param name="title"></param>
-        /// <param name="content"></param>
-        public void ShowPopUp(string title = null, string content = null, string buttonText = null)
+        /// <param name="content">The content</param>
+        /// <param name="buttonText">The button text</param>
+        public void ShowPopUp(string content = null, string buttonText = null)
         {
             DataTemplate templateView;
             Grid layout;
@@ -27,7 +24,7 @@ public void ShowPopUp(string title = null, string content = null, string buttonT
             templateView = new DataTemplate(() =>
             {
                 layout = new Grid();
-                layout.Margin = new Thickness(10,0,10,0);
+                layout.Margin = new Thickness(10, 0, 10, 0);
                 layout.RowDefinitions.Add(new RowDefinition { Height = GridLength.Star });
                 layout.RowDefinitions.Add(new RowDefinition { Height = GridLength.Auto });
 
@@ -36,19 +33,19 @@ public void ShowPopUp(string title = null, string content = null, string buttonT
                 popupContent.HorizontalTextAlignment = TextAlignment.Center;
                 popupContent.VerticalTextAlignment = TextAlignment.Center;
                 popupContent.VerticalOptions = LayoutOptions.Center;
-                var fontFamily = Device.RuntimePlatform == Device.iOS ? "Montserrat-SemiBold" :
-   Device.RuntimePlatform == Device.Android ? "Montserrat-SemiBold.ttf#Montserrat-SemiBold" : "Assets/Montserrat-SemiBold.ttf#Montserrat-SemiBold";
+                var fontFamily = "Montserrat-SemiBold";
                 popupContent.FontFamily = fontFamily;
-                layout.Children.Add(popupContent,0,0);
+                layout.Children.Add(popupContent, 0, 0);
 
                 if (buttonText != null)
                 {
                     SfButton button = new SfButton();
                     button.Text = buttonText;
-                    button.Margin = new Thickness(20,0,20,20);
+                    button.Margin = new Thickness(20, 0, 20, 20);
                     button.VerticalOptions = LayoutOptions.End;
-                    layout.Children.Add(button,0,1);
+                    layout.Children.Add(button, 0, 1);
                 }
+
                 return layout;
             });
 
diff --git a/EssentialUIKit/Controls/TapAnimationGrid.cs b/EssentialUIKit/Controls/TapAnimationGrid.cs
index e2331cc6..4f4a473e 100644
--- a/EssentialUIKit/Controls/TapAnimationGrid.cs
+++ b/EssentialUIKit/Controls/TapAnimationGrid.cs
@@ -1,7 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Text;
-using System.Threading.Tasks;
+using System.Threading.Tasks;
 using System.Windows.Input;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -32,10 +29,10 @@ public class TapAnimationGrid : Grid
         /// Gets or sets the TappedProperty, and it is a bindable property.
         /// </summary>
         public static readonly BindableProperty TappedProperty =
-            BindableProperty.Create(nameof(Tapped), typeof(bool), typeof(TapAnimationGrid), false, BindingMode.TwoWay,
-                null, propertyChanged: OnTapped);
+            BindableProperty.Create(
+                nameof(Tapped), typeof(bool), typeof(TapAnimationGrid), false, BindingMode.TwoWay, null, propertyChanged: OnTapped);
 
-        ICommand tappedCommand;
+        private ICommand tappedCommand;
 
         #endregion
 
@@ -44,7 +41,7 @@ public class TapAnimationGrid : Grid
         /// <summary>
         /// Initializes a new instance of the <see cref="TapAnimationGrid" /> class.
         /// </summary>
-        public TapAnimationGrid () => Initialize();
+        public TapAnimationGrid() => this.Initialize();
 
         #endregion
 
@@ -55,8 +52,8 @@ public class TapAnimationGrid : Grid
         /// </summary>
         public ICommand Command
         {
-            get => (ICommand)GetValue(CommandProperty);
-            set => SetValue(CommandProperty, value);
+            get => (ICommand)this.GetValue(CommandProperty);
+            set => this.SetValue(CommandProperty, value);
         }
 
         /// <summary>
@@ -64,67 +61,70 @@ public ICommand Command
         /// </summary>
         public object CommandParameter
         {
-            get => GetValue(CommandParameterProperty);
-            set => SetValue(CommandParameterProperty, value);
+            get => this.GetValue(CommandParameterProperty);
+            set => this.SetValue(CommandParameterProperty, value);
         }
 
         /// <summary>
-        /// Gets or sets the tapped value.
+        /// Gets or sets a value indicating whether it is tapped or not.
         /// </summary>
         public bool Tapped
         {
-            get => (bool)GetValue(TappedProperty);
-            set => SetValue(TappedProperty, value);
+            get => (bool)this.GetValue(TappedProperty);
+            set => this.SetValue(TappedProperty, value);
         }
 
         /// <summary>
         /// Gets or sets the tapped command.
         /// </summary>
-        public ICommand TappedCommand => tappedCommand
-                ?? ( tappedCommand = new Command(() =>
+        public ICommand TappedCommand => this.tappedCommand
+                ?? (this.tappedCommand = new Command(() =>
                 {
-                    if (Tapped)
+                    if (this.Tapped)
                     {
-                        Tapped = false;
+                        this.Tapped = false;
                     }
                     else
                     {
-                        Tapped = true;
+                        this.Tapped = true;
                     }
-                    if (Command != null)
+
+                    if (this.Command != null)
                     {
-                        Command.Execute(CommandParameter);
+                        this.Command.Execute(this.CommandParameter);
                     }
-                }) );
+                }));
 
         #endregion
 
         #region Methods
 
-        /// <summary>
-        /// Invoked when control is initialized.
-        /// </summary>
-        void Initialize ()
-        {
-            GestureRecognizers.Add(new TapGestureRecognizer
-            {
-                Command = TappedCommand
-            });
-        }
         /// <summary>
         /// Invoked when tap on the item.
         /// </summary>
-        static async void OnTapped (BindableObject bindable, object oldValue, object newValue)
+        private static async void OnTapped(BindableObject bindable, object oldValue, object newValue)
         {
             var grid = (TapAnimationGrid)bindable;
             Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
             grid.BackgroundColor = (Color)retVal;
 
             // To make the selected item color changes for 100 milliseconds.
-            await Task.Delay(100);
-            Application.Current.Resources.TryGetValue("Gray-White", out var retValue);
+            await Task.Delay(100).ConfigureAwait(true);
+            Application.Current.Resources.TryGetValue("Gray-Bg", out var retValue);
             grid.BackgroundColor = (Color)retValue;
         }
+
+        /// <summary>
+        /// Invoked when control is initialized.
+        /// </summary>
+        private void Initialize()
+        {
+            this.GestureRecognizers.Add(new TapGestureRecognizer
+            {
+                Command = this.TappedCommand,
+            });
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/Controls/TitleView.cs b/EssentialUIKit/Controls/TitleView.cs
index 2f4610e9..ed3bd636 100644
--- a/EssentialUIKit/Controls/TitleView.cs
+++ b/EssentialUIKit/Controls/TitleView.cs
@@ -8,7 +8,7 @@ namespace EssentialUIKit.Controls
     /// </summary>
     [Preserve(AllMembers = true)]
     public class TitleView : Grid
-    {    
+    {
         #region Bindable Properties
 
         /// <summary>
@@ -64,28 +64,29 @@ public TitleView()
             this.ColumnSpacing = 2;
             this.RowSpacing = 8;
             this.Padding = new Thickness(0, 8, 0, 0);
+            this.BackgroundColor = (Color)Application.Current.Resources["Gray-Bg"];
 
             this.ColumnDefinitions = new ColumnDefinitionCollection
             {
-                new ColumnDefinition { Width = 8 },
+                new ColumnDefinition { Width = 4 },
                 new ColumnDefinition(),
+                new ColumnDefinition { Width = GridLength.Auto },
                 new ColumnDefinition(),
-                new ColumnDefinition(),
-                new ColumnDefinition { Width = 8 },
+                new ColumnDefinition { Width = 4 },
             };
 
             this.RowDefinitions = new RowDefinitionCollection
             {
                 new RowDefinition { Height = GridLength.Auto },
-                new RowDefinition { Height = 1 }
+                new RowDefinition { Height = 1 },
             };
 
             var boxView = new BoxView { Color = (Color)Application.Current.Resources["Gray-200"] };
 
-            Children.Add(this.LeadingView, 1, 0);
-            Children.Add(this.Content, 2, 0);
-            Children.Add(this.TrailingView, 3, 0);
-            Children.Add(boxView, 0, 1);
+            this.Children.Add(this.LeadingView, 1, 0);
+            this.Children.Add(this.Content, 2, 0);
+            this.Children.Add(this.TrailingView, 3, 0);
+            this.Children.Add(boxView, 0, 1);
             SetColumnSpan(boxView, 5);
         }
 
@@ -98,7 +99,7 @@ public TitleView()
         /// </summary>
         public View LeadingView
         {
-            get { return (View)GetValue(LeadingViewProperty); }
+            get { return (View)this.GetValue(LeadingViewProperty); }
             set { this.SetValue(LeadingViewProperty, value); }
         }
 
@@ -107,7 +108,7 @@ public View LeadingView
         /// </summary>
         public View TrailingView
         {
-            get { return (View)GetValue(TrailingViewProperty); }
+            get { return (View)this.GetValue(TrailingViewProperty); }
             set { this.SetValue(TrailingViewProperty, value); }
         }
 
@@ -116,7 +117,7 @@ public View TrailingView
         /// </summary>
         public View Content
         {
-            get { return (View)GetValue(ContentProperty); }
+            get { return (View)this.GetValue(ContentProperty); }
             set { this.SetValue(ContentProperty, value); }
         }
 
@@ -125,7 +126,7 @@ public View Content
         /// </summary>
         public string Title
         {
-            get { return (string)GetValue(TitleProperty); }
+            get { return (string)this.GetValue(TitleProperty); }
             set { this.SetValue(TitleProperty, value); }
         }
 
@@ -134,7 +135,7 @@ public string Title
         /// </summary>
         public string FontFamily
         {
-            get { return (string)GetValue(FontFamilyProperty); }
+            get { return (string)this.GetValue(FontFamilyProperty); }
             set { this.SetValue(FontFamilyProperty, value); }
         }
 
@@ -143,7 +144,7 @@ public string FontFamily
         /// </summary>
         public FontAttributes FontAttributes
         {
-            get { return (FontAttributes)GetValue(FontAttributesProperty); }
+            get { return (FontAttributes)this.GetValue(FontAttributesProperty); }
             set { this.SetValue(FontAttributesProperty, value); }
         }
 
@@ -152,7 +153,7 @@ public FontAttributes FontAttributes
         /// </summary>
         public double FontSize
         {
-            get { return (double)GetValue(FontSizeProperty); }
+            get { return (double)this.GetValue(FontSizeProperty); }
             set { this.SetValue(FontSizeProperty, value); }
         }
 
@@ -226,11 +227,7 @@ private static void OnTitlePropertyChanged(BindableObject bindable, object oldVa
                     TextColor = (Color)Application.Current.Resources["Gray-900"],
                     FontSize = 16,
                     Margin = new Thickness(0, 8),
-                    FontFamily = Device.RuntimePlatform == Device.Android
-                            ? "Montserrat-Medium.ttf#Montserrat-Medium"
-                            : Device.RuntimePlatform == Device.iOS
-                                ? "Montserrat-Medium"
-                                : "Assets/Montserrat-Medium.ttf#Montserrat-Medium",
+                    FontFamily = "Montserrat-Medium",
                     HorizontalTextAlignment = TextAlignment.Center,
                     VerticalTextAlignment = TextAlignment.Center,
                     VerticalOptions = LayoutOptions.Center,
diff --git a/EssentialUIKit/Converters/BooleanToColorConverter.cs b/EssentialUIKit/Converters/BooleanToColorConverter.cs
index c3833538..acba288b 100644
--- a/EssentialUIKit/Converters/BooleanToColorConverter.cs
+++ b/EssentialUIKit/Converters/BooleanToColorConverter.cs
@@ -29,24 +29,26 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
 
             switch (parameter.ToString())
             {
-                case "0" when (bool) value:
+                case "0" when (bool)value:
                     return Color.FromRgba(255, 255, 255, 0.6);
-                case "1" when (bool) value:
+                case "1" when (bool)value:
                     return Color.FromHex("#FF4A4A");
-                case "2" when (bool) value:
+                case "2" when (bool)value:
                     return Color.FromHex("#FF4A4A");
                 case "2":
                     return Color.FromHex("#ced2d9");
-                case "3" when (bool) value:
-                    return Color.FromHex("#959eac");
+                case "3" when (bool)value:
+                    Application.Current.Resources.TryGetValue("Gray-500", out var focusVal);
+                    return (Color)focusVal;
                 case "3":
-                    return Color.FromHex("#ced2d9");
-                case "4" when (bool) value:
+                    Application.Current.Resources.TryGetValue("Gray-300", out var val);
+                    return (Color)val;
+                case "4" when (bool)value:
                     Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
-                    return (Color) retVal;
+                    return (Color)retVal;
                 case "4":
                     Application.Current.Resources.TryGetValue("Gray-600", out var outVal);
-                    return (Color) outVal;
+                    return (Color)outVal;
                 case "5" when (bool)value:
                     Application.Current.Resources.TryGetValue("Green", out var retGreen);
                     return (Color)retGreen;
@@ -62,6 +64,12 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
                 case "7" when !(bool)value:
                     Application.Current.Resources.TryGetValue("Gray-100", out var gray100);
                     return (Color)gray100;
+                case "8" when (bool)value:
+                    Application.Current.Resources.TryGetValue("PrimaryColor", out var primary);
+                    return (Color)primary;
+                case "8":
+                    Application.Current.Resources.TryGetValue("Gray-White", out var graywhite);
+                    return (Color)graywhite;
                 default:
                     return Color.Transparent;
             }
diff --git a/EssentialUIKit/Converters/BooleanToStringConverter.cs b/EssentialUIKit/Converters/BooleanToStringConverter.cs
index 7d87cc0e..b97b420b 100644
--- a/EssentialUIKit/Converters/BooleanToStringConverter.cs
+++ b/EssentialUIKit/Converters/BooleanToStringConverter.cs
@@ -45,6 +45,17 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
                         return "\ue701";
                     }
                 }
+                else if (parameter.ToString() == "2")
+                {
+                    if ((bool)value)
+                    {
+                        return "+";
+                    }
+                    else
+                    {
+                        return "-";
+                    }
+                }
             }
 
             return string.Empty;
diff --git a/EssentialUIKit/Converters/CVVToMaskCodeConverter.cs b/EssentialUIKit/Converters/CVVToMaskCodeConverter.cs
new file mode 100644
index 00000000..c6752585
--- /dev/null
+++ b/EssentialUIKit/Converters/CVVToMaskCodeConverter.cs
@@ -0,0 +1,60 @@
+using System;
+using System.Globalization;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Converters
+{
+    /// <summary>
+    /// This class have methods to convert the string to CVV mask.     
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class CVVToMaskCodeConverter : IValueConverter
+    {
+        /// <summary>
+        /// This method is used to convert the string to CVV mask.
+        /// </summary>
+        /// <param name="value">Gets the value.</param>
+        /// <param name="targetType">Gets the target type.</param>
+        /// <param name="parameter">Gets the parameter.</param>
+        /// <param name="culture">Gets the culture.</param>
+        /// <returns>Returns the string.</returns>
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value != null && parameter != null)
+            {
+                if (value.ToString().Length == 1)
+                {
+                    return "X";
+                }
+                else if (value.ToString().Length == 2)
+                {
+                    return "XX";
+                }
+                else if (value.ToString().Length == 3)
+                {
+                    return "XXX";
+                }
+                else if (value.ToString().Length == 4)
+                {
+                    return "XXXX";
+                }
+            }
+
+            return string.Empty;
+        }
+
+        /// <summary>
+        /// This method is used to convert the CVV mask to string.
+        /// </summary>
+        /// <param name="value">Gets the value.</param>
+        /// <param name="targetType">Gets the target type.</param>
+        /// <param name="parameter">Gets the parameter.</param>
+        /// <param name="culture">Gets the culture.</param>
+        /// <returns>Returns the string.</returns>
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return true;
+        }
+    }
+}
diff --git a/EssentialUIKit/Converters/CardNumberToColorConverter.cs b/EssentialUIKit/Converters/CardNumberToColorConverter.cs
new file mode 100644
index 00000000..4c92c58d
--- /dev/null
+++ b/EssentialUIKit/Converters/CardNumberToColorConverter.cs
@@ -0,0 +1,77 @@
+using System;
+using System.Globalization;
+using Xamarin.Forms;
+
+namespace EssentialUIKit.Converters
+{
+    public class CardNumberToColorConverter : CardValidator, IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value == null && parameter != null)
+            {
+                {
+                    if (parameter.ToString() == "0")
+                    {
+                        return "#d54381";
+                    }
+
+                    if (parameter.ToString() == "1")
+                    {
+                        return "#7644ad";
+                    }
+                }
+            }
+
+            var number = value?.ToString();
+            var numberNormalized = number.Replace("-", string.Empty);
+
+            if (parameter != null)
+            {
+                if (VisaRegex.IsMatch(numberNormalized))
+                {
+                    if (parameter.ToString() == "0")
+                    {
+                        return "#af4aff";
+                    }
+
+                    if (parameter.ToString() == "1")
+                    {
+                        return "#3e5aff";
+                    }
+                }
+                else if (MasterRegex.IsMatch(numberNormalized))
+                {
+                    if (parameter.ToString() == "0")
+                    {
+                        return "#713d74";
+                    }
+
+                    if (parameter.ToString() == "1")
+                    {
+                        return "#221e60";
+                    }
+                }
+                else
+                {
+                    if (parameter.ToString() == "0")
+                    {
+                        return "#d54381";
+                    }
+
+                    if (parameter.ToString() == "1")
+                    {
+                        return "#7644ad";
+                    }
+                }
+            }
+
+            return Color.Transparent;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/EssentialUIKit/Converters/CardNumberToImageConverter.cs b/EssentialUIKit/Converters/CardNumberToImageConverter.cs
new file mode 100644
index 00000000..0cab40d1
--- /dev/null
+++ b/EssentialUIKit/Converters/CardNumberToImageConverter.cs
@@ -0,0 +1,37 @@
+using System;
+using System.Globalization;
+using Xamarin.Forms;
+
+namespace EssentialUIKit.Converters
+{
+    public class CardNumberToImageConverter : CardValidator, IValueConverter
+    {
+        public ImageSource NotRecognized { get; set; }
+
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (value != null)
+            {
+                var number = value.ToString();
+                var numberNormalized = number.Replace("-", string.Empty);
+
+                if (VisaRegex.IsMatch(numberNormalized))
+                {
+                    return "Visa.png";
+                }
+
+                if (MasterRegex.IsMatch(numberNormalized))
+                {
+                    return "Card.png";
+                }
+            }
+
+            return string.Empty;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}
diff --git a/EssentialUIKit/Converters/CardValidator.cs b/EssentialUIKit/Converters/CardValidator.cs
new file mode 100644
index 00000000..b96c0a36
--- /dev/null
+++ b/EssentialUIKit/Converters/CardValidator.cs
@@ -0,0 +1,10 @@
+using System.Text.RegularExpressions;
+
+namespace EssentialUIKit.Converters
+{
+    public abstract class CardValidator
+    {
+        public static readonly Regex VisaRegex = new Regex(@"^4[0-9]{6,}$");
+        public static readonly Regex MasterRegex = new Regex(@"^5[1-5][0-9]{5,}|222[1-9][0-9]{3,}|22[3-9][0-9]{4,}|2[3-6][0-9]{5,}|27[01][0-9]{4,}|2720[0-9]{3,}$");
+    }
+}
diff --git a/EssentialUIKit/Converters/DynamicResourceToColorConverter.cs b/EssentialUIKit/Converters/DynamicResourceToColorConverter.cs
index 43759949..4e03c1af 100644
--- a/EssentialUIKit/Converters/DynamicResourceToColorConverter.cs
+++ b/EssentialUIKit/Converters/DynamicResourceToColorConverter.cs
@@ -28,7 +28,7 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
             }
 
             Application.Current.Resources.TryGetValue(dynamicResource.Key, out var color);
-            return (Color) color;
+            return (Color)color;
         }
 
         /// <summary>
diff --git a/EssentialUIKit/Converters/ErrorValidationColorConverter.cs b/EssentialUIKit/Converters/ErrorValidationColorConverter.cs
deleted file mode 100644
index c200653d..00000000
--- a/EssentialUIKit/Converters/ErrorValidationColorConverter.cs
+++ /dev/null
@@ -1,103 +0,0 @@
-using System;
-using System.Globalization;
-using System.Text.RegularExpressions;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Controls;
-using EssentialUIKit.ViewModels.Forms;
-
-namespace EssentialUIKit.Converters
-{
-    /// <summary>
-    /// This class have methods to convert the Boolean values to color objects. 
-    /// This is needed to validate in the Entry controls. If the validation is failed, it will return the color code of error, otherwise it will be transparent.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class ErrorValidationColorConverter : IValueConverter
-    {
-        /// <summary>
-        /// Identifies the simple and gradient login pages.
-        /// </summary>
-        public string PageVariantParameter { get; set; }
-
-        /// <summary>
-        /// This method is used to convert the bool to color.
-        /// </summary>
-        /// <param name="value">Gets the value.</param>
-        /// <param name="targetType">Gets the target type.</param>
-        /// <param name="parameter">Gets the parameter.</param>
-        /// <param name="culture">Gets the culture.</param>
-        /// <returns>Returns the color.</returns>
-        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
-        {
-            // For Gradient login page 
-            if (PageVariantParameter == "0")
-            {
-                var emailEntry = parameter as BorderlessEntry;
-
-                if (!(emailEntry.BindingContext is LoginViewModel bindingContext))
-                {
-                    return Color.Transparent;
-                }
-
-                var isFocused = (bool)value;
-                bindingContext.IsInvalidEmail = !isFocused && !CheckValidEmail(bindingContext.Email);
-
-                if (isFocused)
-                {
-                    return Color.FromRgba(255, 255, 255, 0.6);
-                }
-
-                return bindingContext.IsInvalidEmail ? Color.FromHex("#FF4A4A") : Color.Transparent;
-
-            }
-            // For Simple login page
-            else
-            {
-                var emailEntry = parameter as BorderlessEntry;
-
-                if (!(emailEntry.BindingContext is LoginViewModel bindingContext)) return Color.FromHex("#ced2d9");
-
-                var isFocused1 = (bool)value;
-                bindingContext.IsInvalidEmail = !isFocused1 && !CheckValidEmail(bindingContext.Email);
-
-                if (isFocused1)
-                {
-                    return Color.FromHex("#959eac");
-                }
-
-                return bindingContext.IsInvalidEmail ? Color.FromHex("#FF4A4A") : Color.FromHex("#ced2d9");
-
-            }
-        }
-
-        /// <summary>
-        /// This method is used to convert the color to bool.
-        /// </summary>
-        /// <param name="value">Gets the value.</param>
-        /// <param name="targetType">Gets the target type.</param>
-        /// <param name="parameter">Gets the parameter.</param>
-        /// <param name="culture">Gets the culture.</param>
-        /// <returns>Returns the string.</returns>        
-        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
-        {
-            return null;
-        }
-
-        /// <summary>
-        /// Validates the email.
-        /// </summary>
-        /// <param name="email">Gets the email.</param>
-        /// <returns>Returns the boolean value.</returns>
-        private static bool CheckValidEmail(string email)
-        {
-            if (string.IsNullOrEmpty(email))
-            {
-                return true;
-            }
-
-            var regex = new Regex(@"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*");
-            return regex.IsMatch(email) && !email.EndsWith(".");
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Converters/IntToDateFormatConverter.cs b/EssentialUIKit/Converters/IntToDateFormatConverter.cs
index aa6417c3..e2fff103 100644
--- a/EssentialUIKit/Converters/IntToDateFormatConverter.cs
+++ b/EssentialUIKit/Converters/IntToDateFormatConverter.cs
@@ -28,13 +28,13 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
                     {
                         return "dd-MMM";
                     }
+
                 case 2:
                 case 3:
                 case 4:
                     {
                         return "MMM";
                     }
-
             }
 
             return "MMM";
@@ -52,6 +52,5 @@ public object ConvertBack(object value, Type targetType, object parameter, Cultu
         {
             return true;
         }
-
     }
 }
diff --git a/EssentialUIKit/Converters/IntToThicknessConverter.cs b/EssentialUIKit/Converters/IntToThicknessConverter.cs
index b1085930..79999d72 100644
--- a/EssentialUIKit/Converters/IntToThicknessConverter.cs
+++ b/EssentialUIKit/Converters/IntToThicknessConverter.cs
@@ -24,7 +24,11 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
             if (value != null)
             {
                 int itemCount;
-                int.TryParse(value.ToString(), out itemCount);
+                if (int.TryParse(value.ToString(), out itemCount))
+                {
+                    // Do Nothing
+                }
+
                 if (itemCount >= 0)
                 {
                     return new Thickness(0, -15, 0, 0);
diff --git a/EssentialUIKit/Converters/InverseBoolConverter.cs b/EssentialUIKit/Converters/InverseBoolConverter.cs
new file mode 100644
index 00000000..c933ea84
--- /dev/null
+++ b/EssentialUIKit/Converters/InverseBoolConverter.cs
@@ -0,0 +1,37 @@
+using System;
+using System.Globalization;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Converters
+{
+    /// <summary>
+    /// This class have methods convert to reverse the Boolean values.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class InverseBoolConverter : IValueConverter
+    {
+        /// <summary>
+        /// This method is used to convert to reverse the Boolean values.
+        /// </summary>
+        /// <param name="value">Gets the value.</param>
+        /// <param name="targetType">Gets the target type.</param>
+        /// <param name="parameter">Gets the parameter.</param>
+        /// <param name="culture">Gets the culture.</param>
+        /// <returns>Returns the  inverse bool value.</returns>
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (!(value is bool))
+            {
+                throw new InvalidOperationException("The target must be a boolean");
+            }
+
+            return !(bool)value;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
diff --git a/EssentialUIKit/Converters/NameValidationConverter.cs b/EssentialUIKit/Converters/NameValidationConverter.cs
new file mode 100644
index 00000000..a00a1d3b
--- /dev/null
+++ b/EssentialUIKit/Converters/NameValidationConverter.cs
@@ -0,0 +1,35 @@
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Converters
+{
+    /// <summary>
+    /// This class have methods to convert integer to string .
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class NameValidationConverter : IValueConverter
+    {
+        /// <summary>
+        /// This method is used to convert integer to string.
+        /// </summary>
+        /// <param name="value">Gets the value.</param>
+        /// <param name="targetType">Gets the target type.</param>
+        /// <param name="parameter">Gets the parameter.</param>
+        /// <param name="culture">Gets the culture.</param>
+        /// <returns>returns the string</returns>
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            ICollection<string> errors = value as ICollection<string>;
+            return errors != null && errors.Count > 0 ? errors.ElementAt(0) : null;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            return null;
+        }
+    }
+}
diff --git a/EssentialUIKit/Converters/StringToBooleanConverter.cs b/EssentialUIKit/Converters/StringToBooleanConverter.cs
deleted file mode 100644
index 61b23cc9..00000000
--- a/EssentialUIKit/Converters/StringToBooleanConverter.cs
+++ /dev/null
@@ -1,66 +0,0 @@
-using System;
-using System.Globalization;
-using System.Text.RegularExpressions;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Controls;
-
-namespace EssentialUIKit.Converters
-{
-    /// <summary>
-    /// This class have methods to convert the string values to boolean.     
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class StringToBooleanConverter : IValueConverter
-    {
-        /// <summary>
-        /// This method is used to convert the string to boolean.
-        /// </summary>
-        /// <param name="value">The value</param>
-        /// <param name="targetType">The target</param>
-        /// <param name="parameter">The parameter</param>
-        /// <param name="culture">The culture</param>
-        /// <returns>The result</returns>
-        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
-        {
-            if (value == null || !(parameter is BorderlessEntry email))
-            {
-                return false;
-            }
-
-            var isFocused = (bool) value;
-            var isInvalidEmail = !isFocused && !CheckValidEmail(email.Text);
-
-            return !isFocused && isInvalidEmail;
-        }
-
-        /// <summary>
-        /// This method is used to convert the boolean to string.
-        /// </summary>
-        /// <param name="value">The value</param>
-        /// <param name="targetType">The target</param>
-        /// <param name="parameter">The parameter</param>
-        /// <param name="culture">The culture</param>
-        /// <returns>The result</returns>
-        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
-        {
-            return true;
-        }
-
-        /// <summary>
-        /// Validates the email.
-        /// </summary>
-        /// <param name="email">Gets the email</param>
-        /// <returns>Returns the boolean value.</returns>
-        private static bool CheckValidEmail(string email)
-        {
-            if (string.IsNullOrEmpty(email))
-            {
-                return true;
-            }
-
-            var regex = new Regex(@"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*");
-            return regex.IsMatch(email) && !email.EndsWith(".");
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Converters/StringToColorConverter.cs b/EssentialUIKit/Converters/StringToColorConverter.cs
index d36a1d36..32c6f6a9 100644
--- a/EssentialUIKit/Converters/StringToColorConverter.cs
+++ b/EssentialUIKit/Converters/StringToColorConverter.cs
@@ -1,7 +1,5 @@
 using System;
-using System.Collections.Generic;
 using System.Globalization;
-using System.Text;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -54,6 +52,24 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
                         }
                     }
 
+                case "1":
+                    {
+                        if ((string)value == "NotStarted")
+                        {
+                            Application.Current.Resources.TryGetValue("Gray-700", out var gray700);
+                            return (Color)gray700;
+                        }
+                        else if (((string)value == "InProgress") || ((string)value == "Completed"))
+                        {
+                            Application.Current.Resources.TryGetValue("Gray-900", out var gray900);
+                            return (Color)gray900;
+                        }
+                        else
+                        {
+                            return Color.Transparent;
+                        }
+                    }
+
                 default:
                     return Color.Transparent;
             }
diff --git a/EssentialUIKit/Converters/StringToGlyphConverter.cs b/EssentialUIKit/Converters/StringToGlyphConverter.cs
index e8b10ea7..a9b844b8 100644
--- a/EssentialUIKit/Converters/StringToGlyphConverter.cs
+++ b/EssentialUIKit/Converters/StringToGlyphConverter.cs
@@ -22,30 +22,33 @@ public class StringToGlyphConverter : IValueConverter
         public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
         {
             var text = value;
-            switch ((string)text)
+            if (parameter != null)
             {
-                case "Text":
-                    ((Label)parameter).IsVisible = false;
-                    return text;
-                case "Viewed":
-                case "New":
-                    Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
-                    ((Label)parameter).TextColor = (Color)retVal;
-                    break;
-                case "Received":
-                case "Sent":
-                    Application.Current.Resources.TryGetValue("Gray-600", out var colorVal);
-                    ((Label)parameter).TextColor = (Color)colorVal;
-                    break;
-                case "Audio":
-                case "Video":
-                case "Contact":
-                case "Photo":
-                    ((Label)parameter).IsVisible = true;
-                    break;
+                switch ((string)text)
+                {
+                    case "Text":
+                        ((Label)parameter).IsVisible = false;
+                        return text;
+                    case "Viewed":
+                    case "New":
+                        Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
+                        ((Label)parameter).TextColor = (Color)retVal;
+                        break;
+                    case "Received":
+                    case "Sent":
+                        Application.Current.Resources.TryGetValue("Gray-600", out var colorVal);
+                        ((Label)parameter).TextColor = (Color)colorVal;
+                        break;
+                    case "Audio":
+                    case "Video":
+                    case "Contact":
+                    case "Photo":
+                        ((Label)parameter).IsVisible = true;
+                        break;
+                }
             }
 
-            ((Label)parameter).Resources.TryGetValue((string)value, out text);
+            ((Label)parameter)?.Resources.TryGetValue((string)value, out text);
             return text;
         }
 
diff --git a/EssentialUIKit/Converters/StringToMessageTypeConverter.cs b/EssentialUIKit/Converters/StringToMessageTypeConverter.cs
index 53a28424..ab003e7e 100644
--- a/EssentialUIKit/Converters/StringToMessageTypeConverter.cs
+++ b/EssentialUIKit/Converters/StringToMessageTypeConverter.cs
@@ -30,8 +30,8 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
                 case "Contact":
                     messageType = "John Deo Sync";
                     break;
-                case "Text":                   
-                    var message = bindingContext != null ? ((ChatDetail)bindingContext).Message : string.Empty;                    
+                case "Text":
+                    var message = bindingContext != null ? ((ChatDetail)bindingContext).Message : string.Empty;
                     messageType = message;
                     break;
                 default:
@@ -43,27 +43,19 @@ public object Convert(object value, Type targetType, object parameter, CultureIn
             {
                 Application.Current.Resources.TryGetValue("Gray-900", out var returnColor);
 
-                ((Label)parameter).FontFamily = Device.RuntimePlatform == Device.Android
-                    ? "Montserrat-SemiBold.ttf#Montserrat-SemiBold"
-                    : Device.RuntimePlatform == Device.iOS
-                        ? "Montserrat-SemiBold"
-                        : "Assets/Montserrat-SemiBold.ttf#Montserrat-SemiBold";
+                ((Label)parameter).FontFamily = "Montserrat-SemiBold";
 
                 ((Label)parameter).TextColor = (Color)returnColor;
             }
-            else 
+            else
             {
                 Application.Current.Resources.TryGetValue("Gray-600", out var returnColor);
 
-                ((Label)parameter).FontFamily = Device.RuntimePlatform == Device.Android
-                    ? "Montserrat-Medium.ttf#Montserrat-Medium"
-                    : Device.RuntimePlatform == Device.iOS
-                        ? "Montserrat-Medium"
-                        : "Assets/Montserrat-Medium.ttf#Montserrat-Medium";
+                ((Label)parameter).FontFamily = "Montserrat-Medium";
 
                 ((Label)parameter).TextColor = (Color)returnColor;
             }
-            
+
             return messageType;
         }
 
diff --git a/EssentialUIKit/Data/about.json b/EssentialUIKit/Data/about.json
new file mode 100644
index 00000000..28abe769
--- /dev/null
+++ b/EssentialUIKit/Data/about.json
@@ -0,0 +1,54 @@
+{
+  "productDescription": "Situated in the heart of Smith-town, Acme Products, Inc., has a long-standing tradition of selling the best products while providing the fastest service on the market. Since 1952, we have helped our customers identify their needs, understand their wants, and capture their dreams.",
+  "productIcon": "Icon.png",
+  "productVersion": "1.0",
+  "bannerImage": "Mask.png",
+
+  "employeeDetails": [
+    {
+      "employeeName": "Alice",
+      "image": "ProfileImage15.png",
+      "designation": "Project Manager"
+    },
+    {
+      "employeeName": "Jessica Park",
+      "image": "ProfileImage10.png",
+      "designation": "Senior Manager"
+    },
+    {
+      "employeeName": "Lisa",
+      "image": "ProfileImage11.png",
+      "designation": "Senior Developer"
+    },
+    {
+      "employeeName": "Rebecca",
+      "image": "ProfileImage12.png",
+      "designation": "Senior Designer"
+    },
+    {
+      "employeeName": "Alexander",
+      "image": "ProfileImage3.png",
+      "designation": "Senior Manager"
+    },
+    {
+      "employeeName": "Anthony",
+      "image": "ProfileImage1.png",
+      "designation": "Senior Developer"
+    },
+    {
+      "employeeName": "Danielle",
+      "image": "ProfileImage7.png",
+      "designation": "Senior Developer"
+    },
+    {
+      "employeeName": "Kyle Greene",
+      "image": "ProfileImage6.png",
+      "designation": "Senior Developer"
+    },
+    {
+      "employeeName": "Navya Sharma",
+      "image": "ProfileImage13.png",
+      "designation": "Senior Developer"
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/article.json b/EssentialUIKit/Data/article.json
new file mode 100644
index 00000000..4185fb7a
--- /dev/null
+++ b/EssentialUIKit/Data/article.json
@@ -0,0 +1,119 @@
+{
+  "articleName": "Better Brainstorming by Hand",
+  "articleParallaxHeaderImage": "ArticleParallaxHeaderImage.png",
+  "articleSubImage": "BlogDetail.png",
+  "articleAuthor": "John Doe",
+  "articleDate": "Apr 16",
+  "articleReadingTime": "5 mins read",
+  "articleContent": "Organizing projects is now predominantly a digital endeavor. Physical whiteboards have given way to electronic Gantt charts. Pocket calendars have yielded to smartphone scheduling apps. Even the most popular tool of the most ferocious organizers\u002Dthe sticky note\u002Dnow has a digital counterpart. Despite this digitization, one shouldn\u0027t lose sight of the usefulness of articulating ideas on paper. Handwriting is still the most viable means for bringing ideas and concepts into the physical world for organizing and comparing.This isn\u0027t to say you should remain in the archaic world of markers and pens; rather, handwriting should be harnessed as the initial step in understanding a project\u002Da free association of all the ideas that pop into your head. After organizing and reorganizing your thoughts on paper, moving them into the digital realm as tasks, reminders, and schedules serves as the final refinement of what you\u0027re trying to accomplishment and how you plan to accomplish it.",
+  "subTitle1": "Procedure for writing out your ideas",
+  "subTitle2": "RELATED STORIES",
+  "articleImage": "ArticleImage2.png",
+
+  "relatedStories": [
+    {
+      "itemImage": "ArticleImage2.png",
+      "name": "Learning to Reset",
+      "author": "John Doe",
+      "date": "Aug 2010",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage3.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage4.png",
+      "name": "Guiding Your Flock to Success",
+      "author": "John Doe",
+      "date": "May 2012",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage5.png",
+      "name": "Be a Nurturing, Fierce Team Leader",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage6.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Dec 2013",
+      "averageReadingTime": "5 mins read"
+    }
+  ],
+  "contentList": [
+    {
+      "description": "Write a one or two sentence summary of the goal or project you want to complete."
+    },
+    {
+      "description": "Then write every idea you associate with the goal or project on separate pieces of paper sticky notes are ideal. Don\u0027t self edit at this point, write everything that comes to mind."
+    },
+    {
+      "description": "Spread all the pieces of paper onto a table, a desk, a bed, or even the floor."
+    },
+    {
+      "description": "Sort the ideas by category some will be tasks to do, others will be equipment or training you need."
+    },
+    {
+      "description": "Organize the categories from top to bottom according to the sequence in which they need to occur. This will help you remove items that are redundant and identify items that need to be added."
+    },
+    {
+      "description": "Now you are ready to enter the items in an organized fashion into your project management software"
+    }
+  ],
+  "reviews": [
+    {
+      "profileimage": "ProfileImage1.png",
+      "customername": "Jhon Deo",
+      "comment": "Greatest article I have ever read in my life.",
+      "revieweddate": "29 Dec, 2019"
+    },
+    {
+      "profileimage": "ProfileImage3.png",
+      "customername": "David Son",
+      "comment": "Absolutely love them! Can't stop reading!",
+      "revieweddate": "29 Dec, 2019"
+    }
+  ],
+  "articleList": [
+    {
+      "itemImage": "Book1.png"
+    },
+    {
+      "itemImage": "Book2.png"
+    },
+    {
+      "itemImage": "Book3.png"
+    },
+    {
+      "itemImage": "Book4.png"
+    },
+    {
+      "itemImage": "Book5.png"
+    },
+    {
+      "itemImage": "Book6.png"
+    },
+    {
+      "itemImage": "Book7.png"
+    },
+    {
+      "itemImage": "Book8.png"
+    },
+    {
+      "itemImage": "Book9.png"
+    },
+    {
+      "itemImage": "Book10.png"
+    }
+
+  ]
+
+
+}
diff --git a/EssentialUIKit/Data/bookmark.json b/EssentialUIKit/Data/bookmark.json
new file mode 100644
index 00000000..098ed2cd
--- /dev/null
+++ b/EssentialUIKit/Data/bookmark.json
@@ -0,0 +1,61 @@
+{
+  "latestStories": [
+    {
+      "itemImage": "ArticleImage2.png",
+      "name": "Learning to Reset",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage3.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Apr 18",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage4.png",
+      "name": "Guiding Your Flock to Success",
+      "author": "John Doe",
+      "date": "May 10",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage5.png",
+      "name": "Be a Nurturing, Fierce Team Leader",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage6.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Apr 10",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage7.jpg",
+      "name": "Guiding Your Flock to Success",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    },
+    {
+      "itemImage": "ArticleImage8.jpg",
+      "name": "Be a Nurturing, Fierce Team Leader",
+      "author": "John Doe",
+      "date": "May 05",
+      "averageReadingTime": "5 mins read",
+      "isBookmarked": true
+    }
+  
+  ]
+}
diff --git a/EssentialUIKit/Data/catalog.json b/EssentialUIKit/Data/catalog.json
new file mode 100644
index 00000000..11d7f209
--- /dev/null
+++ b/EssentialUIKit/Data/catalog.json
@@ -0,0 +1,221 @@
+{
+  "featuredStories": [
+    {
+      "itemImage": "ArticleImage2.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Aug 2010",
+      "name": "Learning to Reset"
+    },
+    {
+      "itemImage": "ArticleImage3.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Apr 16",
+      "name": "Holistic Approach to UI Design"
+    },
+    {
+      "itemImage": "ArticleImage4.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "May 2012",
+      "name": "Guiding Your Flock to Success"
+    },
+    {
+      "itemImage": "ArticleImage5.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Apr 16",
+      "name": "Be a Nurturing, Fierce Team Leader"
+    },
+    {
+      "itemImage": "ArticleImage6.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Dec 2013",
+      "name": "Holistic Approach to UI Design"
+    }
+  ],
+  "latestStories": [
+    {
+      "itemImage": "ArticleImage2.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Apr 16",
+      "name": "Learning to Reset"
+    },
+    {
+      "itemImage": "ArticleImage3.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "May 26",
+      "name": "Holistic Approach to UI Design"
+    },
+    {
+      "itemImage": "ArticleImage4.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Apr 10",
+      "name": "Guiding Your Flock to Success"
+    },
+    {
+      "itemImage": "ArticleImage5.png",
+      "author": "John Doe",
+      "averageReadingTime": "5 min read",
+      "date": "Apr 16",
+      "name": "Holistic Approach to UI Design"
+    }
+  ],
+  "travelPlacesList": [
+    {
+      "imagePath": "Surf-hotel-in-dubai.jpeg",
+      "place": "Dubai",
+      "details": "A melting pot of cultures, Dubai is the most advanced city in the Arab world. Lined with luxury resorts, there are activities for every interest, from camel racing to fossil cliffs to extravagant shopping opportunities."
+    },
+    {
+      "imagePath": "Mount-fuji.jpeg",
+      "place": "Mount Fuji",
+      "details": "Japan most famous, holy mountain dominates the landscape of three prefectures when you can see it. Fuji-san is shy and often obscured by clouds, but take the slow train through Shizuoka, or go shopping at the grand Gotemba outlet mall and you might get lucky"
+    },
+    {
+      "imagePath": "London.jpeg",
+      "place": "London",
+      "details": "The bustling capital of the United Kingdom has enough historical landmarks, architectural beauties, and free museums to keep even the pickiest traveler occupied for days, if not weeks."
+    },
+    {
+      "imagePath": "Singapore.jpeg",
+      "place": "Singapore",
+      "details": "At only 725 sq. km., Singapore is one of the smallest countries in the world, but it packs a major punch in terms of reasons to visit."
+    }
+  ],
+  "topDestinationsList": [
+    {
+      "imagePath": "Venice.jpeg",
+      "place": "Venice, Italy",
+      "details": "Venice is arguably the most beautiful city in the world. The world seems to agree, sending 30 million tourists to walk its cobblestone streets, cross its ornate bridges, and sail down its elegant canals every year.",
+      "price": "$1500"
+    },
+    {
+      "imagePath": "Santorini-greece.jpeg",
+      "place": "Santorini, Greece",
+      "details": "The result of volcanic eruptions that devastated ancient civilizations, Santorini, locally known as Thira, is now a tourism must-do. The white buildings and blue roofs of Oia town are an icon of Greece itself.",
+      "price": "$2000"
+    },
+    {
+      "imagePath": "Salt-Pond-Bay-Thailand.jpeg",
+      "place": "Maya Beach, Thailand",
+      "details": "The crystal blue waters of this cove were made famous by the 2000 movie The Beach. Surrounded by dramatic cliffs and a white-sand beach, Maya Beach is a popular day trip.",
+      "price": "$2500"
+    },
+    {
+      "imagePath": "Gran-via-Valencia.jpeg",
+      "place": "Madrid, Spain",
+      "details": "The capital of Spain tends to be overlooked in favor of the colorful Barcelona, but this city has a glamor of its own.",
+      "price": "$1700"
+    }
+  ],
+  "bestPlacesList": [
+    {
+      "imagePath": "Salt-Pond-Bay-Thailand.jpeg",
+      "place": "Maya Bay, Thailand"
+    },
+    {
+      "imagePath": "Gran-via-Valencia.jpeg",
+      "place": "Madrid, Spain"
+    },
+    {
+      "imagePath": "Venice.jpeg",
+      "place": "Venice, Italy"
+    },
+    {
+      "imagePath": "Santorini-greece.jpeg",
+      "place": "Santorini, Greece"
+    }
+  ],
+  "articles": [
+    {
+      "name": "Better Brainstorming by Hand",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 min read",
+      "itemImage": "ArticleParallaxHeaderImage.png",
+      "bookmarkedCount": 157,
+      "favouritesCount": 100,
+      "sharedCount": 170
+    },
+    {
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Apr 28",
+      "averageReadingTime": "5 min read",
+      "itemImage": "Event-Image.png",
+      "bookmarkedCount": 123,
+      "favouritesCount": 60,
+      "sharedCount": 100
+    },
+    {
+      "name": "Learning to Reset",
+      "author": "John Doe",
+      "date": "Aug 16",
+      "averageReadingTime": "5 min read",
+      "itemImage": "ArticleImage2.png",
+      "bookmarkedCount": 213,
+      "favouritesCount": 250,
+      "sharedCount": 210
+    },
+    {
+      "name": "Music",
+      "author": "John Doe",
+      "date": "Aug 25",
+      "averageReadingTime": "5 min read",
+      "itemImage": "ArticleImage7.jpg",
+      "bookmarkedCount": 263,
+      "favouritesCount": 350,
+      "sharedCount": 300
+    },
+    {
+      "name": "Guiding Your Flock to Success",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 min read",
+      "itemImage": "ArticleImage4.png",
+      "bookmarkedCount": 113,
+      "favouritesCount": 90,
+      "sharedCount": 190
+    }
+  ],
+  "eventItems": [
+    {
+      "eventDate": "24",
+      "eventMonth": "Dec",
+      "eventName": "Build Your Base, New York",
+      "eventTime": "2:00 PM - 6:00 PM",
+      "imagePath": "Event-Image-two.png",
+      "isPopular": true
+    },
+    {
+      "eventDate": "22",
+      "eventMonth": "Dec",
+      "eventName": "Ignite Music, New York",
+      "eventTime": "7:00 PM - 11:00 PM",
+      "imagePath": "Event-Image.png",
+      "isUpcoming": true
+    },
+    {
+      "eventDate": "27",
+      "eventMonth": "Dec",
+      "eventName": "John Weds Jane, New York",
+      "eventTime": "10:00 AM - 2:00 PM",
+      "imagePath": "Event-Image-three.png",
+      "isPopular": true
+    },
+    {
+      "eventDate": "23",
+      "eventMonth": "Dec",
+      "eventName": "BigSounds, New York",
+      "eventTime": "BigSounds, New York",
+      "imagePath": "Event-Image-one.png",
+      "isUpcoming": true
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/chat.json b/EssentialUIKit/Data/chat.json
new file mode 100644
index 00000000..72df26c5
--- /dev/null
+++ b/EssentialUIKit/Data/chat.json
@@ -0,0 +1,164 @@
+{
+  "chatItems": [
+    {
+      "imagePath": "ProfileImage2.png",
+      "senderName": "Alice Russell",
+      "messageType": "Text",
+      "message": "https://app.syncfusion",
+      "time": "15 min",
+      "notificationType": "New"
+    },
+    {
+      "imagePath": "ProfileImage3.png",
+      "senderName": "Danielle Schneider",
+      "messageType": "Audio",
+      "time": "23 min",
+      "availableStatus": "Available",
+      "notificationType": "Viewed"
+    },
+    {
+      "imagePath": "ProfileImage4.png",
+      "senderName": "Jessica Park",
+      "messageType": "Text",
+      "message": "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
+      "time": "1 hr",
+      "notificationType": "New"
+    },
+    {
+      "imagePath": "ProfileImage5.png",
+      "senderName": "Julia Grant",
+      "messageType": "Video",
+      "availableStatus": "Available",
+      "time": "3 hr",
+      "notificationType": "Received"
+    },
+    {
+      "imagePath": "ProfileImage6.png",
+      "senderName": "kyle Greene",
+      "messageType": "Contact",
+      "message": "Jhone Deo Sync",
+      "time": "Yesterday",
+      "notificationType": "Viewed"
+    },
+    {
+      "imagePath": "ProfileImage7.png",
+      "senderName": "Danielle Booker",
+      "messageType": "Text",
+      "message": "Val Geisier is a writer who",
+      "time": "Jan 30",
+      "availableStatus": "Available",
+      "notificationType": "Received"
+    },
+    {
+      "imagePath": "ProfileImage8.png",
+      "senderName": "Jazmine Simmons",
+      "messageType": "Text",
+      "message": "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.",
+      "availableStatus": "Available",
+      "time": "12/8/2018",
+      "notificationType": "Sent"
+    },
+    {
+      "imagePath": "ProfileImage9.png",
+      "senderName": "Ira Membrit",
+      "messageType": "Photo",
+      "message": "8/8/2018",
+      "availableStatus": "Available",
+      "notificationType": "Viewed"
+    },
+    {
+      "imagePath": "ProfileImage10.png",
+      "senderName": "Serina Willams",
+      "messageType": "Text",
+      "message": "A customer who bought your",
+      "time": "10/6/2018",
+      "notificationType": "Sent"
+    },
+    {
+      "imagePath": "ProfileImage11.png",
+      "senderName": "Alise Valasquez",
+      "messageType": "Text",
+      "message": "Syncfusion components help you deliver applications with great user experiences across iOS, Android, and Universal Windows Platform from a single code base.",
+      "time": "2/5/2018",
+      "notificationType": "New"
+    },
+    {
+      "imagePath": "ProfileImage12.png",
+      "senderName": "Allie Bellew",
+      "messageType": "Audio",
+      "availableStatus": "Available",
+      "time": "24/4/2018",
+      "notificationType": "Viewed"
+    },
+    {
+      "imagePath": "ProfileImage13.png",
+      "senderName": "Navya Sharma",
+      "messageType": "Text",
+      "message": "https://www.syncfusion.com",
+      "time": "10/4/2018",
+      "notificationType": "New"
+    },
+    {
+      "imagePath": "ProfileImage14.png",
+      "senderName": "Carly Ling",
+      "messageType": "Video",
+      "availableStatus": "Available",
+      "time": "22/3/2018",
+      "notificationType": "Received"
+    },
+    {
+      "imagePath": "ProfileImage15.png",
+      "senderName": "Diayana Sebastine",
+      "messageType": "Contact",
+      "message": "Kishore Nisanth",
+      "time": "15/3/2018",
+      "notificationType": "Viewed"
+    },
+    {
+      "imagePath": "ProfileImage16.png",
+      "senderName": "Marc Sherry",
+      "messageType": "Text",
+      "message": "Val Geisier is a writer who",
+      "time": "12/3/2018",
+      "availableStatus": "Available",
+      "notificationType": "Sent"
+    },
+    {
+      "imagePath": "ProfileImage17.png",
+      "senderName": "Dona Merina",
+      "messageType": "Text",
+      "message": "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.",
+      "time": "3/2/2018",
+      "notificationType": "Sent"
+    }
+  ],
+
+  "profileImage": "ProfileImage1.png",
+  "profileName": "Alex Russell",
+  "image": "ProfileImage3.png",
+
+  "chatMessageInfo": [
+    {
+      "isReceived": true,
+      "message": "Hi, can you tell me the specifications of the Dell Inspiron 5370 laptop?",
+      "time": "\/Date(1530144000000+0530)\/"
+    },
+    {
+      "time": "\/Date(1530150000000+0530)\/",
+      "message": "* Processor: Intel Core i5-8250U processor \n* Display: 13.3-inch FHD (1920 x 1080) LED display \n* Memory: 8GB DDR RAM with Intel UHD 620 Graphics \n* Battery: Lithium battery"
+    },
+    {
+      "time": "\/Date(1530153000000+0530)\/",
+      "imagePath": "Electronics.png"
+    },
+    {
+      "time": "\/Date(1530171000000+0530)\/",
+      "message": "How much battery life does it have with wifi and without?",
+      "isReceived": true
+    },
+    {
+      "time": "\/Date(1530180000000+0530)\/",
+      "message": "Approximately 5 hours with wifi. About 7 hours without."
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/deliverytracking.json b/EssentialUIKit/Data/deliverytracking.json
index 4e68fd15..83e47a7d 100644
--- a/EssentialUIKit/Data/deliverytracking.json
+++ b/EssentialUIKit/Data/deliverytracking.json
@@ -9,7 +9,8 @@
       "titlestatus": "Your order has been placed.",
       "date": "Sat, 27th Oct 2018 - 10:40pm",
       "orderstatus": "Seller has processed your order.",
-      "orderdate": "Sun, 28th Oct 2018 - 11:13am"
+      "orderdate": "Sun, 28th Oct 2018 - 11:13am",
+      "stepstatus": "Completed"
     },
     {
       "title": "Packed",
@@ -19,10 +20,12 @@
       "stepstatus": "InProgress"
     },
     {
-      "title": "Shipped"
+      "title": "Shipped",
+      "stepstatus": "NotStarted"
     },
     {
-      "title": "Delivered"
+      "title": "Delivered",
+      "stepstatus": "NotStarted"
     }
   ]
 }
diff --git a/EssentialUIKit/Data/detail.json b/EssentialUIKit/Data/detail.json
new file mode 100644
index 00000000..624dcd9e
--- /dev/null
+++ b/EssentialUIKit/Data/detail.json
@@ -0,0 +1,388 @@
+{
+  "articleName": "Better Brainstorming by Hand",
+  "articleImage": "ArticleImage2.png",
+  "articleSubImage": "BlogDetail.png",
+  "articleAuthor": "John Doe",
+  "articleDate": "Apr 16",
+  "articleReadingTime": "5 mins read",
+  "articleContent": "Organizing projects is now predominantly a digital endeavor. Physical whiteboards have given way to electronic Gantt charts. Pocket calendars have yielded to smartphone scheduling apps. Even the most popular tool of the most ferocious organizers the sticky note now has a digital counterpart. Despite this digitization, one should not lose sight of the usefulness of articulating ideas on paper. Handwriting is still the most viable means for bringing ideas and concepts into the physical world for organizing and comparing.This is not to say you should remain in the archaic world of markers and pens; rather, handwriting should be harnessed as the initial step in understanding a project a free association of all the ideas that pop into your head. After organizing and reorganizing your thoughts on paper, moving them into the digital realm as tasks, reminders, and schedules serves as the final refinement of what you are trying to accomplishment and how you plan to accomplish it.",
+  "subTitle1": "Procedure for writing out your ideas",
+  "subTitle2": "RELATED STORIES",
+
+  "relatedStories": [
+    {
+      "itemImage": "ArticleImage2.png",
+      "name": "Learning to Reset",
+      "author": "John Doe",
+      "date": "Aug 2010",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage3.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage4.png",
+      "name": "Guiding Your Flock to Success",
+      "author": "John Doe",
+      "date": "May 2012",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage5.png",
+      "name": "Be a Nurturing, Fierce Team Leader",
+      "author": "John Doe",
+      "date": "Apr 16",
+      "averageReadingTime": "5 mins read"
+    },
+    {
+      "itemImage": "ArticleImage6.png",
+      "name": "Holistic Approach to UI Design",
+      "author": "John Doe",
+      "date": "Dec 2013",
+      "averageReadingTime": "5 mins read"
+    }
+  ],
+  "contentList": [
+    {
+      "description": "Write a one or two sentence summary of the goal or project you want to complete."
+    },
+    {
+      "description": "Then write every idea you associate with the goal or project on separate pieces of paper sticky notes are ideal. Don\"'t self edit at this point, write everything that comes to mind."
+    },
+    {
+      "description": "Spread all the pieces of paper onto a table, a desk, a bed, or even the floor."
+    },
+    {
+      "description": "Sort the ideas by category some will be tasks to do, others will be equipment or training you need."
+    },
+    {
+      "description": "Organize the categories from top to bottom according to the sequence in which they need to occur. This will help you remove items that are redundant and identify items that need to be added."
+    },
+    {
+      "description": "Now you are ready to enter the items in an organized fashion into your project management software"
+    }
+  ],
+  "dataTableList": [
+    {
+      "imageIcon": "Liverpool-FC.png",
+      "serialNumber": "1",
+      "clubName": "LIV",
+      "goldPoints": "+28",
+      "points": "49",
+      "matchResults": [ "#7ed321", "#7ed321", "#7ed321", "#7ed321", "#7ed321" ]
+    },
+    {
+      "imageIcon": "Leicester-City.png",
+      "serialNumber": "2",
+      "clubName": "LEI",
+      "goldPoints": "+29",
+      "points": "39",
+      "matchResults": [ "#7ed321", "#7ed321", "#7ed321", "#7ed321", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "Manchester-City.png",
+      "serialNumber": "3",
+      "clubName": "MCI",
+      "goldPoints": "+28",
+      "points": "49",
+      "matchResults": [ "#7ed321", "#b2b8c2", "#7ed321", "#ff4a4a", "#7ed321" ]
+    },
+    {
+      "imageIcon": "Chelsea.png",
+      "serialNumber": "4",
+      "clubName": "CHE",
+      "goldPoints": "+6",
+      "points": "29",
+      "matchResults": [ "#ff4a4a", "#ff4a4a", "#7ed321", "#ff4a4a", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "Tottenham-Hotspur.png",
+      "serialNumber": "5",
+      "clubName": "TOT",
+      "goldPoints": "+8",
+      "points": "26",
+      "matchResults": [ "#7ed321", "#7ed321", "#ff4a4a", "#7ed321", "#7ed321" ]
+    },
+    {
+      "imageIcon": "manchester-united-logo.png",
+      "serialNumber": "6",
+      "clubName": "MUN",
+      "goldPoints": "+6",
+      "points": "25",
+      "matchResults": [ "#b2b8c2", "#b2b8c2", "#7ed321", "#7ed321", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "Sheffield-United.png",
+      "serialNumber": "7",
+      "clubName": "SHU",
+      "goldPoints": "+5",
+      "points": "525",
+      "matchResults": [ "#b2b8c2", "#b2b8c2", "#ff4a4a", "#7ed321", "#7ed321" ]
+    },
+    {
+      "imageIcon": "Wolverhampton-Wanderers.png",
+      "serialNumber": "8",
+      "clubName": "WOL",
+      "goldPoints": "+3",
+      "points": "24",
+      "matchResults": [ "#7ed321", "#b2b8c2", "#7ed321", "#b2b8c2", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "Crystal-Palace.png",
+      "serialNumber": "9",
+      "clubName": "CRY",
+      "goldPoints": "-4",
+      "points": "23",
+      "matchResults": [ "#ff4a4a", "#7ed321", "#7ed321", "#b2b8c2", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "Arsenal.png",
+      "serialNumber": "10",
+      "clubName": "ARS",
+      "goldPoints": "-3",
+      "points": "22",
+      "matchResults": [ "#b2b8c2", "#b2b8c2", "#ff4a4a", "#7ed321", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "Newcastle-United.png",
+      "serialNumber": "11",
+      "clubName": "NEW",
+      "goldPoints": "-7",
+      "points": "22",
+      "matchResults": [ "#ff4a4a", "#b2b8c2", "#7ed321", "#7ed321", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "Burnley.png",
+      "serialNumber": "12",
+      "clubName": "BUR",
+      "goldPoints": "-7",
+      "points": "21",
+      "matchResults": [ "#7ed321", "#ff4a4a", "#ff4a4a", "#ff4a4a", "#7ed321" ]
+    },
+    {
+      "imageIcon": "Brighton-and-Hove-Albion.png",
+      "serialNumber": "13",
+      "clubName": "BHA",
+      "goldPoints": "-4",
+      "points": "20",
+      "matchResults": [ "#ff4a4a", "#ff4a4a", "#7ed321", "#b2b8c2", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "AFC-Bournemouth.png",
+      "serialNumber": "14",
+      "clubName": "BOU",
+      "goldPoints": "-5",
+      "points": "19",
+      "matchResults": [ "#ff4a4a", "#ff4a4a", "#ff4a4a", "#ff4a4a", "#7ed321" ]
+    },
+    {
+      "imageIcon": "West-Ham-United.png",
+      "serialNumber": "15",
+      "clubName": "WHU",
+      "goldPoints": "-9",
+      "points": "19",
+      "matchResults": [ "#ff4a4a", "#7ed321", "#ff4a4a", "#ff4a4a", "#7ed321" ]
+    },
+    {
+      "imageIcon": "Everton.png",
+      "serialNumber": "16",
+      "clubName": "EVE",
+      "goldPoints": "-9",
+      "points": "18",
+      "matchResults": [ "#ff4a4a", "#ff4a4a", "#ff4a4a", "#7ed321", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "Aston-Villa.png",
+      "serialNumber": "17",
+      "clubName": "AVL",
+      "goldPoints": "-7",
+      "points": "15",
+      "matchResults": [ "#b2b8c2", "#7ed321", "#7ed321", "#ff4a4a", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "southampton-football-club-vector-logo.png",
+      "serialNumber": "18",
+      "clubName": "SOU",
+      "goldPoints": "-18",
+      "points": "15",
+      "matchResults": [ "#b2b8c2", "#7ed321", "#7ed321", "#ff4a4a", "#ff4a4a" ]
+    },
+    {
+      "imageIcon": "Norwich-City.png",
+      "serialNumber": "19",
+      "clubName": "NOR",
+      "goldPoints": "-17",
+      "points": "12",
+      "matchResults": [ "#7ed321", "#b2b8c2", "#ff4a4a", "#ff4a4a", "#b2b8c2" ]
+    },
+    {
+      "imageIcon": "Watford.png",
+      "serialNumber": "20",
+      "clubName": "WAT",
+      "goldPoints": "-23",
+      "points": "9",
+      "matchResults": [ "#ff4a4a", "#ff4a4a", "#ff4a4a", "#b2b8c2", "#ff4a4a" ]
+    }
+  ],
+
+  "headerImagePath": "Event-Image-two.png",
+
+  "connections": [
+    {
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "imagePath": "ProfileImage11.png"
+    },
+    {
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "imagePath": "ProfileImage11.png"
+    },
+    {
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "imagePath": "ProfileImage11.png"
+    }
+  ],
+  "addressDetails": [
+    {
+      "name": "John Doe",
+      "addressType": "Home",
+      "location": "114 Ridge St NW, Hudson, NC 28638",
+      "contactNumber": "(828) 228-2882"
+    },
+    {
+      "name": "John Doe",
+      "addressType": "Work",
+      "location": "100 S 4th St, Bloomfield, NM 87413",
+      "contactNumber": "(828) 295-1271"
+    }
+  ],
+
+  "name": "Full-Length Skirt",
+  "summary": "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
+  "actualPrice": 245,
+  "discountPercent": 30,
+  "description": "Ankle-length skirt with high waistband. Lightweight, comfortable cotton construction with side zipper.",
+  "previewImages": [
+    "Image1.png",
+    "Image1.png",
+    "Image1.png",
+    "Image1.png",
+    "Image1.png"
+  ],
+  "sizevariants": [ "XS", "S", "M", "L", "XL" ],
+  "detailPageReviews": [
+    {
+      "profileimage": "ProfileImage10.png",
+      "customername": "Serina Williams",
+      "comment": "Greatest purchase I have ever made in my life.",
+      "revieweddate": "29 Dec, 2019",
+      "rating": 5,
+      "images": [
+        "Image1.png",
+        "Image1.png",
+        "Image1.png",
+        "Image1.png"
+      ]
+    },
+    {
+      "profileimage": "ProfileImage11.png",
+      "customername": "Alise Valasquez",
+      "comment": "Absolutely love them! Can't stop wearing!",
+      "revieweddate": "29 Dec, 2019",
+      "rating": 3,
+      "images": [
+        "Image1.png",
+        "Image1.png",
+        "Image1.png"
+      ]
+    }
+  ],
+
+  "feedbackInfo": [
+    {
+      "customerName": "Jessica Park",
+      "comment": "These boots are stunning and I look stunning in them.",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage5.png",
+      "rating": 3
+    },
+    {
+      "customerName": "Alice",
+      "comment": "Greatest purchase I have ever made in my life. No lie.",
+      "customerImage": "ProfileImage3.png",
+      "rating": 3
+    },
+    {
+      "customerName": "John",
+      "comment": "Absolutely love them! Can't stop wearing!",
+      "customerImage": "ProfileImage1.png",
+      "rating": 2
+    },
+    {
+      "customerName": "Lisa",
+      "comment": "These boots are very much comfortable for wearing.",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage6.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Rebacca",
+      "comment": "Absolutely love them! Can't stop wearing!",
+      "customerImage": "ProfileImage10.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Jessica Park",
+      "comment": "Happy purchasing!",
+      "customerImage": "ProfileImage13.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Alice",
+      "comment": "Happy buying!",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage8.png",
+      "rating": 4
+    }
+  ],
+  "images": [ "Shoe1.png", "Shoe1.png", "Shoe1.png" ]
+}
diff --git a/EssentialUIKit/Data/ecommerce.json b/EssentialUIKit/Data/ecommerce.json
index 897d60b3..ed6b495b 100644
--- a/EssentialUIKit/Data/ecommerce.json
+++ b/EssentialUIKit/Data/ecommerce.json
@@ -240,7 +240,7 @@
 
   "newarrivalproducts": [
     {
-      "previewimage": "Sunglass.png",
+      "previewimage": "TransparentSunglasses.png",
       "name": "Sunglass",
       "description": "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
       "actualprice": "220",
@@ -249,7 +249,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Shoe.png",
+      "previewimage": "TransparentShoes.png",
       "name": "Shoes",
       "description": "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
       "actualprice": "285",
@@ -258,7 +258,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Watch.png",
+      "previewimage": "TransparentWatch.png",
       "name": "Watch",
       "description": "Available in khaki, taupe, and dove gray, this high-waisted, cotton skirt hits just below the knees.",
       "actualprice": "220",
@@ -267,7 +267,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Travelbag.png",
+      "previewimage": "TransparentTravelbag.png",
       "name": "Travel Bag",
       "description": "This cute miniature pack has adjustable straps, allowing it to be carried on your back, or as a purse. The genuine leather comes in cream, black, mahogany, and wine.",
       "actualprice": "285",
@@ -276,7 +276,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Wallet.png",
+      "previewimage": "TransparentWallet.png",
       "name": "Wallet",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
@@ -285,44 +285,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Bed.png",
-      "name": "Bed",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Desktop.png",
-      "name": "Desktop",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Laptop.png",
-      "name": "Laptop",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Mattress.png",
-      "name": "Mattress",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "NoteBook.png",
-      "name": "NoteBook",
+      "previewimage": "TransparentHandbag.png",
+      "name": "Hand Bag",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -333,7 +297,7 @@
 
   "offerproducts": [
     {
-      "previewimage": "Shoe2.png",
+      "previewimage": "TransparentShoes.png",
       "name": "Men Shoes",
       "description": "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
       "actualprice": "220",
@@ -342,7 +306,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Watch2.png",
+      "previewimage": "TransparentWatch.png",
       "name": "Watch",
       "description": "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
       "actualprice": "285",
@@ -351,8 +315,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Spec.png",
-      "name": "Spec",
+      "previewimage": "TransparentWallet.png",
+      "name": "Wallet",
       "description": "Available in khaki, taupe, and dove gray, this high-waisted, cotton skirt hits just below the knees.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -360,7 +324,7 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Handbag1.png",
+      "previewimage": "TransparentHandbag.png",
       "name": "Hand Bag",
       "description": "This cute miniature pack has adjustable straps, allowing it to be carried on your back, or as a purse. The genuine leather comes in cream, black, mahogany, and wine.",
       "actualprice": "285",
@@ -369,53 +333,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Crown.png",
-      "name": "Crown",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Ring2.png",
-      "name": "Ring",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Camera.png",
-      "name": "Camera",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "CarTire.png",
-      "name": "CarTire",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "CoffeeCup.png",
-      "name": "CoffeeCup",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Cycle.png",
-      "name": "Cycle",
+      "previewimage": "TransparentSunglasses.png",
+      "name": "Sunglass",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -423,8 +342,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "DinningSet.png",
-      "name": "DinningSet",
+      "previewimage": "TransparentTravelbag.png",
+      "name": "Travel Bag",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -435,8 +354,8 @@
 
   "recommendedproducts": [
     {
-      "previewimage": "Headphone.png",
-      "name": "Headphone",
+      "previewimage": "TransparentWatch.png",
+      "name": "Watch",
       "description": "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -444,8 +363,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Mac.png",
-      "name": "Mac",
+      "previewimage": "TransparentHandbag.png",
+      "name": "Hand Bag",
       "description": "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
       "actualprice": "285",
       "discountpercent": "30",
@@ -453,8 +372,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Neckllace.png",
-      "name": "Neckllace",
+      "previewimage": "TransparentSunglasses.png",
+      "name": "Sunglass",
       "description": "Available in khaki, taupe, and dove gray, this high-waisted, cotton skirt hits just below the knees.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -462,8 +381,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Ring.png",
-      "name": "Ring",
+      "previewimage": "TransparentWallet.png",
+      "name": "Wallet",
       "description": "This cute miniature pack has adjustable straps, allowing it to be carried on your back, or as a purse. The genuine leather comes in cream, black, mahogany, and wine.",
       "actualprice": "285",
       "discountpercent": "30",
@@ -471,26 +390,8 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Ring1.png",
-      "name": "Ring",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "Shoe1.png",
-      "name": "Shoe",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
-    },
-    {
-      "previewimage": "GiftBox.png",
-      "name": "GiftBox",
+      "previewimage": "TransparentTravelbag.png",
+      "name": "Travel Bag",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
       "discountpercent": "15",
@@ -498,49 +399,43 @@
       "totalquantity": 0
     },
     {
-      "previewimage": "Gym.png",
-      "name": "Gym",
+      "previewimage": "TransparentShoes.png",
+      "name": "Shoes",
       "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
       "actualprice": "220",
       "discountpercent": "15",
       "quantities": [ "1", "2", "3" ],
       "totalquantity": 0
-    },
+    }
+  ],
+  "transactionDetails": [
     {
-      "previewimage": "KitchenToolSet.png",
-      "name": "KitchenToolSet",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
+      "customerName": "Alice",
+      "transactionDescription": "Cashback",
+      "customerImage": "ProfileImage15.png",
+      "transactionAmount": "+ $70",
+      "isCredited": true
     },
     {
-      "previewimage": "PenandStationery.png",
-      "name": "PenandStationery",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
+      "customerName": "Jessica Park",
+      "transactionDescription": "XXXXXXX6585",
+      "customerImage": "ProfileImage10.png",
+      "transactionAmount": "+ $80",
+      "isCredited": true
     },
     {
-      "previewimage": "Ring3.png",
-      "name": "Ring3",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
+      "customerName": "Lisa",
+      "transactionDescription": "Recharge",
+      "customerImage": "ProfileImage11.png",
+      "transactionAmount": "- $50",
+      "isCredited": true
     },
     {
-      "previewimage": "Table.png",
-      "name": "Table",
-      "description": "Be bold in red with this fashionable, yet comfortable dress. Three-quarter-length sleeves are perfect for the in-between weather of autumn.",
-      "actualprice": "220",
-      "discountpercent": "15",
-      "quantities": [ "1", "2", "3" ],
-      "totalquantity": 0
+      "customerName": "Rebecca",
+      "transactionDescription": "Credit Card Bill",
+      "customerImage": "ProfileImage12.png",
+      "transactionAmount": "- $180",
+      "isCredited": true
     }
   ]
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Data/errorAndEmpty.json b/EssentialUIKit/Data/errorAndEmpty.json
new file mode 100644
index 00000000..2a12c1bd
--- /dev/null
+++ b/EssentialUIKit/Data/errorAndEmpty.json
@@ -0,0 +1,46 @@
+{
+  "emptyCartImagePath": "EmptyCart.svg",
+  "emptyCartHeader": "CART IS EMPTY",
+  "emptyCartContent": "You don\u0027t have any items in your cart",
+
+  "locationDeniedImagePath": "LocationAccessDenied.svg",
+  "locationDeniedHeader": "LOCATION BLOCKED",
+  "locationDeniedContent": "You cannot access this location at this time",
+
+  "noCreditsImagePath": "NoCredits.svg",
+  "noCreditsHeader": "NO CREDITS",
+  "noCreditsContent": "You don\u0027t have any credits",
+
+  "noInternetImagePath": "NoInternet.svg",
+  "noInternetHeader": "NO INTERNET",
+  "noInternetContent": "You must be connected to the internet to complete this action",
+
+  "noItemImagePath": "NoItem.svg",
+  "noItemHeader": "NO ITEMS",
+  "noItemContent": "You haven\u0027t selected any items yet",
+
+  "noPhotosImagePath": "NoPhotos.svg",
+  "noPhotosHeader": "NO PHOTOS",
+  "noPhotosContent": "You haven\u0027t selected any photos yet",
+
+  "noTasksImagePath": "NoTasks.svg",
+  "noTasksHeader": "NO TASKS",
+  "noTasksContent": "You haven\u0027t been assigned any tasks yet",
+
+  "notEnoughCreditImagePath": "NotEnoughCredit.svg",
+  "notEnoughCreditHeader": "NOT ENOUGH CREDIT",
+  "notEnoughCreditContent": "You don\u0027t have enough credit to access this benefit",
+
+  "noVideosImagePath": "NoVideos.svg",
+  "noVideosHeader": "NO VIDEOS",
+  "noVideosContent": "You haven\u0027t selected any videos yet",
+
+  "paymentFailedImagePath": "PaymentFailed.svg",
+  "paymentFailedHeader": "PAYMENT FAILED",
+  "paymentFailedContent": "An error occurred while processing your payment",
+
+  "somethingWentWrongImagePath": "SomethingWentWrong.svg",
+  "somethingWentWrongHeader": "SOMETHING WENT WRONG",
+  "somethingWentWrongContent": "We are not sure what happened, but we know an error occurred"
+
+}
diff --git a/EssentialUIKit/Data/feedback.json b/EssentialUIKit/Data/feedback.json
new file mode 100644
index 00000000..063546a9
--- /dev/null
+++ b/EssentialUIKit/Data/feedback.json
@@ -0,0 +1,49 @@
+{
+  "feedbackInfo": [
+    {
+      "customerName": "Jessica Park",
+      "comment": "These boots are stunning and I look stunning in them.",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage5.png",
+      "rating": 3
+    },
+    {
+      "customerName": "Alice",
+      "comment": "Greatest purchase I have ever made in my life. No lie.",
+      "customerImage": "ProfileImage3.png",
+      "rating": 3
+    },
+    {
+      "customerName": "John",
+      "comment": "Absolutely love them! Can't stop wearing!",
+      "customerImage": "ProfileImage1.png",
+      "rating": 2
+    },
+    {
+      "customerName": "Lisa",
+      "comment": "These boots are very much comfortable for wearing.",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage6.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Rebacca",
+      "comment": "Absolutely love them! Can't stop wearing!",
+      "customerImage": "ProfileImage10.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Jessica Park",
+      "comment": "Happy purchasing!",
+      "customerImage": "ProfileImage13.png",
+      "rating": 4
+    },
+    {
+      "customerName": "Alice",
+      "comment": "Happy buying!",
+      "images": [ "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png", "ReviewShoe.png" ],
+      "customerImage": "ProfileImage8.png",
+      "rating": 4
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/navigation.json b/EssentialUIKit/Data/navigation.json
index 369a00f8..2c921b97 100644
--- a/EssentialUIKit/Data/navigation.json
+++ b/EssentialUIKit/Data/navigation.json
@@ -3,49 +3,49 @@
     {
       "albumName": "Favourites",
       "albumImage": "Album1.png",
-      "photosCount": "178",
+      "imagesCount": "178",
       "category": "MY ALBUM"
     },
     {
       "albumName": "WhatsApp",
       "albumImage": "Album2.png",
-      "photosCount": "187",
+      "imagesCount": "187",
       "category": "MY ALBUM"
     },
     {
       "albumName": "Work",
       "albumImage": "Album3.png",
-      "photosCount": "156",
+      "imagesCount": "156",
       "category": "MY ALBUM"
     },
     {
       "albumName": "Facebook",
       "albumImage": "Album4.png",
-      "photosCount": "67",
+      "imagesCount": "67",
       "category": "MY ALBUM"
     },
     {
       "albumName": "People",
       "albumImage": "Album5.png",
-      "photosCount": "18",
+      "imagesCount": "18",
       "category": "OTHER ALBUM"
     },
     {
       "albumName": "Place",
       "albumImage": "Album6.png",
-      "photosCount": "96",
+      "imagesCount": "96",
       "category": "OTHER ALBUM"
     },
     {
       "albumName": "Wildlife",
       "albumImage": "Album7.png",
-      "photosCount": "134",
+      "imagesCount": "134",
       "category": "OTHER ALBUM"
     },
     {
       "albumName": "Food",
       "albumImage": "Album8.png",
-      "photosCount": "104",
+      "imagesCount": "104",
       "category": "OTHER ALBUM"
     }
   ],
@@ -225,8 +225,8 @@
     },
     {
       "songImage": "Songs_Image8.png",
-      "songname": "A Thousand Teardrops",
-      "composer": "Shadowfax"
+      "songname": "Winter into Spring",
+      "composer": "George Winston"
     }
 
   ],
@@ -582,37 +582,37 @@
   "documentsPageList": [
     {
       "documentName": "Sample Browser Notes.docx",
-      "time": "8mins ago",
+      "time": "8 mins ago",
       "documentSize": "100KB"
     },
     {
       "documentName": "Attendance Sheet.xlsx",
-      "time": "20mins ago",
+      "time": "20 mins ago",
       "documentSize": "86KB"
     },
     {
       "documentName": "Button Requirement.docx",
-      "time": "45mins ago",
+      "time": "45 mins ago",
       "documentSize": "117KB"
     },
     {
       "documentName": "Invoice October.pdf",
-      "time": "1hr ago",
+      "time": "1 hr ago",
       "documentSize": "600KB"
     },
     {
       "documentName": "UG Documentation.docx",
-      "time": "2hrs ago",
+      "time": "2 hrs ago",
       "documentSize": "98KB"
     },
     {
       "documentName": "Pay Slip October.pdf",
-      "time": "2hrs ago",
+      "time": "2 hrs ago",
       "documentSize": "749KB"
     },
     {
       "documentName": "UI Template Requirement.docx",
-      "time": "19hrs ago",
+      "time": "19 hrs ago",
       "documentSize": "48KB"
     },
     {
@@ -669,7 +669,117 @@
     {
       "name": "Dustin Blake"
     }
-  ]
-}
+  ],
+
+  "rotatorMoviesList": [
+    {
+      "image": "BannerImage.png"
+    },
+    {
+      "image": "BanarImage2.jpg"
+    },
+    {
+      "image": "BanarImage3.jpg"
+    },
+    {
+      "image": "BanarImage4.jpeg"
+    },
+    {
+      "image": "BanarImage5.jpg"
+    }
+  ],
 
+  "showingMoviesList": [
+    {
+      "moviename": "The Lion King",
+      "image": "Lion+King.png",
+      "movierating": 5
+    },
+    {
+      "moviename": "Captain Marvel",
+      "image": "Captain+Marvel.png",
+      "movierating": 5
+    },
+    {
+      "moviename": "The Irishman",
+      "image": "The+Irishman.png",
+      "movierating": 5
+    }
+  ],
 
+  "trailerMoviesList": [
+    {
+      "moviename": "Toy Story 4",
+      "image": "Toy+Story+4.png"
+    },
+    {
+      "moviename": "Star Wars: The Rise of Skywalker",
+      "image": "Star+Wars.png"
+    },
+    {
+      "moviename": "The Aeronauts",
+      "image": "The+Aeronauts.png"
+    }
+  ],
+
+  "upcomingMoviesList": [
+    {
+      "moviename": "Aladdin",
+      "image": "Aladdin.png",
+      "movierating": 5
+    },
+    {
+      "moviename": "Avengers: Endgame",
+      "image": "Avengers+End+Game.png",
+      "movierating": 5
+    },
+    {
+      "moviename": "Joker",
+      "image": "Joker.png",
+      "movierating": 5
+    }
+  ],
+
+  "fileExploreList": [
+    {
+      "folderName": "Documents",
+      "items": "8 Items",
+      "dateTime": "28/11/2019  10:30 PM"
+    },
+    {
+      "folderName": "Downloads",
+      "items": "28 Items",
+      "dateTime": "8/11/2019  11:20 PM"
+    },
+    {
+      "folderName": "My Music",
+      "items": "148 Items",
+      "dateTime": "2/1/2020  8:44 AM"
+    },
+    {
+      "folderName": "My Videos",
+      "items": "48 Items",
+      "dateTime": "21/9/2019  12:10 PM"
+    },
+    {
+      "folderName": "Images",
+      "items": "342 Items",
+      "dateTime": "16/12/2019  6:45 PM"
+    },
+    {
+      "folderName": "Data",
+      "items": "21 Items",
+      "dateTime": "18/11/2019  10:24 AM"
+    },
+    {
+      "folderName": "Movies",
+      "items": "12 Items",
+      "dateTime": "25/11/2019  7:30 AM"
+    },
+    {
+      "folderName": "Files",
+      "items": "43 Items", 
+      "dateTime": "14/12/2019  11:30 PM"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Data/notification.json b/EssentialUIKit/Data/notification.json
index e0e427d1..b6c24dcd 100644
--- a/EssentialUIKit/Data/notification.json
+++ b/EssentialUIKit/Data/notification.json
@@ -90,5 +90,35 @@
       "time": "2 mins ago",
       "isRead": "true"
     }
+  ],
+  "ecommerceNotificationPageList": [
+    {
+      "notificationIcon": "Delivered",
+      "description": "Delivered: Your package of boAt BassHeads 100 Stereo In-Ear Earphones (Black)",
+      "backgroundColor": "#f29f40",
+      "time": "5 Mins ago",
+      "isRead": "false"
+    },
+    {
+      "notificationIcon": "Offer",
+      "description": "Get 20% OFF on Home Products. Offer Valid for 24 hours.",
+      "backgroundColor": "#6c88ff",
+      "time": "4 hours ago",
+      "isRead": "true"
+    },
+    {
+      "notificationIcon": "FlashSale",
+      "description": "Flash Sale starting tomorrow. Don't forget to check it out.",
+      "backgroundColor": "#a8d35f",
+      "time": "9 hours ago",
+      "isRead": "true"
+    },
+    {
+      "notificationIcon": "Arrived",
+      "description": "Package order #246734 has arrived.",
+      "backgroundColor": "#cf62e2",
+      "time": "9 hours ago",
+      "isRead": "true"
+    }
   ]
-}
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Data/profile.json b/EssentialUIKit/Data/profile.json
new file mode 100644
index 00000000..1c10567a
--- /dev/null
+++ b/EssentialUIKit/Data/profile.json
@@ -0,0 +1,60 @@
+{
+  "cardItems": [
+    {
+      "category": "Calories Eaten",
+      "categoryValue": "13,100",
+      "categoryImage": "CaloriesEaten.svg"
+    },
+    {
+      "category": "Heart Rate",
+      "categoryValue": "87 BPM",
+      "categoryImage": "HeartRate.svg"
+    },
+    {
+      "category": "Water Consumed",
+      "categoryValue": "38.6 L",
+      "categoryImage": "WaterConsumed.svg"
+    },
+    {
+      "category": "Sleep Duration",
+      "categoryValue": "7.3 H",
+      "categoryImage": "SleepDuration.svg"
+    }
+  ],
+
+  "profileImage": "ProfileImage16.png",
+  "profileName": "Lela Cortez",
+  "state": "San Francisco",
+  "country": "CA",
+  "age": "35",
+  "weight": "159 Ibs",
+  "height": "165 cm",
+  "itemImage": "ProfileImage1.png",
+  "name": "John Doe",
+  "email": "johndoe@gmail.com",
+
+  "contactProfileImage": "ContactProfileImage.png",
+
+  "profileInfo": [
+    {
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "imagePath": "ProfileImage11.png"
+    },
+    {
+      "imagePath": "ProfileImage12.png"
+    },
+    {
+      "imagePath": "ProfileImage13.png"
+    },
+    {
+      "imagePath": "ProfileImage14.png"
+    },
+    {
+      "imagePath": "ProfileImage15.png"
+    }
+  ]
+
+
+}
diff --git a/EssentialUIKit/Data/social.json b/EssentialUIKit/Data/social.json
new file mode 100644
index 00000000..5d7f89a4
--- /dev/null
+++ b/EssentialUIKit/Data/social.json
@@ -0,0 +1,110 @@
+{
+  "headerImagePath": "Album2.png",
+  "profileImage": "ProfileImage16.png",
+  "backgroundImage": "Sky-Image.png",
+  "profileName": "Lela Cortez",
+  "designation": "Designer",
+  "state": "San Francisco",
+  "country": "CA",
+  "about": "I am a UMN graduate (go Gophers!) and Minnesota native, but I am already loving my new home in the Golden Gate City! I cant wait to explore more of the great music scene here.",
+  "postsCount": 8,
+  "followersCount": 45,
+  "followingCount": 45,
+
+  "interests": [
+    {
+      "name": "Food",
+      "imagePath": "Recipe12.png"
+    },
+    {
+      "name": "Travel",
+      "imagePath": "Album5.png"
+    },
+    {
+      "name": "Music",
+      "imagePath": "ArticleImage7.jpg"
+    },
+    {
+      "name": "Bags",
+      "imagePath": "Accessories.png"
+    },
+    {
+      "name": "Market",
+      "imagePath": "PersonalCare.png"
+    },
+    {
+      "name": "Food",
+      "imagePath": "Recipe12.png"
+    },
+    {
+      "name": "Travel",
+      "imagePath": "Album5.png"
+    },
+    {
+      "name": "Music",
+      "imagePath": "ArticleImage7.jpg"
+    },
+    {
+      "name": "Bags",
+      "imagePath": "Accessories.png"
+    },
+    {
+      "name": "Market",
+      "imagePath": "PersonalCare.png"
+    }
+  ],
+  "connections": [
+    {
+      "name": "Rose King",
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "name": "Jeanette Bell",
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "name": "Lily Castro",
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "name": "Susie Moss",
+      "imagePath": "ProfileImage11.png"
+    },
+    {
+      "name": "Rose King",
+      "imagePath": "ProfileImage7.png"
+    },
+    {
+      "name": "Jeanette Bell",
+      "imagePath": "ProfileImage9.png"
+    },
+    {
+      "name": "Lily Castro",
+      "imagePath": "ProfileImage10.png"
+    },
+    {
+      "name": "Susie Moss",
+      "imagePath": "ProfileImage11.png"
+    }
+  ],
+  "pictures": [
+    {
+      "imagePath": "ProfileImage8.png"
+    },
+    {
+      "imagePath": "Album6.png"
+    },
+    {
+      "imagePath": "ArticleImage4.jpg"
+    },
+    {
+      "imagePath": "Recipe17.png"
+    },
+    {
+      "imagePath": "ArticleImage5.jpg"
+    },
+    {
+      "imagePath": "Mask.png"
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/timeline.json b/EssentialUIKit/Data/timeline.json
new file mode 100644
index 00000000..454ebe22
--- /dev/null
+++ b/EssentialUIKit/Data/timeline.json
@@ -0,0 +1,77 @@
+{
+  "dailyTimeline": [
+    {
+      "name": "Gym",
+      "description": "Treadmill, squats, bike, weights",
+      "time": "8 AM",
+      "icon": "\ue74c"
+    },
+    {
+      "name": "Breakfast",
+      "description": "Toast, boiled Egg, pineapple, orange juice.",
+      "time": "9 AM",
+      "itemImage": "Recipe9.png",
+      "icon": "\ue750"
+    },
+    {
+      "name": "Meeting-College Friends",
+      "description": "Daily Grind. Coordinating gifts for Mel's baby shower",
+      "time": "10 AM",
+      "icon": "\ue714"
+    },
+    {
+      "name": "Photograpy Exhibit",
+      "description": "At the art center. Parking deck on Main St. Meet Jon and Kate at entrance.",
+      "time": "12 PM",
+      "icon": "\ue713"
+    },
+    {
+      "name": "Lunch",
+      "description": "O'Henrys One block north of art center. Try the fries.",
+      "time": "1 PM",
+      "icon": "\ue74e"
+    },
+    {
+      "name": "Organization Workshop",
+      "description": "Brooklyn building, room 311. Bring laptop and water bottle.",
+      "time": "3 PM",
+      "icon": "\ue751"
+    },
+    {
+      "name": "Snacks",
+      "description": "Apple, banana, fresh juice",
+      "time": "6 PM",
+      "icon": "\ue74b"
+    }
+  ],
+
+  "companyName": "Elm Vaults",
+  "companyDescription": "Elm Vaults is the industry leader in wooden vault construction. For more than 80 years, people around the world have relied on us for vaults that are equal parts secure and aesthetically pleasing.",
+
+  "companyHistory": [
+    {
+      "year": 2019
+    },
+    {
+      "description": "The Texas Cedar Elm Vault is released, impressing vault enthusiasts with its height and oblique-based leaves."
+    },
+    {
+      "description": "The Cork Elm Vault is named Best in Show at the Midwestern Vault Show. This is the ninth time an Elm Vaults product has won the award."
+    },
+    {
+      "year": 2018
+    },
+    {
+      "description": "The David Elm Vault design receives an overhaul to further distinguish it from the American Elm Vault."
+    },
+    {
+      "description": "65th anniversary of the Slippery Elm Vault, a popular vault among baseball pitchers and historians."
+    },
+    {
+      "year": 2016
+    },
+    {
+      "description": "The Heartwood and Sapwood Vault Add-Ons are announced, introducing an unprecedented element of modularity to Elm Vaults products."
+    }
+  ]
+}
diff --git a/EssentialUIKit/Data/transaction.json b/EssentialUIKit/Data/transaction.json
new file mode 100644
index 00000000..56ef387c
--- /dev/null
+++ b/EssentialUIKit/Data/transaction.json
@@ -0,0 +1,110 @@
+{
+  "cardDetails": [
+    {
+      "cardType": "CREDIT CARD",
+      "number": "XXXX  XXXX  XXXX  5838",
+      "name": "Peter Wilson",
+      "expiry": "08/20",
+      "cardCvv": 846,
+      "backgroundGradientStart": "#d54381",
+      "backgroundGradientEnd": "#7644ad",
+      "cardTypeIcon": "Card.png"
+    },
+    {
+      "cardType": "DEBIT CARD",
+      "number": "XXXX  XXXX  XXXX  0743",
+      "name": "Peter Wilson",
+      "expiry": "03/21",
+      "cardCvv": 543,
+      "backgroundGradientStart": "#af4aff",
+      "backgroundGradientEnd": "#3e5aff",
+      "cardTypeIcon": "Visa.png"
+    },
+    {
+      "cardType": "CREDIT CARD",
+      "number": "XXXX  XXXX  XXXX  0629",
+      "name": "Peter Wilson",
+      "expiry": "18/22",
+      "cardCvv": 346,
+      "backgroundGradientStart": "#d54381",
+      "backgroundGradientEnd": "#7644ad",
+      "cardTypeIcon": "Card.png"
+    }
+  ],
+
+  "paymentSuccessIcon": "PaymentSuccess.svg",
+
+  "paymentFailureIcon": "PaymentFailure.svg",
+
+
+  "deliveryAddress": [
+    {
+      "customerId": 1,
+      "customerName": "John Doe",
+      "addressType": "Home",
+      "address": "410 Terry Ave N, USA",
+      "mobileNumber": "+1-202-555-0101"
+    },
+    {
+      "customerId": 1,
+      "customerName": "John Doe",
+      "addressType": "Office",
+      "address": "388 Fort Worth, Texas, United States",
+      "mobileNumber": "+1-356-636-8572"
+    }
+  ],
+  "cartDetails": [
+    {
+      "previewImage": "Image1.png",
+      "name": "Full-Length Skirt",
+      "summary": "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
+      "sellerName": "New Fashion Company",
+      "actualprice": 245,
+      "discountpercent": 30,
+      "totalquantity": 1
+    },
+    {
+      "previewImage": "Image2.png",
+      "name": "Peasant Blouse",
+      "summary": "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
+      "sellerName": "New Fashion Company",
+      "actualprice": 245,
+      "discountpercent": 30,
+      "totalquantity": 1
+    }
+  ],
+  "paymentModes": [
+    {
+      "paymentMode": "Goldman Sachs Bank Credit Card",
+      "cardNumber": "48** **** **** 9876",
+      "cardTypeIcon": "Card.png"
+    },
+    {
+      "paymentMode": "Wells Fargo Bank Credit Card"
+    },
+    {
+      "paymentMode": "Debit / Credit Card"
+    },
+    {
+      "paymentMode": "NetBanking"
+    },
+    {
+      "paymentMode": "Cash on Delivery"
+    },
+    {
+      "paymentMode": "Wallet"
+    }
+  ],
+  "priceDetails": [
+    {
+      "actualprice": 245,
+      "discountpercent": 30,
+      "totalquantity": 1
+    },
+    {
+      "actualprice": 245,
+      "discountpercent": 30,
+      "totalquantity": 1
+    }
+  ]
+}
diff --git a/EssentialUIKit/DataService/AlbumDataService.cs b/EssentialUIKit/DataService/AlbumDataService.cs
index a67525cb..1135d9d1 100644
--- a/EssentialUIKit/DataService/AlbumDataService.cs
+++ b/EssentialUIKit/DataService/AlbumDataService.cs
@@ -8,7 +8,7 @@ public class AlbumDataService
     {
         #region fields
 
-        private static AlbumDataService instance;
+        private static AlbumDataService albumDataService;
 
         private AlbumViewModel albumViewModel;
 
@@ -19,7 +19,7 @@ public class AlbumDataService
         /// <summary>
         /// Gets an instance of the <see cref="AlbumDataService"/>.
         /// </summary>
-        public static AlbumDataService Instance => instance ?? (instance = new AlbumDataService());
+        public static AlbumDataService Instance => albumDataService ?? (albumDataService = new AlbumDataService());
 
         /// <summary>
         /// Gets or sets the value of album page view model.
@@ -27,7 +27,7 @@ public class AlbumDataService
         public AlbumViewModel AlbumViewModel =>
             this.albumViewModel ??
             (this.albumViewModel = PopulateData<AlbumViewModel>("navigation.json"));
-               
+
         #endregion
 
         #region Methods
@@ -44,15 +44,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/AppUsageDataService.cs b/EssentialUIKit/DataService/AppUsageDataService.cs
index e2084db7..32f09208 100644
--- a/EssentialUIKit/DataService/AppUsageDataService.cs
+++ b/EssentialUIKit/DataService/AppUsageDataService.cs
@@ -1,7 +1,7 @@
 using System.Reflection;
 using System.Runtime.Serialization.Json;
-using Xamarin.Forms.Internals;
 using EssentialUIKit.ViewModels.Navigation;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
 {
@@ -13,7 +13,7 @@ public class AppUsageDataService
     {
         #region fields 
 
-        private static AppUsageDataService instance;
+        private static AppUsageDataService appUsageDataService;
 
         private AppUsageViewModel appUsageViewModel;
 
@@ -24,7 +24,7 @@ public class AppUsageDataService
         /// <summary>
         /// Gets an instance of the <see cref="AppUsageDataService"/>.
         /// </summary>
-        public static AppUsageDataService Instance => instance ?? (instance = new AppUsageDataService());
+        public static AppUsageDataService Instance => appUsageDataService ?? (appUsageDataService = new AppUsageDataService());
 
         /// <summary>
         /// Gets or sets the value of app usage page view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/CartDataService.cs b/EssentialUIKit/DataService/CartDataService.cs
index 6762d632..7b033e5c 100644
--- a/EssentialUIKit/DataService/CartDataService.cs
+++ b/EssentialUIKit/DataService/CartDataService.cs
@@ -13,8 +13,8 @@ public class CartDataService
     {
         #region fields
 
-        private static CartDataService instance;
-       
+        private static CartDataService cartDataService;
+
         private CartPageViewModel cartPageViewModel;
 
         #endregion
@@ -35,13 +35,13 @@ private CartDataService()
         /// <summary>
         /// Gets an instance of the <see cref="CartDataService"/>.
         /// </summary>
-        public static CartDataService Instance => instance ?? (instance = new CartDataService());
+        public static CartDataService Instance => cartDataService ?? (cartDataService = new CartDataService());
 
         /// <summary>
         /// Gets or sets the value of cart page view model.
         /// </summary>
         public CartPageViewModel CartPageViewModel =>
-            (this.cartPageViewModel = PopulateData<CartPageViewModel>("ecommerce.json"));
+            this.cartPageViewModel = PopulateData<CartPageViewModel>("ecommerce.json");
 
         #endregion
 
@@ -59,15 +59,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/CatalogDataService.cs b/EssentialUIKit/DataService/CatalogDataService.cs
index 058849a4..6b854c7f 100644
--- a/EssentialUIKit/DataService/CatalogDataService.cs
+++ b/EssentialUIKit/DataService/CatalogDataService.cs
@@ -13,7 +13,7 @@ public class CatalogDataService
     {
         #region fields
 
-        private static CatalogDataService instance;
+        private static CatalogDataService catalogDataService;
 
         private CatalogPageViewModel catalogPageViewModel;
 
@@ -35,7 +35,7 @@ private CatalogDataService()
         /// <summary>
         /// Gets an instance of the <see cref="CatalogDataService"/>.
         /// </summary>
-        public static CatalogDataService Instance => instance ?? (instance = new CatalogDataService());
+        public static CatalogDataService Instance => catalogDataService ?? (catalogDataService = new CatalogDataService());
 
         /// <summary>
         /// Gets or sets the value of catalog page view model.
@@ -43,7 +43,7 @@ private CatalogDataService()
         public CatalogPageViewModel CatalogPageViewModel =>
             this.catalogPageViewModel ??
             (this.catalogPageViewModel = PopulateData<CatalogPageViewModel>("ecommerce.json"));
-                
+
         #endregion
 
         #region Methods
@@ -60,15 +60,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/CategoryDataService.cs b/EssentialUIKit/DataService/CategoryDataService.cs
index eb0cfc61..f17ecf8e 100644
--- a/EssentialUIKit/DataService/CategoryDataService.cs
+++ b/EssentialUIKit/DataService/CategoryDataService.cs
@@ -13,7 +13,7 @@ public class CategoryDataService
     {
         #region fields
 
-        private static CategoryDataService instance;
+        private static CategoryDataService categoryDataService;
 
         private CategoryPageViewModel categoryPageViewModel;
 
@@ -35,7 +35,7 @@ private CategoryDataService()
         /// <summary>
         /// Gets an instance of the <see cref="CategoryDataService"/>.
         /// </summary>
-        public static CategoryDataService Instance => instance ?? (instance = new CategoryDataService());
+        public static CategoryDataService Instance => categoryDataService ?? (categoryDataService = new CategoryDataService());
 
         /// <summary>
         /// Gets or sets the value of category page view model.
@@ -60,15 +60,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/CompanyHistoryDataService.cs b/EssentialUIKit/DataService/CompanyHistoryDataService.cs
new file mode 100644
index 00000000..ecf00913
--- /dev/null
+++ b/EssentialUIKit/DataService/CompanyHistoryDataService.cs
@@ -0,0 +1,65 @@
+using System.Reflection;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Dashboard;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.DataService
+{
+    /// <summary>
+    /// Data service to load the data from json file.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class CompanyHistoryDataService
+    {
+        #region fields
+
+        private static CompanyHistoryDataService companyHistoryDataService;
+
+        private CompanyHistoryViewModel companyHistoryViewModel;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets an instance of the <see cref="CompanyHistoryDataService"/>.
+        /// </summary>
+        public static CompanyHistoryDataService Instance => companyHistoryDataService ?? (companyHistoryDataService = new CompanyHistoryDataService());
+
+        /// <summary>
+        /// Gets or sets the value of company history page view model.
+        /// </summary>
+        public CompanyHistoryViewModel CompanyHistoryViewModel =>
+            this.companyHistoryViewModel ??
+            (this.companyHistoryViewModel = PopulateData<CompanyHistoryViewModel>("timeline.json"));
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/DataService/ContactsDataService.cs b/EssentialUIKit/DataService/ContactsDataService.cs
index 9f378ea0..623e638d 100644
--- a/EssentialUIKit/DataService/ContactsDataService.cs
+++ b/EssentialUIKit/DataService/ContactsDataService.cs
@@ -1,7 +1,7 @@
 using System.Reflection;
 using System.Runtime.Serialization.Json;
-using Xamarin.Forms.Internals;
 using EssentialUIKit.ViewModels.Navigation;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
 {
@@ -13,7 +13,7 @@ public class ContactsDataService
     {
         #region fields 
 
-        private static ContactsDataService instance;
+        private static ContactsDataService contactsDataService;
 
         private ContactsViewModel contactsViewModel;
 
@@ -24,7 +24,7 @@ public class ContactsDataService
         /// <summary>
         /// Gets an instance of the <see cref="ContactsDataService"/>.
         /// </summary>
-        public static ContactsDataService Instance => instance ?? (instance = new ContactsDataService());
+        public static ContactsDataService Instance => contactsDataService ?? (contactsDataService = new ContactsDataService());
 
         /// <summary>
         /// Gets or sets the value of contacts page view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/ShoppingDataService.cs b/EssentialUIKit/DataService/DailyTimelineDataService.cs
similarity index 50%
rename from EssentialUIKit/DataService/ShoppingDataService.cs
rename to EssentialUIKit/DataService/DailyTimelineDataService.cs
index 3712ea3d..09652dfd 100644
--- a/EssentialUIKit/DataService/ShoppingDataService.cs
+++ b/EssentialUIKit/DataService/DailyTimelineDataService.cs
@@ -1,6 +1,6 @@
 using System.Reflection;
 using System.Runtime.Serialization.Json;
-using EssentialUIKit.ViewModels.Shopping;
+using EssentialUIKit.ViewModels.Dashboard;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -9,49 +9,36 @@ namespace EssentialUIKit.DataService
     /// Data service to load the data from json file.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class ShoppingDataService
+    public class DailyTimelineDataService
     {
-        #region fields
-
-        private static ShoppingDataService instance;
-
-        private CatalogPageViewModel catalogPageViewModel;
-
-        private CartPageViewModel cartPageViewModel;
+        #region Fields
 
+        private static DailyTimelineDataService dailyTimelineDataService;
+        private DailyTimelineViewModel dailyTimelineViewModel;
         #endregion
 
         #region Constructor
 
         /// <summary>
-        /// Creates an instance for the <see cref="ShoppingDataService"/> class.
+        /// Creates an instance for the <see cref="DailyTimelineDataService"/> class.
         /// </summary>
-        private ShoppingDataService()
+        public DailyTimelineDataService()
         {
         }
-
         #endregion
 
-        #region Properties
+        #region properties
 
         /// <summary>
-        /// Gets an instance of the <see cref="CatalogDataService"/>.
+        /// Gets an instance of the <see cref="DailyTimelineDataService"/>.
         /// </summary>
-        public static ShoppingDataService Instance => instance ?? (instance = new ShoppingDataService());
+        public static DailyTimelineDataService Instance => dailyTimelineDataService ?? (dailyTimelineDataService = new DailyTimelineDataService());
 
         /// <summary>
-        /// Gets or sets the value of catalog page view model.
+        /// Gets or sets the value of pDaily Timeline page view model.
         /// </summary>
-        public CatalogPageViewModel CatalogPageViewModel =>
-            this.catalogPageViewModel ??
-            (this.catalogPageViewModel = PopulateData<CatalogPageViewModel>("ecommerce.json"));
-
-        /// <summary>
-        /// Gets or sets the value of cart page view model.
-        /// </summary>
-        public CartPageViewModel CartPageViewModel =>
-            (this.cartPageViewModel = PopulateData<CartPageViewModel>("ecommerce.json"));
-
+        public DailyTimelineViewModel DailyTimelineViewModel =>
+            this.dailyTimelineViewModel = PopulateData<DailyTimelineViewModel>("timeline.json");
         #endregion
 
         #region Methods
@@ -68,17 +55,16 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
-
         #endregion
     }
 }
diff --git a/EssentialUIKit/DataService/DocumentsListDataService.cs b/EssentialUIKit/DataService/DocumentsListDataService.cs
index be53119d..94bdf752 100644
--- a/EssentialUIKit/DataService/DocumentsListDataService.cs
+++ b/EssentialUIKit/DataService/DocumentsListDataService.cs
@@ -1,7 +1,7 @@
 using System.Reflection;
 using System.Runtime.Serialization.Json;
-using Xamarin.Forms.Internals;
 using EssentialUIKit.ViewModels.Navigation;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
 {
@@ -13,7 +13,7 @@ public class DocumentsListDataService
     {
         #region fields 
 
-        private static DocumentsListDataService instance;
+        private static DocumentsListDataService documentsListDataService;
 
         private DocumentsViewModel documentsViewModel;
 
@@ -24,7 +24,7 @@ public class DocumentsListDataService
         /// <summary>
         /// Gets an instance of the <see cref="DocumentsDataService"/>.
         /// </summary>
-        public static DocumentsListDataService Instance => instance ?? (instance = new DocumentsListDataService());
+        public static DocumentsListDataService Instance => documentsListDataService ?? (documentsListDataService = new DocumentsListDataService());
 
         /// <summary>
         /// Gets or sets the value of documents page view model.
@@ -47,14 +47,14 @@ private static T PopulateData<T>(string fileName)
         {
             var file = "EssentialUIKit.Data." + fileName;
             var assembly = typeof(App).GetTypeInfo().Assembly;
-            T obj;
+            T data;
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/ECommerceNotificationDataService.cs b/EssentialUIKit/DataService/ECommerceNotificationDataService.cs
new file mode 100644
index 00000000..4e91e5bf
--- /dev/null
+++ b/EssentialUIKit/DataService/ECommerceNotificationDataService.cs
@@ -0,0 +1,65 @@
+using System.Reflection;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Notification;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.DataService
+{
+    /// <summary>
+    /// Data service for E-Commerce notification page to load the data from json file.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class ECommerceNotificationDataService
+    {
+        #region fields 
+
+        private static ECommerceNotificationDataService ecommerceNotificationDataService;
+
+        private ECommerceNotificationViewModel ecommerceNotificationViewModel;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets an instance of the <see cref="ECommerceNotificationDataService"/>.
+        /// </summary>
+        public static ECommerceNotificationDataService Instance => ecommerceNotificationDataService ?? (ecommerceNotificationDataService = new ECommerceNotificationDataService());
+
+        /// <summary>
+        /// Gets or sets the value of E-Commerce notification page view model.
+        /// </summary>
+        public ECommerceNotificationViewModel ECommerceNotificationViewModel =>
+            this.ecommerceNotificationViewModel ??
+            (this.ecommerceNotificationViewModel = PopulateData<ECommerceNotificationViewModel>("notification.json"));
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/DataService/FAQDataService.cs b/EssentialUIKit/DataService/FAQDataService.cs
index 6528c200..2d9f50b6 100644
--- a/EssentialUIKit/DataService/FAQDataService.cs
+++ b/EssentialUIKit/DataService/FAQDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,9 +13,9 @@ public class FAQDataService
     {
         #region fields
 
-        private static FAQDataService instance;
+        private static FAQDataService faqDataService;
 
-        private FAQViewModel FAQsViewModel;
+        private FAQViewModel faqViewModel;
 
         #endregion
 
@@ -24,14 +24,14 @@ public class FAQDataService
         /// <summary>
         /// Gets an instance of the <see cref="FAQDataService"/>.
         /// </summary>
-        public static FAQDataService Instance => instance ?? (instance = new FAQDataService());
+        public static FAQDataService Instance => faqDataService ?? (faqDataService = new FAQDataService());
 
         /// <summary>
         /// Gets or sets the value of FAQ page view model.
         /// </summary>
         public FAQViewModel FAQViewModel =>
-            this.FAQsViewModel ??
-            (this.FAQsViewModel = PopulateData<FAQViewModel>("navigation.json"));
+            this.faqViewModel ??
+            (this.faqViewModel = PopulateData<FAQViewModel>("navigation.json"));
 
         #endregion
 
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/FileExploreDataService.cs b/EssentialUIKit/DataService/FileExploreDataService.cs
new file mode 100644
index 00000000..0dcd1a5c
--- /dev/null
+++ b/EssentialUIKit/DataService/FileExploreDataService.cs
@@ -0,0 +1,65 @@
+using System.Reflection;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.DataService
+{
+    /// <summary>
+    /// Data service for file explorer list page to load the data from json file.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class FileExploreDataService
+    {
+        #region fields 
+
+        private static FileExploreDataService fileExploreDataService;
+
+        private FileExploreViewModel fileExploreViewModel;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets an instance of the <see cref="FileExploreDataService"/>.
+        /// </summary>
+        public static FileExploreDataService Instance => fileExploreDataService ?? (fileExploreDataService = new FileExploreDataService());
+
+        /// <summary>
+        /// Gets or sets the value of file explorer list view model.
+        /// </summary>
+        public FileExploreViewModel FileExploreViewModel =>
+            this.fileExploreViewModel ??
+            (this.fileExploreViewModel = PopulateData<FileExploreViewModel>("navigation.json"));
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/DataService/IconNamesListDataService.cs b/EssentialUIKit/DataService/IconNamesListDataService.cs
index 3552b755..5074aea7 100644
--- a/EssentialUIKit/DataService/IconNamesListDataService.cs
+++ b/EssentialUIKit/DataService/IconNamesListDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,7 +13,7 @@ public class IconNamesListDataService
     {
         #region fields 
 
-        private static IconNamesListDataService instance;
+        private static IconNamesListDataService iconNamesListDataService;
 
         private IconNamesListViewModel iconNamesListViewModel;
 
@@ -24,7 +24,7 @@ public class IconNamesListDataService
         /// <summary>
         /// Gets an instance of the <see cref="IconNamesListDataService"/>.
         /// </summary>
-        public static IconNamesListDataService Instance => instance ?? (instance = new IconNamesListDataService());
+        public static IconNamesListDataService Instance => iconNamesListDataService ?? (iconNamesListDataService = new IconNamesListDataService());
 
         /// <summary>
         /// Gets or sets the value of icon name list page view model.
@@ -49,18 +49,17 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/DataService/MoviesDataService.cs b/EssentialUIKit/DataService/MoviesDataService.cs
index 84047223..b948c8a8 100644
--- a/EssentialUIKit/DataService/MoviesDataService.cs
+++ b/EssentialUIKit/DataService/MoviesDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,7 +13,7 @@ public class MoviesDataService
     {
         #region fields
 
-        private static MoviesDataService instance;
+        private static MoviesDataService moviesDataService;
 
         private MoviesPageViewModel moviesViewModel;
 
@@ -24,7 +24,7 @@ public class MoviesDataService
         /// <summary>
         /// Gets an instance of the <see cref="MoviesDataService"/>.
         /// </summary>
-        public static MoviesDataService Instance => instance ?? (instance = new MoviesDataService());
+        public static MoviesDataService Instance => moviesDataService ?? (moviesDataService = new MoviesDataService());
 
         /// <summary>
         /// Gets or sets the value of movie page view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/MyOrdersDataService.cs b/EssentialUIKit/DataService/MyOrdersDataService.cs
index fda0bb53..1605f2d9 100644
--- a/EssentialUIKit/DataService/MyOrdersDataService.cs
+++ b/EssentialUIKit/DataService/MyOrdersDataService.cs
@@ -13,7 +13,7 @@ public class MyOrdersDataService
     {
         #region fields
 
-        private static MyOrdersDataService instance;
+        private static MyOrdersDataService myOrdersDataService;
 
         private MyOrdersPageViewModel myOrderPageViewModel;
 
@@ -35,13 +35,13 @@ private MyOrdersDataService()
         /// <summary>
         /// Gets an instance of the <see cref="MyOrdersDataService"/>.
         /// </summary>
-        public static MyOrdersDataService Instance => instance ?? (instance = new MyOrdersDataService());
-                
+        public static MyOrdersDataService Instance => myOrdersDataService ?? (myOrdersDataService = new MyOrdersDataService());
+
         /// <summary>
         /// Gets or sets the value of my orders page view model.
         /// </summary>
         public MyOrdersPageViewModel MyOrdersPageViewModel =>
-            (this.myOrderPageViewModel = PopulateData<MyOrdersPageViewModel>("ecommerce.json"));
+            this.myOrderPageViewModel = PopulateData<MyOrdersPageViewModel>("ecommerce.json");
 
         #endregion
 
@@ -59,15 +59,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/NamesListDataService.cs b/EssentialUIKit/DataService/NamesListDataService.cs
index 68e8a990..a7457d88 100644
--- a/EssentialUIKit/DataService/NamesListDataService.cs
+++ b/EssentialUIKit/DataService/NamesListDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,7 +13,7 @@ public class NamesListDataService
     {
         #region fields 
 
-        private static NamesListDataService instance;
+        private static NamesListDataService namesListDataService;
 
         private NamesListViewModel namesViewModel;
 
@@ -24,12 +24,12 @@ public class NamesListDataService
         /// <summary>
         /// Gets an instance of the <see cref="NamesListDataService"/>.
         /// </summary>
-        public static NamesListDataService Instance => instance ?? (instance = new NamesListDataService());
+        public static NamesListDataService Instance => namesListDataService ?? (namesListDataService = new NamesListDataService());
 
         /// <summary>
         /// Gets or sets the value of names list page view model.
         /// </summary>
-        public  NamesListViewModel NamesListViewModel  =>
+        public NamesListViewModel NamesListViewModel =>
             this.namesViewModel ??
             (this.namesViewModel = PopulateData<NamesListViewModel>("navigation.json"));
 
@@ -49,18 +49,17 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/DataService/NavigationDataService.cs b/EssentialUIKit/DataService/NavigationDataService.cs
index cfe9ec67..04de3c78 100644
--- a/EssentialUIKit/DataService/NavigationDataService.cs
+++ b/EssentialUIKit/DataService/NavigationDataService.cs
@@ -8,7 +8,7 @@ public class NavigationDataService
     {
         #region fields
 
-        private static NavigationDataService instance;
+        private static NavigationDataService navigationDataService;
 
         private NavigationViewModel navigationViewModel;
 
@@ -19,7 +19,7 @@ public class NavigationDataService
         /// <summary>
         /// Gets an instance of the <see cref="NavigationDataService"/>.
         /// </summary>
-        public static NavigationDataService Instance => instance ?? (instance = new NavigationDataService());
+        public static NavigationDataService Instance => navigationDataService ?? (navigationDataService = new NavigationDataService());
 
         /// <summary>
         /// Gets or sets the value of navigation page view model.
@@ -44,15 +44,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/PhotosDataService.cs b/EssentialUIKit/DataService/PhotosDataService.cs
index 7a9b0bbd..5f41c504 100644
--- a/EssentialUIKit/DataService/PhotosDataService.cs
+++ b/EssentialUIKit/DataService/PhotosDataService.cs
@@ -8,7 +8,7 @@ public class PhotosDataService
     {
         #region fields
 
-        private static PhotosDataService instance;
+        private static PhotosDataService photosDataService;
 
         private PhotosViewModel photosViewModel;
 
@@ -19,7 +19,7 @@ public class PhotosDataService
         /// <summary>
         /// Gets an instance of the <see cref="PhotosDataService"/>.
         /// </summary>
-        public static PhotosDataService Instance => instance ?? (instance = new PhotosDataService());
+        public static PhotosDataService Instance => photosDataService ?? (photosDataService = new PhotosDataService());
 
         /// <summary>
         /// Gets or sets the value of navigation page view model.
@@ -44,15 +44,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/ProductDeliveryTrackingDataService.cs b/EssentialUIKit/DataService/ProductDeliveryTrackingDataService.cs
index 9bec9d17..11a8bc94 100644
--- a/EssentialUIKit/DataService/ProductDeliveryTrackingDataService.cs
+++ b/EssentialUIKit/DataService/ProductDeliveryTrackingDataService.cs
@@ -13,7 +13,7 @@ public class ProductDeliveryTrackingDataService
     {
         #region fields
 
-        private static ProductDeliveryTrackingDataService instance;
+        private static ProductDeliveryTrackingDataService productDeliveryTrackingDataService;
 
         private ProductDeliveryTrackingViewModel productDeliveryTrackingViewModel;
 
@@ -35,13 +35,13 @@ private ProductDeliveryTrackingDataService()
         /// <summary>
         /// Gets an instance of the <see cref="ProductDeliveryTrackingDataService"/>.
         /// </summary>
-        public static ProductDeliveryTrackingDataService Instance => instance ?? (instance = new ProductDeliveryTrackingDataService());
+        public static ProductDeliveryTrackingDataService Instance => productDeliveryTrackingDataService ?? (productDeliveryTrackingDataService = new ProductDeliveryTrackingDataService());
 
         /// <summary>
         /// Gets or sets the value of product delivery tracking page view model.
         /// </summary>
         public ProductDeliveryTrackingViewModel ProductDeliveryTrackingViewModel =>
-            (this.productDeliveryTrackingViewModel = PopulateData<ProductDeliveryTrackingViewModel>("deliverytracking.json"));
+            this.productDeliveryTrackingViewModel = PopulateData<ProductDeliveryTrackingViewModel>("deliverytracking.json");
 
         #endregion
 
@@ -59,15 +59,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/ProductHomeDataService.cs b/EssentialUIKit/DataService/ProductHomeDataService.cs
index 1249b093..5e856507 100644
--- a/EssentialUIKit/DataService/ProductHomeDataService.cs
+++ b/EssentialUIKit/DataService/ProductHomeDataService.cs
@@ -8,7 +8,7 @@ public class ProductHomeDataService
     {
         #region fields
 
-        private static ProductHomeDataService instance;
+        private static ProductHomeDataService productHomeDataService;
 
         private ProductHomePageViewModel productHomePageViewModel;
 
@@ -30,13 +30,13 @@ private ProductHomeDataService()
         /// <summary>
         /// Gets an instance of the <see cref="ProductHomeDataService"/>.
         /// </summary>
-        public static ProductHomeDataService Instance => instance ?? (instance = new ProductHomeDataService());
+        public static ProductHomeDataService Instance => productHomeDataService ?? (productHomeDataService = new ProductHomeDataService());
 
         /// <summary>
         /// Gets or sets the value of home page view model.
         /// </summary>
         public ProductHomePageViewModel ProductHomePageViewModel =>
-            (this.productHomePageViewModel = PopulateData<ProductHomePageViewModel>("ecommerce.json"));
+            this.productHomePageViewModel = PopulateData<ProductHomePageViewModel>("ecommerce.json");
 
         #endregion
 
@@ -54,15 +54,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/RestaurantDataService.cs b/EssentialUIKit/DataService/RestaurantDataService.cs
index e6f6762b..1807a531 100644
--- a/EssentialUIKit/DataService/RestaurantDataService.cs
+++ b/EssentialUIKit/DataService/RestaurantDataService.cs
@@ -13,7 +13,7 @@ public class RestaurantDataService
     {
         #region fields
 
-        private static RestaurantDataService instance;
+        private static RestaurantDataService restaurantDataService;
 
         private RestaurantViewModel restaurantViewModel;
 
@@ -24,7 +24,7 @@ public class RestaurantDataService
         /// <summary>
         /// Gets an instance of the <see cref="RestaurantDataService"/>.
         /// </summary>
-        public static RestaurantDataService Instance => instance ?? (instance = new RestaurantDataService());
+        public static RestaurantDataService Instance => restaurantDataService ?? (restaurantDataService = new RestaurantDataService());
 
         /// <summary>
         /// Gets or sets the value of Restaurant view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
         #endregion
     }
diff --git a/EssentialUIKit/DataService/SelectableNamePageDataService.cs b/EssentialUIKit/DataService/SelectableNamePageDataService.cs
index de2fdecc..03d1f4a5 100644
--- a/EssentialUIKit/DataService/SelectableNamePageDataService.cs
+++ b/EssentialUIKit/DataService/SelectableNamePageDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,7 +13,7 @@ public class SelectableNamePageDataService
     {
         #region fields 
 
-        private static SelectableNamePageDataService instance;
+        private static SelectableNamePageDataService selectableNamePageDataService;
 
         private SelectableNamePageViewModel selectableNameViewModel;
 
@@ -24,12 +24,12 @@ public class SelectableNamePageDataService
         /// <summary>
         /// Gets an instance of the <see cref="SelectableNamePageDataService"/>.
         /// </summary>
-        public static SelectableNamePageDataService Instance => instance ?? (instance = new SelectableNamePageDataService());
+        public static SelectableNamePageDataService Instance => selectableNamePageDataService ?? (selectableNamePageDataService = new SelectableNamePageDataService());
 
         /// <summary>
         /// Gets or sets the value of selectable name list page view model.
         /// </summary>
-        public SelectableNamePageViewModel SelectableNamePage=>
+        public SelectableNamePageViewModel SelectableNamePage =>
             this.selectableNameViewModel ??
             (this.selectableNameViewModel = PopulateData<SelectableNamePageViewModel>("navigation.json"));
 
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/SocialNotificationDataService.cs b/EssentialUIKit/DataService/SocialNotificationDataService.cs
index 7e1c9886..ae476aa4 100644
--- a/EssentialUIKit/DataService/SocialNotificationDataService.cs
+++ b/EssentialUIKit/DataService/SocialNotificationDataService.cs
@@ -13,7 +13,7 @@ public class SocialNotificationDataService
     {
         #region fields
 
-        private static SocialNotificationDataService _instance;
+        private static SocialNotificationDataService socialNotificationDataService;
 
         private SocialNotificationViewModel notificationViewModel;
 
@@ -24,7 +24,7 @@ public class SocialNotificationDataService
         /// <summary>
         /// Gets an instance of the <see cref="SocialNotificationDataService"/>.
         /// </summary>
-        public static SocialNotificationDataService Instance => _instance ?? (_instance = new SocialNotificationDataService());
+        public static SocialNotificationDataService Instance => socialNotificationDataService ?? (socialNotificationDataService = new SocialNotificationDataService());
 
         /// <summary>
         /// Gets or sets the value of notification view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/SongsDataService.cs b/EssentialUIKit/DataService/SongsDataService.cs
index 2626115f..80c9ee15 100644
--- a/EssentialUIKit/DataService/SongsDataService.cs
+++ b/EssentialUIKit/DataService/SongsDataService.cs
@@ -8,7 +8,7 @@ public class SongsDataService
     {
         #region fields
 
-        private static SongsDataService instance;
+        private static SongsDataService songsDataService;
 
         private SongsViewModel songsViewModel;
 
@@ -19,7 +19,7 @@ public class SongsDataService
         /// <summary>
         /// Gets an instance of the <see cref="SongsDataService"/>.
         /// </summary>
-        public static SongsDataService Instance => instance ?? (instance = new SongsDataService());
+        public static SongsDataService Instance => songsDataService ?? (songsDataService = new SongsDataService());
 
         /// <summary>
         /// Gets or sets the value of songs page view model.
@@ -44,15 +44,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/SongsPlayListDataService.cs b/EssentialUIKit/DataService/SongsPlayListDataService.cs
index 31529ac8..315e8be8 100644
--- a/EssentialUIKit/DataService/SongsPlayListDataService.cs
+++ b/EssentialUIKit/DataService/SongsPlayListDataService.cs
@@ -12,7 +12,7 @@ namespace EssentialUIKit.DataService
     public class SongsPlayListDataService
     {
         #region fields
-        private static SongsPlayListDataService instance;
+        private static SongsPlayListDataService songsPlayListDataService;
 
         private SongsPlayListViewModel songsPlayListViewModel;
 
@@ -23,7 +23,7 @@ public class SongsPlayListDataService
         /// <summary>
         /// Gets an instance of the <see cref="SongsPlayListDataService"/>.
         /// </summary>
-        public static SongsPlayListDataService Instance => instance ?? (instance = new SongsPlayListDataService());
+        public static SongsPlayListDataService Instance => songsPlayListDataService ?? (songsPlayListDataService = new SongsPlayListDataService());
 
         /// <summary>
         /// Gets or sets the value of Song Play List view model.
@@ -48,15 +48,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
         #endregion
     }
diff --git a/EssentialUIKit/DataService/SuggestionDataService.cs b/EssentialUIKit/DataService/SuggestionDataService.cs
index c09dd49b..d848de2e 100644
--- a/EssentialUIKit/DataService/SuggestionDataService.cs
+++ b/EssentialUIKit/DataService/SuggestionDataService.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.ViewModels.Navigation;
-using System.Reflection;
+using System.Reflection;
 using System.Runtime.Serialization.Json;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
@@ -13,7 +13,7 @@ public class SuggestionDataService
     {
         #region fields
 
-        private static SuggestionDataService instance;
+        private static SuggestionDataService suggestionDataService;
 
         private SuggestionViewModel suggestionViewModel;
 
@@ -24,7 +24,7 @@ public class SuggestionDataService
         /// <summary>
         /// Gets an instance of the <see cref="SuggestionDataService"/>.
         /// </summary>
-        public static SuggestionDataService Instance => instance ?? (instance = new SuggestionDataService());
+        public static SuggestionDataService Instance => suggestionDataService ?? (suggestionDataService = new SuggestionDataService());
 
         /// <summary>
         /// Gets or sets the value of suggestion page view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/TaskNotificationDataService.cs b/EssentialUIKit/DataService/TaskNotificationDataService.cs
index 6debf8c5..ae3a7cc0 100644
--- a/EssentialUIKit/DataService/TaskNotificationDataService.cs
+++ b/EssentialUIKit/DataService/TaskNotificationDataService.cs
@@ -1,7 +1,7 @@
 using System.Reflection;
 using System.Runtime.Serialization.Json;
-using Xamarin.Forms.Internals;
 using EssentialUIKit.ViewModels.Notification;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.DataService
 {
@@ -13,7 +13,7 @@ public class TaskNotificationDataService
     {
         #region fields 
 
-        private static TaskNotificationDataService instance;
+        private static TaskNotificationDataService taskNotificationDataService;
 
         private TaskNotificationViewModel taskNotificationViewModel;
 
@@ -24,7 +24,7 @@ public class TaskNotificationDataService
         /// <summary>
         /// Gets an instance of the <see cref="TaskNotificationDataService"/>.
         /// </summary>
-        public static TaskNotificationDataService Instance => instance ?? (instance = new TaskNotificationDataService());
+        public static TaskNotificationDataService Instance => taskNotificationDataService ?? (taskNotificationDataService = new TaskNotificationDataService());
 
         /// <summary>
         /// Gets or sets the value of task notification page view model.
@@ -49,15 +49,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/TrainStatusDataService.cs b/EssentialUIKit/DataService/TrainStatusDataService.cs
index 42b497ce..4956740c 100644
--- a/EssentialUIKit/DataService/TrainStatusDataService.cs
+++ b/EssentialUIKit/DataService/TrainStatusDataService.cs
@@ -8,7 +8,7 @@ public class TrainStatusDataService
     {
         #region Fields
 
-        private static TrainStatusDataService instance;
+        private static TrainStatusDataService trainStatusDataService;
 
         private TrainStatusPageViewModel trainStatusPageViewModel;
 
@@ -19,13 +19,13 @@ public class TrainStatusDataService
         /// <summary>
         /// Gets an instance of the <see cref="TrainStatusDataService"/>.
         /// </summary>
-        public static TrainStatusDataService Instance => instance ?? (instance = new TrainStatusDataService());
+        public static TrainStatusDataService Instance => trainStatusDataService ?? (trainStatusDataService = new TrainStatusDataService());
 
         /// <summary>
         /// Gets or sets the value of train status page view model.
         /// </summary>
         public TrainStatusPageViewModel TrainStatusPageViewModel =>
-            (this.trainStatusPageViewModel = PopulateData<TrainStatusPageViewModel>("trainstatus.json"));
+            this.trainStatusPageViewModel = PopulateData<TrainStatusPageViewModel>("trainstatus.json");
 
         #endregion
 
@@ -43,15 +43,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/DataService/WishlistDataService.cs b/EssentialUIKit/DataService/WishlistDataService.cs
index d1ffcdfa..ea8c358a 100644
--- a/EssentialUIKit/DataService/WishlistDataService.cs
+++ b/EssentialUIKit/DataService/WishlistDataService.cs
@@ -13,7 +13,7 @@ public class WishlistDataService
     {
         #region fields
 
-        private static WishlistDataService instance;
+        private static WishlistDataService wishlistDataService;
 
         private WishlistViewModel wishlistViewModel;
 
@@ -35,13 +35,13 @@ private WishlistDataService()
         /// <summary>
         /// Gets an instance of the <see cref="WishlistDataService"/>.
         /// </summary>
-        public static WishlistDataService Instance => instance ?? (instance = new WishlistDataService());
+        public static WishlistDataService Instance => wishlistDataService ?? (wishlistDataService = new WishlistDataService());
 
         /// <summary>
         /// Gets or sets the value of wishlist page view model.
         /// </summary>
         public WishlistViewModel WishlistViewModel =>
-            (this.wishlistViewModel = PopulateData<WishlistViewModel>("ecommerce.json"));
+            this.wishlistViewModel = PopulateData<WishlistViewModel>("ecommerce.json");
 
         #endregion
 
@@ -59,15 +59,15 @@ private static T PopulateData<T>(string fileName)
 
             var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            T obj;
+            T data;
 
             using (var stream = assembly.GetManifestResourceStream(file))
             {
                 var serializer = new DataContractJsonSerializer(typeof(T));
-                obj = (T)serializer.ReadObject(stream);
+                data = (T)serializer.ReadObject(stream);
             }
 
-            return obj;
+            return data;
         }
 
         #endregion
diff --git a/EssentialUIKit/EssentialUIKit.csproj b/EssentialUIKit/EssentialUIKit.csproj
index 6dbb04c2..81b6fae4 100644
--- a/EssentialUIKit/EssentialUIKit.csproj
+++ b/EssentialUIKit/EssentialUIKit.csproj
@@ -9,32 +9,38 @@
     <DebugSymbols>true</DebugSymbols>
   </PropertyGroup>
 
+  <PropertyGroup>
+    <CodeAnalysisRuleSet>StyleCop.ruleset</CodeAnalysisRuleSet>
+  </PropertyGroup>
+
   <ItemGroup>
-    <PackageReference Include="NETStandard.Library" Version="2.0.3" />
     <PackageReference Include="Microsoft.AppCenter.Analytics" Version="2.0.0" />
     <PackageReference Include="Microsoft.AppCenter.Crashes" Version="2.0.0" />
     <PackageReference Include="SkiaSharp.Extended" Version="1.60.0" />
     <PackageReference Include="SkiaSharp.Svg" Version="1.60.0" />
     <PackageReference Include="SkiaSharp.Views.Forms" Version="1.68.0" />
-    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.DataSource" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.GridCommon" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfCalendar" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfChart" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfParallaxView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfProgressBar" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="17.4.0.44" />
-    <PackageReference Include="Syncfusion.Xamarin.SfTabView" Version="17.4.0.44" />
-    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
-    <PackageReference Include="Syncfusion.Xamarin.Core" Version="17.4.0.44" />
+    <PackageReference Include="Syncfusion.Xamarin.Buttons" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Cards" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.DataSource" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.GridCommon" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfCalendar" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfChart" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfComboBox" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfGauge" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfListView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfMaps" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfParallaxView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfPicker" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfProgressBar" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRating" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfRotator" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfPopupLayout" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.Expander" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="18.4.0.31" />
+    <PackageReference Include="Syncfusion.Xamarin.SfTabView" Version="18.4.0.31" />
+    <PackageReference Include="Xamarin.Essentials" Version="1.6.0" />
+    <PackageReference Include="Xamarin.Forms" Version="4.8.0.1821" />
+    <PackageReference Include="Syncfusion.Xamarin.Core" Version="18.4.0.31" />
   </ItemGroup>
   <ItemGroup>
     <None Remove="AppLayout\Icons\bookmark.png" />
@@ -48,15 +54,29 @@
     <None Remove="AppLayout\Icons\social.png" />
     <None Remove="AppLayout\Icons\transaction.png" />
     <None Remove="AppLayout\TemplateList.xml" />
+    <None Remove="Data\chat.json" />
+    <None Remove="Data\about.json" />
+    <None Remove="Data\article.json" />
+    <None Remove="Data\bookmark.json" />
+    <None Remove="Data\catalog.json" />
     <None Remove="Data\deliverytracking.json" />
     <None Remove="DataService\trainstatus.json" />
+    <None Remove="Data\detail.json" />
     <None Remove="Data\ecommerce.json" />
+    <None Remove="Data\feedback.json" />
+    <None Remove="Data\errorAndEmpty.json" />
     <None Remove="Data\navigation.json" />
     <None Remove="Data\notification.json" />
+    <None Remove="Data\profile.json" />
+    <None Remove="Data\social.json" />
+    <None Remove="Data\timeline.json" />
+    <None Remove="Data\transaction.json" />
+    <None Remove="Images\CaloriesEaten.svg" />
     <None Remove="Images\ChooseGradient.svg" />
     <None Remove="Images\ConfirmGradient.svg" />
     <None Remove="Images\DeliverGradient.svg" />
     <None Remove="Images\EmptyCart.svg" />
+    <None Remove="Images\HeartRate.svg" />
     <None Remove="Images\LocationAccessDenied.svg" />
     <None Remove="Images\NoCredits.svg" />
     <None Remove="Images\NoInternet.svg" />
@@ -68,7 +88,420 @@
     <None Remove="Images\PaymentFailed.svg" />
     <None Remove="Images\PaymentFailure.svg" />
     <None Remove="Images\PaymentSuccess.svg" />
+    <None Remove="Images\SleepDuration.svg" />
     <None Remove="Images\SomethingWentWrong.svg" />
+    <None Remove="Images\WaterConsumed.svg" />
+    <None Remove="Resources\Fonts\Montserrat-Bold.ttf" />
+    <None Remove="Resources\Fonts\Montserrat-Medium.ttf" />
+    <None Remove="Resources\Fonts\Montserrat-Regular.ttf" />
+    <None Remove="Resources\Fonts\Montserrat-SemiBold.ttf" />
+    <None Remove="Resources\Fonts\UIFontIcons.ttf" />
+    <None Remove="TemplateImage\AboutUsSimplePage.png" />
+    <None Remove="TemplateImage\AboutUsWithCardsPage.png" />
+    <None Remove="TemplateImage\AboutUsWithScrollPage.png" />
+    <None Remove="TemplateImage\AddCardPage.png" />
+    <None Remove="TemplateImage\AddContactPage.png" />
+    <None Remove="TemplateImage\AddProfilePage.png" />
+    <None Remove="TemplateImage\AppUsagePage.png" />
+    <None Remove="TemplateImage\ArticleBookmarkPage.png" />
+    <None Remove="TemplateImage\ArticleCardPage.png" />
+    <None Remove="TemplateImage\ArticleDetailPage.png" />
+    <None Remove="TemplateImage\ArticleListPage.png" />
+    <None Remove="TemplateImage\ArticleParallaxHeaderPage.png" />
+    <None Remove="TemplateImage\ArticleTilePage.png" />
+    <None Remove="TemplateImage\ArticleWithCommentsPage.png" />
+    <None Remove="TemplateImage\BottomNavigationPage.png" />
+    <None Remove="TemplateImage\BusinessRegistrationFormPage.png" />
+    <None Remove="TemplateImage\CartPage.png" />
+    <None Remove="TemplateImage\CatalogListPage.png" />
+    <None Remove="TemplateImage\CatalogTilePage.png" />
+    <None Remove="TemplateImage\CategoryTilePage.png" />
+    <None Remove="TemplateImage\ChatPage.png" />
+    <None Remove="TemplateImage\ChatProfilePage.png" />
+    <None Remove="TemplateImage\CheckoutPage.png" />
+    <None Remove="TemplateImage\CompanyHistoryPage.png" />
+    <None Remove="TemplateImage\ContactProfilePage.png" />
+    <None Remove="TemplateImage\ContactsPage.png" />
+    <None Remove="TemplateImage\ContactUsPage.png" />
+    <None Remove="TemplateImage\DailyCaloriesReportPage.png" />
+    <None Remove="TemplateImage\DailyTimelinePage.png" />
+    <None Remove="TemplateImage\DarkTheme\AboutUsSimplePage.png" />
+    <None Remove="TemplateImage\DarkTheme\AboutUsWithCardsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\AboutUsWithScrollPage.png" />
+    <None Remove="TemplateImage\DarkTheme\AddCardPage.png" />
+    <None Remove="TemplateImage\DarkTheme\AddContactPage.png" />
+    <None Remove="TemplateImage\DarkTheme\AddProfilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\AppUsagePage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleBookmarkPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleCardPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleDetailPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleParallaxHeaderPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleTilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\ArticleWithCommentsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\BottomNavigationPage.png" />
+    <None Remove="TemplateImage\DarkTheme\BusinessRegistrationFormPage.png" />
+    <None Remove="TemplateImage\DarkTheme\CardPaymentPage.png" />
+    <None Remove="TemplateImage\DarkTheme\CartPage.png" />
+    <None Remove="TemplateImage\DarkTheme\CatalogListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\CatalogTilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\CategoryTilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\ChatPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ChatProfilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\CheckoutPage.png" />
+    <None Remove="TemplateImage\DarkTheme\CompanyHistoryPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ContactProfilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\ContactsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ContactUsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\DailyCaloriesReportPage.png" />
+    <None Remove="TemplateImage\DarkTheme\DailyTimelinePage.png" />
+    <None Remove="TemplateImage\DarkTheme\DataTablePage.png" />
+    <None Remove="TemplateImage\DarkTheme\DocumentsListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ECommerceNotificationPage.png" />
+    <None Remove="TemplateImage\DarkTheme\EmptyCartPage.png" />
+    <None Remove="TemplateImage\DarkTheme\EventDetailPage.png" />
+    <None Remove="TemplateImage\DarkTheme\EventListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\FAQPage.png" />
+    <None Remove="TemplateImage\DarkTheme\FeedbackDetailPage.png" />
+    <None Remove="TemplateImage\DarkTheme\FeedbackPage.png" />
+    <None Remove="TemplateImage\DarkTheme\FileExploreGridPage.png" />
+    <None Remove="TemplateImage\DarkTheme\FileExploreListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\GradientForgotPasswordPage.png" />
+    <None Remove="TemplateImage\DarkTheme\GradientLoginPage.png" />
+    <None Remove="TemplateImage\DarkTheme\GradientResetPasswordPage.png" />
+    <None Remove="TemplateImage\DarkTheme\GradientSignUpPage.png" />
+    <None Remove="TemplateImage\DarkTheme\HealthCarePage.png" />
+    <None Remove="TemplateImage\DarkTheme\HealthProfilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\HelpPage.png" />
+    <None Remove="TemplateImage\DarkTheme\IconNamesListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\LocationDeniedPage.png" />
+    <None Remove="TemplateImage\DarkTheme\Login Tabbed.png" />
+    <None Remove="TemplateImage\DarkTheme\LoginWithSocialIconPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MasterPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MoviesListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MoviesPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MyAddressPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MyArticlePage.png" />
+    <None Remove="TemplateImage\DarkTheme\MyCardsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MyOrdersPage.png" />
+    <None Remove="TemplateImage\DarkTheme\MyWalletPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NamesListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NavigationListCardPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NavigationTileCardPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NavigationTravelPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoCreditsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoInternetConnectionPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoItemPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoPhotosPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoTasksPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NotEnoughCreditPage.png" />
+    <None Remove="TemplateImage\DarkTheme\NoVideosPage.png" />
+    <None Remove="TemplateImage\DarkTheme\OnBoardingAnimationPage.png" />
+    <None Remove="TemplateImage\DarkTheme\PaymentFailedPage.png" />
+    <None Remove="TemplateImage\DarkTheme\PaymentFailurePage.png" />
+    <None Remove="TemplateImage\DarkTheme\PaymentSuccessPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ProductDeliveryTrackingPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ProductDetailPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ProductHomePage.png" />
+    <None Remove="TemplateImage\DarkTheme\ProfilePage.png" />
+    <None Remove="TemplateImage\DarkTheme\RecentChatPage.png" />
+    <None Remove="TemplateImage\DarkTheme\RestaurantPage.png" />
+    <None Remove="TemplateImage\DarkTheme\ReviewPage.png" />
+    <None Remove="TemplateImage\DarkTheme\RoomBookingPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SelectableNamePage.png" />
+    <None Remove="TemplateImage\DarkTheme\SettingPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SimpleForgotPasswordPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SimpleLoginPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SimpleResetPasswordPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SimpleSignUpPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SocialNotificationPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SocialProfileWithCardPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SocialProfileWithConnectionsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SocialProfileWithInterestsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SocialProfileWithMessagePage.png" />
+    <None Remove="TemplateImage\DarkTheme\SomethingWentWrongPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SongsPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SongsPlayListPage.png" />
+    <None Remove="TemplateImage\DarkTheme\StockOverViewPage.png" />
+    <None Remove="TemplateImage\DarkTheme\SuggestionPage.png" />
+    <None Remove="TemplateImage\DarkTheme\TabbedForm.png" />
+    <None Remove="TemplateImage\DarkTheme\TaskNotificationPage.png" />
+    <None Remove="TemplateImage\DarkTheme\TransactionHistoryPage.png" />
+    <None Remove="TemplateImage\DarkTheme\WishlistPage.png" />
+    <None Remove="TemplateImage\DataTablePage.png" />
+    <None Remove="TemplateImage\DocumentsListPage.png" />
+    <None Remove="TemplateImage\ECommerceNotificationPage.png" />
+    <None Remove="TemplateImage\EmptyCartPage.png" />
+    <None Remove="TemplateImage\EventDetailPage.png" />
+    <None Remove="TemplateImage\EventListPage.png" />
+    <None Remove="TemplateImage\FAQPage.png" />
+    <None Remove="TemplateImage\FeedbackDetailPage.png" />
+    <None Remove="TemplateImage\FeedbackPage.png" />
+    <None Remove="TemplateImage\FileExploreGridPage.png" />
+    <None Remove="TemplateImage\FileExploreListPage.png" />
+    <None Remove="TemplateImage\GradientForgotPasswordPage.png" />
+    <None Remove="TemplateImage\GradientLoginPage.png" />
+    <None Remove="TemplateImage\GradientResetPasswordPage.png" />
+    <None Remove="TemplateImage\GradientSignUpPage.png" />
+    <None Remove="TemplateImage\HealthCarePage.png" />
+    <None Remove="TemplateImage\HealthProfilePage.png" />
+    <None Remove="TemplateImage\HelpPage.png" />
+    <None Remove="TemplateImage\IconNamesListPage.png" />
+    <None Remove="TemplateImage\LightTheme\AboutUsSimplePage.png" />
+    <None Remove="TemplateImage\LightTheme\CardPaymentPage.png" />
+    <None Remove="TemplateImage\LightTheme\TabbedForm.png" />
+    <None Remove="TemplateImage\LocationDeniedPage.png" />
+    <None Remove="TemplateImage\LoginWithSocialIconPage.png" />
+    <None Remove="TemplateImage\MasterPage.png" />
+    <None Remove="TemplateImage\MoviesListPage.png" />
+    <None Remove="TemplateImage\MoviesPage.png" />
+    <None Remove="TemplateImage\MyAddressPage.png" />
+    <None Remove="TemplateImage\MyArticlePage.png" />
+    <None Remove="TemplateImage\MyCardsPage.png" />
+    <None Remove="TemplateImage\MyOrdersPage.png" />
+    <None Remove="TemplateImage\MyWalletPage.png" />
+    <None Remove="TemplateImage\NamesListPage.png" />
+    <None Remove="TemplateImage\NavigationListCardPage.png" />
+    <None Remove="TemplateImage\NavigationTileCardPage.png" />
+    <None Remove="TemplateImage\NavigationTravelPage.png" />
+    <None Remove="TemplateImage\NoCreditsPage.png" />
+    <None Remove="TemplateImage\NoInternetConnectionPage.png" />
+    <None Remove="TemplateImage\NoItemPage.png" />
+    <None Remove="TemplateImage\NoPhotosPage.png" />
+    <None Remove="TemplateImage\NoTasksPage.png" />
+    <None Remove="TemplateImage\NotEnoughCreditPage.png" />
+    <None Remove="TemplateImage\NoVideosPage.png" />
+    <None Remove="TemplateImage\OnBoardingAnimationPage.png" />
+    <None Remove="TemplateImage\PaymentFailedPage.png" />
+    <None Remove="TemplateImage\PaymentFailurePage.png" />
+    <None Remove="TemplateImage\PaymentSuccessPage.png" />
+    <None Remove="TemplateImage\ProductDeliveryTrackingPage.png" />
+    <None Remove="TemplateImage\ProductDetailPage.png" />
+    <None Remove="TemplateImage\ProductHomePage.png" />
+    <None Remove="TemplateImage\ProfilePage.png" />
+    <None Remove="TemplateImage\RecentChatPage.png" />
+    <None Remove="TemplateImage\RestaurantPage.png" />
+    <None Remove="TemplateImage\ReviewPage.png" />
+    <None Remove="TemplateImage\RoomBookingPage.png" />
+    <None Remove="TemplateImage\SelectableNamePage.png" />
+    <None Remove="TemplateImage\SettingPage.png" />
+    <None Remove="TemplateImage\SimpleForgotPasswordPage.png" />
+    <None Remove="TemplateImage\SimpleLoginPage.png" />
+    <None Remove="TemplateImage\SimpleResetPasswordPage.png" />
+    <None Remove="TemplateImage\SimpleSignUpPage.png" />
+    <None Remove="TemplateImage\SocialNotificationPage.png" />
+    <None Remove="TemplateImage\SocialProfileWithCardPage.png" />
+    <None Remove="TemplateImage\SocialProfileWithConnectionsPage.png" />
+    <None Remove="TemplateImage\SocialProfileWithInterestsPage.png" />
+    <None Remove="TemplateImage\SocialProfileWithMessagePage.png" />
+    <None Remove="TemplateImage\SomethingWentWrongPage.png" />
+    <None Remove="TemplateImage\SongsPage.png" />
+    <None Remove="TemplateImage\SongsPlayListPage.png" />
+    <None Remove="TemplateImage\StockOverViewPage.png" />
+    <None Remove="TemplateImage\SuggestionPage.png" />
+    <None Remove="TemplateImage\TabbedForm.png" />
+    <None Remove="TemplateImage\TaskNotificationPage.png" />
+    <None Remove="TemplateImage\TransactionHistoryPage.png" />
+    <None Remove="TemplateImage\WishlistPage.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="Data\about.json" />
+    <EmbeddedResource Include="Data\bookmark.json" />
+    <EmbeddedResource Include="Data\feedback.json" />
+    <EmbeddedResource Include="Data\catalog.json" />
+    <EmbeddedResource Include="Data\errorAndEmpty.json" />
+    <EmbeddedResource Include="Data\social.json" />
+    <EmbeddedResource Include="Data\article.json" />
+    <EmbeddedResource Include="Resources\Fonts\Montserrat-Bold.ttf" />
+    <EmbeddedResource Include="Resources\Fonts\Montserrat-Medium.ttf" />
+    <EmbeddedResource Include="Resources\Fonts\Montserrat-Regular.ttf" />
+    <EmbeddedResource Include="Resources\Fonts\Montserrat-SemiBold.ttf" />
+    <EmbeddedResource Include="Resources\Fonts\UIFontIcons.ttf" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AboutUsSimplePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AboutUsWithCardsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AboutUsWithScrollPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AddCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AddContactPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AddProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\AppUsagePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleBookmarkPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleParallaxHeaderPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ArticleWithCommentsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\BottomNavigationPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\BusinessRegistrationFormPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CardPaymentPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CartPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CatalogListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CatalogTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CategoryTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ChatPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ChatProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CheckoutPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\CompanyHistoryPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ContactProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ContactsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ContactUsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\DailyCaloriesReportPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\DailyTimelinePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\DataTablePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\DocumentsListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ECommerceNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\EmptyCartPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\EventDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\EventListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\FAQPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\FeedbackDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\FeedbackPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\FileExploreGridPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\FileExploreListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\GradientForgotPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\GradientLoginPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\GradientResetPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\GradientSignUpPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\HealthCarePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\HealthProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\HelpPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\IconNamesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\LocationDeniedPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\Login Tabbed.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\LoginWithSocialIconPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MasterPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MoviesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MoviesPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MyAddressPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MyArticlePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MyCardsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MyOrdersPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\MyWalletPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NamesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NavigationListCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NavigationTileCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NavigationTravelPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoCreditsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoInternetConnectionPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoItemPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoPhotosPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoTasksPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NotEnoughCreditPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\NoVideosPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\OnBoardingAnimationPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\PaymentFailedPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\PaymentFailurePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\PaymentSuccessPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ProductDeliveryTrackingPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ProductDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ProductHomePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\RecentChatPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\RestaurantPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\ReviewPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\RoomBookingPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SelectableNamePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SettingsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SimpleForgotPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SimpleLoginPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SimpleResetPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SimpleSignUpPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SocialNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SocialProfileWithCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SocialProfileWithConnectionsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SocialProfileWithInterestsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SocialProfileWithMessagePage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SomethingWentWrongPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SongsPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SongsPlayListPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\StockOverViewPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\SuggestionPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\TabbedForm.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\TaskNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\TransactionHistoryPage.png" />
+    <EmbeddedResource Include="TemplateImage\DarkTheme\WishlistPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AboutUsSimplePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AboutUsWithCardsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AboutUsWithScrollPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AddCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AddContactPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AddProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\AppUsagePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleBookmarkPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleParallaxHeaderPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ArticleWithCommentsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\BottomNavigationPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\BusinessRegistrationFormPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CardPaymentPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CartPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CatalogListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CatalogTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CategoryTilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ChatPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ChatProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CheckoutPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\CompanyHistoryPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ContactProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ContactsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ContactUsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\DailyCaloriesReportPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\DailyTimelinePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\DataTablePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\DocumentsListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ECommerceNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\EmptyCartPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\EventDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\EventListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\FAQPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\FeedbackDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\FeedbackPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\FileExploreGridPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\FileExploreListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\GradientForgotPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\GradientLoginPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\GradientResetPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\GradientSignUpPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\HealthCarePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\HealthProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\HelpPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\IconNamesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\LocationDeniedPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\LoginWithSocialIconPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MasterPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MoviesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MoviesPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MyAddressPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MyArticlePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MyCardsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MyOrdersPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\MyWalletPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NamesListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NavigationListCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NavigationTileCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NavigationTravelPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoCreditsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoInternetConnectionPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoItemPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoPhotosPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoTasksPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NotEnoughCreditPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\NoVideosPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\OnBoardingAnimationPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\PaymentFailurePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\PaymentSuccessPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\PaymentFailedPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ProductDeliveryTrackingPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ProductDetailPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ProductHomePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ProfilePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\RecentChatPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\RestaurantPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\ReviewPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\RoomBookingPage.png" />
   </ItemGroup>
   <ItemGroup>
     <EmbeddedResource Include="AppLayout\Icons\about-us.png" />
@@ -94,15 +527,22 @@
     <EmbeddedResource Include="AppLayout\Icons\tracking.png" />
     <EmbeddedResource Include="AppLayout\Icons\transaction.png" />
     <EmbeddedResource Include="AppLayout\TemplateList.xml" />
+    <EmbeddedResource Include="Data\chat.json" />
     <EmbeddedResource Include="Data\deliverytracking.json" />
+    <EmbeddedResource Include="Data\detail.json" />
     <EmbeddedResource Include="Data\notification.json" />
+    <EmbeddedResource Include="Data\profile.json" />
+    <EmbeddedResource Include="Data\timeline.json" />
     <EmbeddedResource Include="Data\trainstatus.json" />
     <EmbeddedResource Include="Data\ecommerce.json" />
     <EmbeddedResource Include="Data\navigation.json" />
+    <EmbeddedResource Include="Data\transaction.json" />
+    <EmbeddedResource Include="Images\CaloriesEaten.svg" />
     <EmbeddedResource Include="Images\ChooseGradient.svg" />
     <EmbeddedResource Include="Images\ConfirmGradient.svg" />
     <EmbeddedResource Include="Images\DeliverGradient.svg" />
     <EmbeddedResource Include="Images\EmptyCart.svg" />
+    <EmbeddedResource Include="Images\HeartRate.svg" />
     <EmbeddedResource Include="Images\LocationAccessDenied.svg" />
     <EmbeddedResource Include="Images\NoCredits.svg" />
     <EmbeddedResource Include="Images\NoInternet.svg" />
@@ -114,7 +554,29 @@
     <EmbeddedResource Include="Images\PaymentFailed.svg" />
     <EmbeddedResource Include="Images\PaymentFailure.svg" />
     <EmbeddedResource Include="Images\PaymentSuccess.svg" />
+    <EmbeddedResource Include="Images\SleepDuration.svg" />
     <EmbeddedResource Include="Images\SomethingWentWrong.svg" />
+    <EmbeddedResource Include="Images\WaterConsumed.svg" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SelectableNamePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SettingsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SimpleForgotPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SimpleLoginPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SimpleResetPasswordPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SimpleSignUpPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SocialNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SocialProfileWithCardPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SocialProfileWithConnectionsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SocialProfileWithInterestsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SocialProfileWithMessagePage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SomethingWentWrongPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SongsPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SongsPlayListPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\StockOverViewPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\SuggestionPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\TabbedForm.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\TaskNotificationPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\TransactionHistoryPage.png" />
+    <EmbeddedResource Include="TemplateImage\LightTheme\WishlistPage.png" />
   </ItemGroup>
   <ItemGroup>
     <Compile Update="AppLayout\Views\Styles.xaml.cs">
@@ -144,6 +606,12 @@
     <Compile Update="Views\Bookmarks\BookmarksPage.xaml.cs">
       <DependentUpon>BookmarksPage.xaml</DependentUpon>
     </Compile>
+    <Compile Update="Views\Dashboard\DailyCaloriesReportPage.xaml.cs">
+      <DependentUpon>DailyCaloriesReportPage.xaml</DependentUpon>
+    </Compile>
+    <Compile Update="Views\Dashboard\DailyTimeLinePage.xaml.cs">
+      <DependentUpon>DailyTimelinePage.xaml</DependentUpon>
+    </Compile>
     <Compile Update="Views\Profile\MasterPage.xaml.cs">
       <DependentUpon>MasterPage.xaml</DependentUpon>
     </Compile>
@@ -264,6 +732,24 @@
 	<Compile Update="Views\Social\Templates\ProfileTemplate.xaml.cs">
 	  <DependentUpon>ProfileTemplate.xaml</DependentUpon>
 	</Compile>
+	<Compile Update="Views\Templates\EcommerceNotificationTemplate.xaml.cs">
+	  <DependentUpon>EcommerceNotificationTemplate.xaml</DependentUpon>
+	</Compile>
+	<Compile Update="Views\Templates\RestaurantCardTemplate.xaml.cs">
+	  <DependentUpon>RestaurantCardTemplate.xaml</DependentUpon>
+	</Compile>
+	<Compile Update="Views\Templates\TaskNotificationTemplate.xaml.cs">
+	  <DependentUpon>TaskNotificationTemplate.xaml</DependentUpon>
+	</Compile>
+	<Compile Update="Views\Templates\StockOverviewChartTemplate.xaml.cs">
+	  <DependentUpon>StockOverviewChartTemplate.xaml</DependentUpon>
+	</Compile>
+	<Compile Update="Views\Templates\RecentChatTemplate.xaml.cs">
+	  <DependentUpon>RecentChatTemplate.xaml</DependentUpon>
+	</Compile>
+	<Compile Update="Views\Templates\BottomNavigationAlbumTemplate.xaml.cs">
+	  <DependentUpon>BottomNavigationAlbumTemplate.xaml</DependentUpon>
+	</Compile>
 	<Compile Update="Views\Templates\Styles.xaml.cs">
 	  <DependentUpon>%(Filename)</DependentUpon>
 	</Compile>
diff --git a/EssentialUIKit/Helpers/PaymentTemplateSelector.cs b/EssentialUIKit/Helpers/PaymentTemplateSelector.cs
index db22439c..0ab668bc 100644
--- a/EssentialUIKit/Helpers/PaymentTemplateSelector.cs
+++ b/EssentialUIKit/Helpers/PaymentTemplateSelector.cs
@@ -27,7 +27,7 @@ public class PaymentTemplateSelector : DataTemplateSelector
         #region Methods
 
         /// <summary>
-        /// Returns Xamarin.Forms.DataTemplate.
+        /// This methoid returns the DataTemplate based on selection.
         /// </summary>
         /// <param name="item">The Model</param>
         /// <param name="container">The bindable object</param>
@@ -35,7 +35,7 @@ protected override DataTemplate OnSelectTemplate(object item, BindableObject con
         {
             var payment = item as Payment;
 
-            if (payment.CardNumber != null)
+            if (payment != null && payment.CardNumber != null)
             {
                 return this.CardTemplate;
             }
diff --git a/EssentialUIKit/Helpers/RTLHelper.cs b/EssentialUIKit/Helpers/RTLHelper.cs
index 4999c843..424713a4 100644
--- a/EssentialUIKit/Helpers/RTLHelper.cs
+++ b/EssentialUIKit/Helpers/RTLHelper.cs
@@ -17,20 +17,20 @@ public static class RTLHelper
         /// <summary>
         /// Gets or sets the MarginProperty.
         /// </summary>
-        public static readonly BindableProperty MarginProperty = BindableProperty.CreateAttached("Margin",
-            typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnMarginPropertyChanged);
+        public static readonly BindableProperty MarginProperty = BindableProperty.CreateAttached(
+            "Margin", typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnMarginPropertyChanged);
 
         /// <summary>
         /// Gets or sets the PaddingProperty.
         /// </summary>
-        public static readonly BindableProperty PaddingProperty = BindableProperty.CreateAttached("Padding",
-            typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnPaddingPropertyChanged);
+        public static readonly BindableProperty PaddingProperty = BindableProperty.CreateAttached(
+            "Padding", typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnPaddingPropertyChanged);
 
         /// <summary>
         /// Gets or sets the CornerRadiusProperty.
         /// </summary>
-        public static readonly BindableProperty CornerRadiusProperty = BindableProperty.CreateAttached("CornerRadius",
-            typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnCornerRadiusPropertyChanged);
+        public static readonly BindableProperty CornerRadiusProperty = BindableProperty.CreateAttached(
+            "CornerRadius", typeof(Thickness), typeof(RTLHelper), ZeroThickness, propertyChanged: OnCornerRadiusPropertyChanged);
 
         #endregion
 
@@ -39,7 +39,7 @@ public static class RTLHelper
         /// <summary>
         /// Field to hold the zero thickness.
         /// </summary>
-        private static readonly Thickness ZeroThickness = new Thickness();
+        private static readonly Thickness ZeroThickness = 0;
 
         #endregion
 
@@ -52,7 +52,7 @@ public static class RTLHelper
         /// <returns>Returns the margin</returns>
         public static Thickness GetMargin(BindableObject bindable)
         {
-            return (Thickness) bindable.GetValue(MarginProperty);
+            return (Thickness)bindable?.GetValue(MarginProperty);
         }
 
         /// <summary>
@@ -62,7 +62,7 @@ public static Thickness GetMargin(BindableObject bindable)
         /// <returns>Returns the padding.</returns>
         public static Thickness GetPadding(BindableObject bindable)
         {
-            return (Thickness)bindable.GetValue(PaddingProperty);
+            return (Thickness)bindable?.GetValue(PaddingProperty);
         }
 
         /// <summary>
@@ -72,7 +72,7 @@ public static Thickness GetPadding(BindableObject bindable)
         /// <returns>Returns the corner radius.</returns>
         public static Thickness GetCornerRadius(BindableObject bindable)
         {
-            return (Thickness)bindable.GetValue(CornerRadiusProperty);
+            return (Thickness)bindable?.GetValue(CornerRadiusProperty);
         }
 
         /// <summary>
@@ -84,11 +84,11 @@ public static void SetMargin(BindableObject bindable, Thickness value)
         {
             if (value != ZeroThickness)
             {
-                bindable.SetValue(MarginProperty, value);
+                bindable?.SetValue(MarginProperty, value);
             }
             else
             {
-                bindable.ClearValue(MarginProperty);
+                bindable?.ClearValue(MarginProperty);
             }
         }
 
@@ -101,11 +101,11 @@ public static void SetPadding(BindableObject bindable, Thickness value)
         {
             if (value != ZeroThickness)
             {
-                bindable.SetValue(PaddingProperty, value);
+                bindable?.SetValue(PaddingProperty, value);
             }
             else
             {
-                bindable.ClearValue(PaddingProperty);
+                bindable?.ClearValue(PaddingProperty);
             }
         }
 
@@ -118,11 +118,11 @@ public static void SetCornerRadius(BindableObject bindable, Thickness value)
         {
             if (value != ZeroThickness)
             {
-                bindable.SetValue(CornerRadiusProperty, value);
+                bindable?.SetValue(CornerRadiusProperty, value);
             }
             else
             {
-                bindable.ClearValue(CornerRadiusProperty);
+                bindable?.ClearValue(CornerRadiusProperty);
             }
         }
 
@@ -134,10 +134,13 @@ public static void SetCornerRadius(BindableObject bindable, Thickness value)
         /// <param name="newValue">the new value</param>
         private static void OnMarginPropertyChanged(BindableObject bindable, object oldValue, object newValue)
         {
-            if (!(bindable is View view)) return;
+            if (!(bindable is View view))
+            {
+                return;
+            }
 
-            var previousMargin = (Thickness) oldValue;
-            var currentMargin = (Thickness) newValue;
+            var previousMargin = (Thickness)oldValue;
+            var currentMargin = (Thickness)newValue;
 
             UpdateMargin(view);
 
@@ -162,7 +165,10 @@ private static void OnMarginPropertyChanged(BindableObject bindable, object oldV
         /// <param name="newValue">the new value</param>
         private static void OnPaddingPropertyChanged(BindableObject bindable, object oldValue, object newValue)
         {
-            if (!(bindable is Layout layout)) return;
+            if (!(bindable is Layout layout))
+            {
+                return;
+            }
 
             var previousPadding = (Thickness)oldValue;
             var currentPadding = (Thickness)newValue;
@@ -190,7 +196,10 @@ private static void OnPaddingPropertyChanged(BindableObject bindable, object old
         /// <param name="newValue">the new value</param>
         private static void OnCornerRadiusPropertyChanged(BindableObject bindable, object oldValue, object newValue)
         {
-            if (!(bindable is View view)) return;
+            if (!(bindable is View view))
+            {
+                return;
+            }
 
             var previousCornerRadius = (Thickness)oldValue;
             var currentCornerRadius = (Thickness)newValue;
@@ -216,7 +225,7 @@ private static void OnCornerRadiusPropertyChanged(BindableObject bindable, objec
         /// <param name="view">The view</param>
         private static void UpdateMargin(VisualElement view)
         {
-            var controller = (IVisualElementController) view;
+            var controller = (IVisualElementController)view;
             var margin = GetMargin(view);
 
             if (margin != ZeroThickness)
@@ -258,7 +267,6 @@ private static void UpdatePadding(View layout)
             }
         }
 
-        
         /// <summary>
         /// Updates the value of the corner radius when flow direction is changed.
         /// </summary>
@@ -272,8 +280,7 @@ private static void UpdateCornerRadius(View view)
             {
                 if (controller.EffectiveFlowDirection == EffectiveFlowDirection.RightToLeft)
                 {
-                    cornerRadius = new Thickness(cornerRadius.Top, cornerRadius.Left, cornerRadius.Bottom,
-                        cornerRadius.Right);
+                    cornerRadius = new Thickness(cornerRadius.Top, cornerRadius.Left, cornerRadius.Bottom, cornerRadius.Right);
                 }
 
                 if (view is SfCardView)
@@ -298,7 +305,6 @@ private static void UpdateCornerRadius(View view)
             }
         }
 
-       
         /// <summary>
         /// Updates the margin when flow direction is changed .
         /// </summary>
diff --git a/EssentialUIKit/Helpers/TranscationTemplateSelector.cs b/EssentialUIKit/Helpers/TranscationTemplateSelector.cs
deleted file mode 100644
index b3e4208c..00000000
--- a/EssentialUIKit/Helpers/TranscationTemplateSelector.cs
+++ /dev/null
@@ -1,50 +0,0 @@
-using EssentialUIKit.Models.Shopping;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Helpers
-{
-    /// <summary>
-    /// This is used to set different templates in payment view.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class TransactionTemplateSelector : DataTemplateSelector
-    {
-        #region Public Properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with ItemTemplate.
-        /// </summary>
-        public DataTemplate CardTemplate { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with ItemTemplate.
-        /// </summary>
-        public DataTemplate CommonTemplate { get; set; }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// Returns Xamarin.Forms.DataTemplate.
-        /// </summary>
-        /// <param name="item">The Model</param>
-        /// <param name="container">The bindable object</param>
-        protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
-        {
-            var payment = item as Payment;
-
-            if (payment.CardNumber != null)
-            {
-                return this.CardTemplate;
-            }
-            else
-            {
-                return this.CommonTemplate;
-            }
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Images/CaloriesEaten.svg b/EssentialUIKit/Images/CaloriesEaten.svg
new file mode 100644
index 00000000..d58c7670
--- /dev/null
+++ b/EssentialUIKit/Images/CaloriesEaten.svg
@@ -0,0 +1,6 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs><style>.cls-1{fill:#ff7e7e;}</style></defs><title>Calories</title>
+<path fill="#ff7e7e" class="cls-1" d="M10.69,10H7.62L6.22,29A2.8,2.8,0,0,0,9,32H9a2.8,2.8,0,0,0,2.79-3Z"/>
+<path fill="#ff7e7e" class="cls-1" d="M12,0l-.44,8H10.47L10,0H8L7.56,8H6.47L6,0H4V8a4,4,0,0,0,4,4h2a4,4,0,0,0,4-4V0Z"/>
+<path fill="#ff7e7e" class="cls-1" d="M26,0H25a6,6,0,0,0-6,6v6a2,2,0,0,0,2,2h3V30a2,2,0,0,0,2,2h0a2,2,0,0,0,2-2V2A2,2,0,0,0,26,0Z"/>
+</svg>
\ No newline at end of file
diff --git a/EssentialUIKit/Images/HeartRate.svg b/EssentialUIKit/Images/HeartRate.svg
new file mode 100644
index 00000000..c3aa0e2c
--- /dev/null
+++ b/EssentialUIKit/Images/HeartRate.svg
@@ -0,0 +1,5 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs><style>.cls-1{fill:#ff7e7e;}</style></defs><title>Heart rate</title>
+  <path fill="#ff7e7e" class="cls-1" d="M8.78,17l2.77-8.32a1,1,0,0,1,1-.68,1,1,0,0,1,.92.78l2.38,10.29,2.76-5.52a1,1,0,0,1,1.78,0L22.12,17H30l.11,0A17.52,17.52,0,0,0,32,9.76,8.73,8.73,0,0,0,23.39,1h-.08A8.73,8.73,0,0,0,16,5,8.73,8.73,0,0,0,8.69,1H8.62A8.73,8.73,0,0,0,0,9.76,17.53,17.53,0,0,0,1.88,17Z"/>
+  <path fill="#ff7e7e" class="cls-1" d="M21.5,19a1,1,0,0,1-.89-.55L19.5,16.24l-3.11,6.21a1,1,0,0,1-.89.55h-.12a1,1,0,0,1-.85-.77l-2.21-9.53-1.87,5.63A1,1,0,0,1,9.5,19H3c.23.35.45.7.7,1C8.31,26.42,16,32,16,32s7.69-5.58,12.32-12c.25-.34.47-.69.7-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/EssentialUIKit/Images/SleepDuration.svg b/EssentialUIKit/Images/SleepDuration.svg
new file mode 100644
index 00000000..e87a4df6
--- /dev/null
+++ b/EssentialUIKit/Images/SleepDuration.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs><style>.cls-1{fill:#ff7e7e;}</style></defs><title>Sleep</title>
+  <path fill="#ff7e7e" class="cls-1" d="M28.09,26.88c-6.62,6.62-17.15,6.85-23.49.52s-6.1-16.87.52-23.49A17.46,17.46,0,0,1,10.86.08,1,1,0,0,1,12.19,1.4a14.2,14.2,0,0,0,2.88,15.53A14.2,14.2,0,0,0,30.6,19.81a1,1,0,0,1,1.32,1.33A17.46,17.46,0,0,1,28.09,26.88Z"/>
+</svg>
\ No newline at end of file
diff --git a/EssentialUIKit/Images/WaterConsumed.svg b/EssentialUIKit/Images/WaterConsumed.svg
new file mode 100644
index 00000000..3c8dbdb8
--- /dev/null
+++ b/EssentialUIKit/Images/WaterConsumed.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs><style>.cls-1{fill:#ff7e7e;}</style></defs><title>Water consumed</title>
+  <path fill="#ff7e7e" class="cls-1" d="M25.8,13.21,16.82.4a1,1,0,0,0-1.64,0l-9,12.81A11.94,11.94,0,0,0,16,32a11.94,11.94,0,0,0,9.8-18.79ZM22.36,24.92a7.91,7.91,0,0,1-6.23,2.93,1,1,0,1,1,0-2,5.93,5.93,0,0,0,4.68-2.2,6.16,6.16,0,0,0,1.28-5,1,1,0,0,1,2-.39A8,8,0,0,1,22.36,24.92Z"/>
+</svg>
\ No newline at end of file
diff --git a/EssentialUIKit/Models/About/AboutUsModel.cs b/EssentialUIKit/Models/About/AboutUsModel.cs
index 721a20b4..7f6d1f01 100644
--- a/EssentialUIKit/Models/About/AboutUsModel.cs
+++ b/EssentialUIKit/Models/About/AboutUsModel.cs
@@ -1,12 +1,14 @@
 using System.ComponentModel;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.About
 {
     /// <summary>
-    /// Model for About us templates.
+    /// Model for AboutUs Page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class AboutUsModel : INotifyPropertyChanged
     {
         #region Fields
@@ -34,6 +36,7 @@ public class AboutUsModel : INotifyPropertyChanged
         /// Gets or sets the name of an employee.
         /// </summary>
         /// <value>The name.</value>
+        [DataMember(Name = "employeeName")]
         public string EmployeeName
         {
             get
@@ -44,7 +47,7 @@ public string EmployeeName
             set
             {
                 this.employeeName = value;
-                this.OnPropertyChanged(nameof(EmployeeName));
+                this.OnPropertyChanged(nameof(this.EmployeeName));
             }
         }
 
@@ -52,6 +55,7 @@ public string EmployeeName
         /// Gets or sets the designation of an employee.
         /// </summary>
         /// <value>The designation.</value>
+        [DataMember(Name = "designation")]
         public string Designation
         {
             get
@@ -62,7 +66,7 @@ public string Designation
             set
             {
                 this.designation = value;
-                this.OnPropertyChanged(nameof(Designation));
+                this.OnPropertyChanged(nameof(this.Designation));
             }
         }
 
@@ -70,17 +74,18 @@ public string Designation
         /// Gets or sets the image of an employee.
         /// </summary>
         /// <value>The image.</value>
+        [DataMember(Name = "image")]
         public string Image
         {
             get
             {
-                return this.image;
+                return App.ImageServerPath + this.image;
             }
 
             set
             {
                 this.image = value;
-                this.OnPropertyChanged(nameof(Image));
+                this.OnPropertyChanged(nameof(this.Image));
             }
         }
 
diff --git a/EssentialUIKit/Models/Catalog/EventList.cs b/EssentialUIKit/Models/Catalog/EventList.cs
new file mode 100644
index 00000000..0223f5b3
--- /dev/null
+++ b/EssentialUIKit/Models/Catalog/EventList.cs
@@ -0,0 +1,118 @@
+using System.Runtime.Serialization;
+using Syncfusion.XForms.Buttons;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Catalog
+{
+    /// <summary>
+    /// Model for Event list page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class EventList
+    {
+        #region Fields
+
+        private string imagePath;
+
+        private Command favouriteCommand;
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the event image path.
+        /// </summary>
+        [DataMember(Name = "imagePath")]
+        public string ImagePath
+        {
+            get { return App.ImageServerPath + this.imagePath; }
+            set { this.imagePath = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the event name.
+        /// </summary>
+        [DataMember(Name = "eventName")]
+        public string EventName { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event date.
+        /// </summary>
+        [DataMember(Name = "eventDate")]
+        public string EventDate { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event time.
+        /// </summary>
+        [DataMember(Name = "eventTime")]
+        public string EventTime { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event month.
+        /// </summary>
+        [DataMember(Name = "eventMonth")]
+        public string EventMonth { get; set; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the event in the list is popular or not.
+        /// </summary>
+        [DataMember(Name = "isPopular")]
+        public bool IsPopular { get; set; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the upcoming event in the list is upcoming or not.
+        /// </summary>
+        [DataMember(Name = "isUpcoming")]
+        public bool IsUpcoming { get; set; }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command is executed when the favourite button is clicked.
+        /// </summary>
+        public Command FavouriteCommand
+        {
+            get
+            {
+                return this.favouriteCommand ?? (this.favouriteCommand = new Command(this.FavouriteButtonClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when the favourite button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void FavouriteButtonClicked(object obj)
+        {
+            var button = obj as SfButton;
+
+            if (button == null)
+            {
+                return;
+            }
+
+            if (button.Text == "\ue701")
+            {
+                button.Text = "\ue732";
+                Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
+                button.TextColor = (Color)retVal;
+            }
+            else
+            {
+                button.Text = "\ue701";
+                Application.Current.Resources.TryGetValue("Gray-White", out var retVal);
+                button.TextColor = (Color)retVal;
+            }
+        }
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Article.cs b/EssentialUIKit/Models/Catalog/Travel.cs
similarity index 50%
rename from EssentialUIKit/Models/Article.cs
rename to EssentialUIKit/Models/Catalog/Travel.cs
index 727b5b4b..05ad03e5 100644
--- a/EssentialUIKit/Models/Article.cs
+++ b/EssentialUIKit/Models/Catalog/Travel.cs
@@ -1,21 +1,22 @@
 using System.ComponentModel;
 using System.Runtime.CompilerServices;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
-namespace EssentialUIKit.Models
+namespace EssentialUIKit.Models.Catalog
 {
     /// <summary>
-    /// Model for Article templates.
+    /// Model for navigation travel page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class Article : INotifyPropertyChanged
+    [DataContract]
+    public class Travel : INotifyPropertyChanged
     {
         #region Fields
 
-        /// <summary>
-        /// Gets or sets a value indicating whether the article is bookmarked
-        /// </summary>
-        private bool isBookmarked;
+        private bool isFavourite;
+
+        private string imagePath;
 
         #endregion
 
@@ -31,49 +32,54 @@ public class Article : INotifyPropertyChanged
         #region Public Properties
 
         /// <summary>
-        /// Gets or sets the article image path.
+        /// Gets or sets the travel place image path.
         /// </summary>
-        public string ImagePath { get; set; }
-
-        /// <summary>
-        /// Gets or sets the article name.
-        /// </summary>
-        public string Name { get; set; }
+        [DataMember(Name = "imagePath")]
+        public string ImagePath
+        {
+            get
+            {
+                return App.ImageServerPath + this.imagePath;
+            }
 
-        /// <summary>
-        /// Gets or sets the article author name.
-        /// </summary>
-        public string Author { get; set; }
+            set
+            {
+                this.imagePath = value;
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the article publish date.
+        /// Gets or sets the travel place name.
         /// </summary>
-        public string Date { get; set; }
+        [DataMember(Name = "place")]
+        public string Place { get; set; }
 
         /// <summary>
-        /// Gets or sets the article read time.
+        /// Gets or sets the travel place details.
         /// </summary>
-        public string AverageReadingTime { get; set; }
+        [DataMember(Name = "details")]
+        public string Details { get; set; }
 
         /// <summary>
-        /// Gets or sets the article description
+        /// Gets or sets the price of travel place.
         /// </summary>
-        public string Description { get; set; }
+        [DataMember(Name = "price")]
+        public string Price { get; set; }
 
         /// <summary>
-        /// Gets or sets a value indicating whether the article is bookmarked.
+        /// Gets or sets a value indicating whether the place is favourite or not.
         /// </summary>
-        public bool IsBookmarked
+        public bool IsFavourite
         {
             get
             {
-                return this.isBookmarked;
+                return this.isFavourite;
             }
 
             set
             {
-                this.isBookmarked = value;
-                this.NotifyPropertyChanged();
+                this.isFavourite = value;
+                this.NotifyPropertyChanged(nameof(this.IsFavourite));
             }
         }
 
@@ -89,6 +95,7 @@ public void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
         {
             this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
         }
+
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Category.cs b/EssentialUIKit/Models/Category.cs
index 75ec354c..58cc9836 100644
--- a/EssentialUIKit/Models/Category.cs
+++ b/EssentialUIKit/Models/Category.cs
@@ -12,7 +12,7 @@ namespace EssentialUIKit.Models
     public class Category
     {
         private string icon;
-        private bool isExpanded;
+        private bool isSelected;
 
         /// <summary>
         /// Gets or sets the property that has been bound with an image, which displays the category.
@@ -20,20 +20,18 @@ public class Category
         [DataMember(Name = "icon")]
         public string Icon
         {
-            get { return App.BaseImageUrl + this.icon; }
+            get { return App.ImageServerPath + this.icon; }
             set { this.icon = value; }
         }
-		
-		/// <summary>
-        /// Gets or sets the property that is Expanded.
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is selected or not.
         /// </summary>
-		public bool IsExpanded
+        public bool IsSelected
         {
-            get { return isExpanded; }
-            set
-            {
-                isExpanded = value;
-            }
+            get { return this.isSelected; }
+
+            set { this.isSelected = value; }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/Models/Chat/ChatDetail.cs b/EssentialUIKit/Models/Chat/ChatDetail.cs
index f83206a6..dcd60e25 100644
--- a/EssentialUIKit/Models/Chat/ChatDetail.cs
+++ b/EssentialUIKit/Models/Chat/ChatDetail.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Chat
 {
@@ -6,43 +7,68 @@ namespace EssentialUIKit.Models.Chat
     /// Model for recent chat
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ChatDetail
     {
+        #region fields
+
+        private string imagePath;
+
+        #endregion
+
         #region Public Properties
 
         /// <summary>
         /// Gets or sets the profile image path.
         /// </summary>
-        public string ImagePath { get; set; }
+        [DataMember(Name = "imagePath")]
+        public string ImagePath
+        {
+            get
+            {
+                return App.ImageServerPath + this.imagePath;
+            }
+
+            set
+            {
+                this.imagePath = value;
+            }
+        }
 
         /// <summary>
         /// Gets or sets the profile name.
         /// </summary>
+        [DataMember(Name = "senderName")]
         public string SenderName { get; set; }
 
         /// <summary>
         /// Gets or sets the message sent/received time.
         /// </summary>
+        [DataMember(Name = "time")]
         public string Time { get; set; }
-        
+
         /// <summary>
         /// Gets or sets the message.
         /// </summary>
+        [DataMember(Name = "message")]
         public string Message { get; set; }
 
         /// <summary>
         /// Gets or sets the MessageType.
         /// </summary>
+        [DataMember(Name = "messageType")]
         public string MessageType { get; set; }
 
         /// <summary>
         /// Gets or sets the message sent/received notification type.
         /// </summary>
+        [DataMember(Name = "notificationType")]
         public string NotificationType { get; set; }
 
         /// <summary>
         /// Gets or sets the recipient's available status.
         /// </summary>
+        [DataMember(Name = "availableStatus")]
         public string AvailableStatus { get; set; }
 
         #endregion
diff --git a/EssentialUIKit/Models/Chat/ChatMessage.cs b/EssentialUIKit/Models/Chat/ChatMessage.cs
index 1b2ed313..bd8e6323 100644
--- a/EssentialUIKit/Models/Chat/ChatMessage.cs
+++ b/EssentialUIKit/Models/Chat/ChatMessage.cs
@@ -1,5 +1,6 @@
 using System;
 using System.ComponentModel;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Chat
@@ -8,6 +9,7 @@ namespace EssentialUIKit.Models.Chat
     /// Model for chat message 
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ChatMessage : INotifyPropertyChanged
     {
         #region Fields
@@ -34,6 +36,7 @@ public class ChatMessage : INotifyPropertyChanged
         /// <summary>
         /// Gets or sets the message.
         /// </summary>
+        [DataMember(Name = "message")]
         public string Message
         {
             get
@@ -51,6 +54,7 @@ public string Message
         /// <summary>
         /// Gets or sets the message sent/received time.
         /// </summary>
+        [DataMember(Name = "time")]
         public DateTime Time
         {
             get
@@ -68,6 +72,7 @@ public DateTime Time
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
+        [DataMember(Name = "imagePath")]
         public string ImagePath
         {
             get
@@ -77,7 +82,7 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
+                this.imagePath = App.ImageServerPath + value;
                 this.OnPropertyChanged("ImagePath");
             }
         }
@@ -85,10 +90,11 @@ public string ImagePath
         /// <summary>
         /// Gets or sets a value indicating whether the message is received or sent.
         /// </summary>
+        [DataMember(Name = "isReceived")]
         public bool IsReceived { get; set; }
 
         #endregion
-        
+
         #region Methods
 
         /// <summary>
diff --git a/EssentialUIKit/Models/ContactUs/LocationMarker.cs b/EssentialUIKit/Models/ContactUs/LocationMarker.cs
deleted file mode 100644
index 9441442c..00000000
--- a/EssentialUIKit/Models/ContactUs/LocationMarker.cs
+++ /dev/null
@@ -1,43 +0,0 @@
-using Syncfusion.SfMaps.XForms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Models.ContactUs
-{
-    [Preserve(AllMembers = true)]
-    public class LocationMarker : MapMarker
-    {
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the image to pin location.
-        /// </summary>
-        public string PinImage { get; set; }
-
-        /// <summary>
-        /// Gets or sets the header.
-        /// </summary>
-        public string Header { get; set; }
-
-        /// <summary>
-        /// Gets or sets the address.
-        /// </summary>
-        public string Address { get; set; }
-
-        /// <summary>
-        /// Gets or sets the email id.
-        /// </summary>
-        public string EmailId { get; set; }
-
-        /// <summary>
-        /// Gets or sets the phone number.
-        /// </summary>
-        public string PhoneNumber { get; set; }
-
-        /// <summary>
-        /// Gets or sets the close icon image.
-        /// </summary>
-        public string CloseImage { get; set; }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/Models/Dashboard/Calorie.cs b/EssentialUIKit/Models/Dashboard/Calorie.cs
new file mode 100644
index 00000000..d9c49c5d
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/Calorie.cs
@@ -0,0 +1,30 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for daily calories report page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class Calorie
+    {
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the quantity.
+        /// </summary>
+        public double Quantity { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the nutrients.
+        /// </summary>
+        public string Nutrient { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with button which displays the card items.
+        /// </summary>
+        public string Indicator { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Dashboard/CaloriesCard.cs b/EssentialUIKit/Models/Dashboard/CaloriesCard.cs
new file mode 100644
index 00000000..046682c4
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/CaloriesCard.cs
@@ -0,0 +1,71 @@
+using System.ComponentModel;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for daily calories report page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class CaloriesCard : INotifyPropertyChanged
+    {
+        #region fields
+
+        /// <summary>
+        /// To store the button checkable status.
+        /// </summary>
+        private bool isSelected;
+
+        #endregion
+
+        #region Events
+
+        /// <summary>
+        /// The declaration of the property changed event.
+        /// </summary>
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with button which displays the card items.
+        /// </summary>
+        public string Session { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the icon.
+        /// </summary>
+        public string Icon { get; set; }
+
+        public bool IsSelected
+        {
+            get 
+            { 
+                return this.isSelected; 
+            }
+
+            set
+            {
+                this.isSelected = value;
+                this.OnPropertyChanged("IsSelected");
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="property">Property name</param>
+        protected void OnPropertyChanged(string property)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Dashboard/ChartModel.cs b/EssentialUIKit/Models/Dashboard/ChartModel.cs
new file mode 100644
index 00000000..cd8c87b1
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/ChartModel.cs
@@ -0,0 +1,41 @@
+using System;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for chart template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class ChartModel
+    {
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="ChartModel" /> class.
+        /// </summary>
+        /// <param name="dateTime">The date time</param>
+        /// <param name="value">The value</param>
+        public ChartModel(DateTime dateTime, double value)
+        {
+            this.DateTimeXValue = dateTime;
+            this.YValue = value;
+        }
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the property that has been bound the chart X value.
+        /// </summary>
+        public DateTime DateTimeXValue { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound the chart Y value.
+        /// </summary>       
+        public double YValue { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Dashboard/HealthCare.cs b/EssentialUIKit/Models/Dashboard/HealthCare.cs
index 27a394a7..212c3739 100644
--- a/EssentialUIKit/Models/Dashboard/HealthCare.cs
+++ b/EssentialUIKit/Models/Dashboard/HealthCare.cs
@@ -1,5 +1,4 @@
-using Syncfusion.SfChart.XForms;
-using System.Collections.ObjectModel;
+using System.Collections.Generic;
 using System.ComponentModel;
 using Xamarin.Forms.Internals;
 
@@ -12,8 +11,8 @@ namespace EssentialUIKit.Models.Dashboard
     public class HealthCare : INotifyPropertyChanged
     {
         #region Field
-        
-        private ObservableCollection<ChartDataPoint> chartData;
+
+        private IReadOnlyCollection<ChartModel> chartData;
 
         #endregion
 
@@ -46,21 +45,21 @@ public class HealthCare : INotifyPropertyChanged
         /// <summary>
         /// Gets or sets the property that has been bound with SfChart Control, which displays the health care data visualization.
         /// </summary>
-        public ObservableCollection<ChartDataPoint> ChartData
+        public IReadOnlyCollection<ChartModel> ChartData
         {
             get
             {
-                return chartData;
+                return this.chartData;
             }
 
             set
             {
-                if (chartData == value)
+                if (this.chartData == value)
                 {
                     return;
                 }
 
-                chartData = value;
+                this.chartData = value;
                 this.OnPropertyChanged("ChartData");
             }
         }
@@ -82,7 +81,7 @@ public ObservableCollection<ChartDataPoint> ChartData
         /// <summary>
         /// The PropertyChanged event occurs when changing the value of property.
         /// </summary>
-        /// <param name="propertyName">Property name</param>
+        /// <param name="property">Property name</param>
         protected void OnPropertyChanged(string property)
         {
             this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
diff --git a/EssentialUIKit/Models/Dashboard/PaymentDetail.cs b/EssentialUIKit/Models/Dashboard/PaymentDetail.cs
new file mode 100644
index 00000000..b06abeb5
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/PaymentDetail.cs
@@ -0,0 +1,100 @@
+using System;
+using System.ComponentModel;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for the my wallet page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class PaymentDetail : INotifyPropertyChanged
+    {
+        #region Fields
+
+        private string profileImage;
+
+        private bool isCredited;
+
+        #endregion
+
+        #region Events
+
+        /// <summary>
+        /// The declaration of the property changed event.
+        /// </summary>
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the profile image.
+        /// </summary>
+        public string ProfileImage
+        {
+            get { return App.ImageServerPath + this.profileImage; }
+            set { this.profileImage = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the name.
+        /// </summary>
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the title.
+        /// </summary>
+        public string Title { get; set; }
+
+        /// <summary>
+        /// Gets or sets the amount.
+        /// </summary>
+        public double Amount { get; set; }
+
+        /// <summary>
+        /// Gets or sets the date.
+        /// </summary>
+        public DateTime Date { get; set; }
+
+        /// <summary>
+        /// Gets or sets the duration.
+        /// </summary>
+        public string Duration { get; set; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the transaction type is income or expense.
+        /// </summary>
+        public bool IsCredited
+        {
+            get
+            {
+                return this.isCredited;
+            }
+
+            set
+            {
+                this.isCredited = value;
+                this.OnPropertyChanged(nameof(this.IsCredited));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="property">Property name</param>
+        protected void OnPropertyChanged(string property)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Dashboard/Stock.cs b/EssentialUIKit/Models/Dashboard/Stock.cs
index c29ef8c4..73b21065 100644
--- a/EssentialUIKit/Models/Dashboard/Stock.cs
+++ b/EssentialUIKit/Models/Dashboard/Stock.cs
@@ -1,8 +1,5 @@
-using Syncfusion.SfChart.XForms;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
+using System.Collections.Generic;
 using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Dashboard
@@ -15,9 +12,9 @@ public class Stock : INotifyPropertyChanged
     {
         #region Field
 
-        private bool isExpandable;
+        private bool isSelected;
 
-        private ObservableCollection<ChartDataPoint> chartData;
+        private IReadOnlyCollection<ChartModel> chartData;
 
         #endregion
 
@@ -55,21 +52,21 @@ public class Stock : INotifyPropertyChanged
         /// <summary>
         /// Gets or sets the property that has been bound with SfChart Control, which displays the items source for Stock.
         /// </summary>
-        public ObservableCollection<ChartDataPoint> ChartData
+        public IReadOnlyCollection<ChartModel> ChartData
         {
             get
             {
-                return chartData;
+                return this.chartData;
             }
 
             set
             {
-                if (chartData == value)
+                if (this.chartData == value)
                 {
                     return;
                 }
 
-                chartData = value;
+                this.chartData = value;
                 this.OnPropertyChanged("ChartData");
             }
         }
@@ -77,24 +74,24 @@ public ObservableCollection<ChartDataPoint> ChartData
         /// <summary>
         /// Gets or sets the property that has been bound with SfSegmented Control, which displays the Stock data variants.
         /// </summary>
-        public List<string> DataVariants { get; set; }
+        public IReadOnlyList<string> DataVariants { get; set; }
 
-        public bool IsExpandable
+        public bool IsSelected
         {
             get
             {
-                return isExpandable;
+                return this.isSelected;
             }
 
             set
             {
-                if (isExpandable == value)
+                if (this.isSelected == value)
                 {
                     return;
                 }
 
-                isExpandable = value;
-                this.OnPropertyChanged("IsExpandable");
+                this.isSelected = value;
+                this.OnPropertyChanged("IsSelected");
             }
         }
 
@@ -105,7 +102,7 @@ public bool IsExpandable
         /// <summary>
         /// The PropertyChanged event occurs when changing the value of property.
         /// </summary>
-        /// <param name="propertyName">Property name</param>
+        /// <param name="property">Property name</param>
         protected void OnPropertyChanged(string property)
         {
             this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
diff --git a/EssentialUIKit/Models/Dashboard/Timeline.cs b/EssentialUIKit/Models/Dashboard/Timeline.cs
new file mode 100644
index 00000000..a3efe8a4
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/Timeline.cs
@@ -0,0 +1,47 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for the Daily timeline and Company history page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class Timeline
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the event name.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event decription.
+        /// </summary>
+        [DataMember(Name = "description")]
+        public string Description { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event time.
+        /// </summary>
+        [DataMember(Name = "time")]
+        public string Time { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event icon.
+        /// </summary>
+        [DataMember(Name = "icon")]
+        public string Icon { get; set; }
+
+        /// <summary>
+        /// Gets or sets the event year.
+        /// </summary>
+        [DataMember(Name = "year")]
+        public int Year { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Dashboard/TransactionChartData.cs b/EssentialUIKit/Models/Dashboard/TransactionChartData.cs
new file mode 100644
index 00000000..68b86633
--- /dev/null
+++ b/EssentialUIKit/Models/Dashboard/TransactionChartData.cs
@@ -0,0 +1,56 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for transaction chart data in my wallet page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class TransactionChartData
+    {
+        #region Constructor
+
+        /// <summary>
+        /// Method for transaction chart data.
+        /// </summary>
+        /// <param name="section">The section</param>
+        /// <param name="incomeValue">The income value</param>
+        /// <param name="expenseValue">The expense value</param>
+        /// <param name="difference">The difference</param>
+        public TransactionChartData(string section, double incomeValue, double expenseValue, double difference)
+        {
+            this.Section = section;
+            this.Income = incomeValue;
+            this.Expense = expenseValue;
+            this.Difference = difference;
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the X-value.
+        /// </summary>
+        public string Section { get; set; }
+
+        /// <summary>
+        /// Gets or sets the income value.
+        /// </summary>
+        public double Income { get; set; }
+
+        /// <summary>
+        /// Gets or sets the expense value.
+        /// </summary>
+        public double Expense { get; set; }
+
+        /// <summary>
+        /// Gets or sets the gap value for data.
+        /// </summary>
+        public double Difference { get; set; }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Detail/Address.cs b/EssentialUIKit/Models/Detail/Address.cs
new file mode 100644
index 00000000..a2fb7565
--- /dev/null
+++ b/EssentialUIKit/Models/Detail/Address.cs
@@ -0,0 +1,40 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Detail
+{
+    /// <summary>
+    /// Model for my address page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class Address
+    {
+        #region Properties
+        /// <summary>
+        /// Gets or sets user name.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the address type.
+        /// </summary>
+        [DataMember(Name = "addressType")]
+        public string AddressType { get; set; }
+
+        /// <summary>
+        /// Gets or sets the location.
+        /// </summary>
+        [DataMember(Name = "location")]
+        public string Location { get; set; }
+
+        /// <summary>
+        /// Gets or sets the contact number.
+        /// </summary>
+        [DataMember(Name = "contactNumber")]
+        public string ContactNumber { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Detail/DataTableModel.cs b/EssentialUIKit/Models/Detail/DataTableModel.cs
new file mode 100644
index 00000000..ce2e93fc
--- /dev/null
+++ b/EssentialUIKit/Models/Detail/DataTableModel.cs
@@ -0,0 +1,64 @@
+using System.Collections.ObjectModel;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Detail
+{
+    /// <summary>
+    /// Model for Data table
+    /// /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class DataTableModel
+    {
+        #region fields
+
+        private string imageIcon;
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the club image.
+        /// </summary>
+        [DataMember(Name = "imageIcon")]
+        public string ImageIcon
+        {
+            get { return App.ImageServerPath + this.imageIcon; }
+            set { this.imageIcon = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the serial number.
+        /// </summary>
+        [DataMember(Name = "serialNumber")]
+        public string SerialNumber { get; set; }
+
+        /// <summary>
+        /// Gets or sets the club name.
+        /// </summary>
+        [DataMember(Name = "clubName")]
+        public string ClubName { get; set; }
+
+        /// <summary>
+        /// Gets or sets the gold points.
+        /// </summary>
+        [DataMember(Name = "goldPoints")]
+        public string GoldPoints { get; set; }
+
+        /// <summary>
+        /// Gets or sets the points.
+        /// </summary>
+        [DataMember(Name = "points")]
+        public string Points { get; set; }
+
+        /// <summary>
+        /// Gets or sets the match results.
+        /// </summary>
+        [DataMember(Name = "matchResults")]
+        public ObservableCollection<string> MatchResults { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Detail/RoomDetail.cs b/EssentialUIKit/Models/Detail/RoomDetail.cs
new file mode 100644
index 00000000..35cf0cd5
--- /dev/null
+++ b/EssentialUIKit/Models/Detail/RoomDetail.cs
@@ -0,0 +1,159 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using EssentialUIKit.ViewModels;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Detail
+{
+    /// <summary>
+    /// Model for room booking page
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class RoomDetail : BaseViewModel
+    {
+        #region Fields
+
+        private string imagePath;
+
+        private int cost;
+
+        private string selectedRanges;
+
+        private IReadOnlyCollection<Review> reviews = new ObservableCollection<Review>();
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the image path.
+        /// </summary>
+        public string ImagePath
+        {
+            get { return App.ImageServerPath + this.imagePath; }
+            set { this.imagePath = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected ranges 
+        /// </summary>
+        public string SelectedRanges
+        {
+            get
+            {
+                return this.selectedRanges;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.selectedRanges, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the cost of resort.
+        /// </summary>
+        public int Cost
+        {
+            get
+            {
+                return this.cost;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.cost, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the total days.
+        /// </summary>
+        public int TotalDays { get; set; }
+
+        /// <summary>
+        /// Gets or sets the name of the resort.
+        /// </summary>
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the display text.
+        /// </summary>
+        public string DisplayText { get; set; }
+
+        /// <summary>
+        /// Gets or sets the value text.
+        /// </summary>
+        public int ValueText { get; set; }
+
+        /// <summary>
+        /// Gets or sets the description of the resort.
+        /// </summary>
+        public string Description { get; set; }
+
+        /// <summary>
+        /// Gets or sets the overall of the resort.
+        /// </summary>
+        public double OverallRating { get; set; }
+
+        /// <summary>
+        /// Gets or sets the reviews of the resort.
+        /// </summary>
+        public string TotalReviews { get; set; }
+
+        /// <summary>
+        /// Gets or sets the resort description.
+        /// </summary>
+        public string ResortDescription { get; set; }
+
+        /// <summary>
+        /// Gets or sets the icon.
+        /// </summary>
+        public string Icon { get; set; }
+
+        /// <summary>
+        /// Gets or sets the facility of resort.
+        /// </summary>
+        public string Facility { get; set; }
+
+        /// <summary>
+        /// Gets or sets the count of bed.
+        /// </summary>
+        public ReadOnlyCollection<string> BedCount { get; set; }
+
+        /// <summary>
+        /// Gets or sets the addresss of the resort.
+        /// </summary>
+        public string Address { get; set; }
+
+        /// <summary>
+        /// Gets or sets the phone number of the resort.
+        /// </summary>
+        public string PhoneNumber { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with a date picker .
+        /// </summary>
+        public DateTime Date { get; set; }
+
+        /// <summary>
+        /// Gets or sets the review of the customers .
+        /// </summary>
+        public IReadOnlyCollection<Review> Reviews
+        {
+            get
+            {
+                return this.reviews;
+            }
+
+            set
+            {
+                this.reviews = value;
+                this.NotifyPropertyChanged(nameof(this.Reviews));
+            }
+        }
+
+        #endregion    
+    }
+}
diff --git a/EssentialUIKit/Models/Feedback/Review.cs b/EssentialUIKit/Models/Feedback/Review.cs
index 110d6690..01357711 100644
--- a/EssentialUIKit/Models/Feedback/Review.cs
+++ b/EssentialUIKit/Models/Feedback/Review.cs
@@ -1,5 +1,6 @@
 using System;
 using System.Collections.Generic;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Feedback
@@ -8,36 +9,74 @@ namespace EssentialUIKit.Models.Feedback
     /// Model for feedback list.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class Review
     {
+        private static Random randomNum = new Random(0123456789);
+
+        private string customerImage;
+
+        private DateTime reviewDate;
+
         /// <summary>
         /// Gets or sets the value for rating.
         /// </summary>
+        [DataMember(Name = "rating")]
         public double Rating { get; set; }
 
         /// <summary>
         /// Gets or sets the value for date.
         /// </summary>
-        public DateTime ReviewedDate { get; set; }
+        public DateTime ReviewedDate
+        {
+            get
+            {
+                if (randomNum != null)
+                {
+                    return this.reviewDate = DateTime.Now.AddDays(randomNum.Next(0, 1000));
+                }
+
+                return this.reviewDate;
+            }
+
+            set
+            {
+                this.reviewDate = value;
+            }
+        }
 
         /// <summary>
         /// Gets or sets the customer name.
         /// </summary>
+        [DataMember(Name = "customerName")]
         public string CustomerName { get; set; }
 
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
-        public string CustomerImage { get; set; }
+        [DataMember(Name = "customerImage")]
+        public string CustomerImage
+        {
+            get
+            {
+                return App.ImageServerPath + this.customerImage;
+            }
+
+            set
+            {
+                this.customerImage = value;
+            }
+        }
 
         /// <summary>
         /// Gets or sets the comment.
         /// </summary>
+        [DataMember(Name = "comment")]
         public string Comment { get; set; }
 
         /// <summary>
-        /// Gets or sets the list of images.
+        /// Gets the list of images.
         /// </summary>
-        public List<string> Images { get; set; }
+        public List<string> Images { get; private set; }
     }
 }
diff --git a/EssentialUIKit/Models/Forms/CountryModel.cs b/EssentialUIKit/Models/Forms/CountryModel.cs
new file mode 100644
index 00000000..da702635
--- /dev/null
+++ b/EssentialUIKit/Models/Forms/CountryModel.cs
@@ -0,0 +1,26 @@
+using System.Collections.Generic;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models
+{
+    /// <summary>
+    /// Model for SocialProfile
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class CountryModel
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the country name.
+        /// </summary>
+        public string Country { get; set; }
+
+        /// <summary>
+        /// Gets or sets the states collection.
+        /// </summary>
+        public IReadOnlyCollection<string> States { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/HealthProfile.cs b/EssentialUIKit/Models/HealthProfile.cs
new file mode 100644
index 00000000..27323e72
--- /dev/null
+++ b/EssentialUIKit/Models/HealthProfile.cs
@@ -0,0 +1,58 @@
+using System.ComponentModel;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models
+{
+    /// <summary>
+    /// Model for health profile page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class HealthProfile : INotifyPropertyChanged
+    {
+        #region Events
+
+        /// <summary>
+        /// The declaration of the property changed event.
+        /// </summary>
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the category.
+        /// </summary>
+        [DataMember(Name = "category")]
+        public string Category { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the category value.
+        /// </summary>
+        [DataMember(Name = "categoryValue")]
+        public string CategoryValue { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the category image.
+        /// </summary>
+        [DataMember(Name = "categoryImage")]
+        public string CategoryImage { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="property">Property name</param>
+        protected void OnPropertyChanged(string property)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/History/Orders.cs b/EssentialUIKit/Models/History/Orders.cs
index 18da8cc9..16f73816 100644
--- a/EssentialUIKit/Models/History/Orders.cs
+++ b/EssentialUIKit/Models/History/Orders.cs
@@ -24,7 +24,7 @@ public class Orders
         [DataMember(Name = "productimage")]
         public string ProductImage
         {
-            get { return App.BaseImageUrl + this.productImage; }
+            get { return App.ImageServerPath + this.productImage; }
             set { this.productImage = value; }
         }
 
diff --git a/EssentialUIKit/Models/History/Transaction.cs b/EssentialUIKit/Models/History/TransactionHistory.cs
similarity index 72%
rename from EssentialUIKit/Models/History/Transaction.cs
rename to EssentialUIKit/Models/History/TransactionHistory.cs
index ce48bb23..940c2ad3 100644
--- a/EssentialUIKit/Models/History/Transaction.cs
+++ b/EssentialUIKit/Models/History/TransactionHistory.cs
@@ -1,5 +1,6 @@
 using System;
 using System.ComponentModel;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.History
@@ -8,15 +9,18 @@ namespace EssentialUIKit.Models.History
     /// Model for transaction history template.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class Transactions : INotifyPropertyChanged
+    [DataContract]
+    public class TransactionHistory : INotifyPropertyChanged
     {
         #region Fields
 
+        private static Random random = new Random();
+
         private string customerName;
 
         private string transactionDescription;
 
-        private string image;
+        private string customerImage;
 
         private DateTime date;
 
@@ -40,6 +44,7 @@ public class Transactions : INotifyPropertyChanged
         /// <summary>
         /// Gets or sets the name of an customer.
         /// </summary>
+        [DataMember(Name = "customerName")]
         public string CustomerName
         {
             get
@@ -50,13 +55,14 @@ public string CustomerName
             set
             {
                 this.customerName = value;
-                this.OnPropertyChanged(nameof(CustomerName));
+                this.OnPropertyChanged(nameof(this.CustomerName));
             }
         }
 
         /// <summary>
         /// Gets or sets the transaction description.
         /// </summary>
+        [DataMember(Name = "transactionDescription")]
         public string TransactionDescription
         {
             get
@@ -67,30 +73,32 @@ public string TransactionDescription
             set
             {
                 this.transactionDescription = value;
-                this.OnPropertyChanged(nameof(TransactionDescription));
+                this.OnPropertyChanged(nameof(this.TransactionDescription));
             }
         }
 
         /// <summary>
         /// Gets or sets the image of an user.
         /// </summary>
-        public string Image
+        [DataMember(Name = "customerImage")]
+        public string CustomerImage
         {
             get
             {
-                return this.image;
+                return App.ImageServerPath + this.customerImage;
             }
 
             set
             {
-                this.image = value;
-                this.OnPropertyChanged(nameof(Image));
+                this.customerImage = value;
+                this.OnPropertyChanged(nameof(this.CustomerImage));
             }
         }
 
         /// <summary>
         /// Gets or sets the transaction amount.
         /// </summary>
+        [DataMember(Name = "transactionAmount")]
         public string TransactionAmount
         {
             get
@@ -101,13 +109,14 @@ public string TransactionAmount
             set
             {
                 this.transactionAmount = value;
-                this.OnPropertyChanged(nameof(TransactionAmount));
+                this.OnPropertyChanged(nameof(this.TransactionAmount));
             }
         }
 
         /// <summary>
         /// Gets or sets a value indicating whether the transaction type is credit.
         /// </summary>
+        [DataMember(Name = "isCredited")]
         public bool IsCredited
         {
             get
@@ -118,7 +127,7 @@ public bool IsCredited
             set
             {
                 this.isCredited = value;
-                this.OnPropertyChanged(nameof(IsCredited));
+                this.OnPropertyChanged(nameof(this.IsCredited));
             }
         }
 
@@ -129,13 +138,18 @@ public DateTime Date
         {
             get
             {
+                if (random != null)
+                {
+                    return this.date = DateTime.Now.AddDays(random.Next(-1000, 0));
+                }
+
                 return this.date;
             }
 
             set
             {
                 this.date = value;
-                this.OnPropertyChanged(nameof(Date));
+                this.OnPropertyChanged(nameof(this.Date));
             }
         }
 
diff --git a/EssentialUIKit/Models/Navigation/Album.cs b/EssentialUIKit/Models/Navigation/Album.cs
index 9e5c4fe4..653fa13c 100644
--- a/EssentialUIKit/Models/Navigation/Album.cs
+++ b/EssentialUIKit/Models/Navigation/Album.cs
@@ -26,7 +26,7 @@ public string AlbumImage
         {
             get
             {
-                return App.BaseImageUrl + this.albumImage;
+                return App.ImageServerPath + this.albumImage;
             }
 
             set
@@ -38,8 +38,8 @@ public string AlbumImage
         /// <summary>
         /// Gets the total photos.
         /// </summary>
-        [DataMember(Name = "photosCount")]
-        public string PhotosCount { get; internal set; }
+        [DataMember(Name = "imagesCount")]
+        public string ImagesCount { get; internal set; }
 
         /// <summary>
         /// Gets or sets the category.
diff --git a/EssentialUIKit/Models/Navigation/Contact.cs b/EssentialUIKit/Models/Navigation/Contact.cs
index 0112ceed..287c0eda 100644
--- a/EssentialUIKit/Models/Navigation/Contact.cs
+++ b/EssentialUIKit/Models/Navigation/Contact.cs
@@ -1,7 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Runtime.Serialization;
-using System.Text;
+using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Navigation
@@ -27,7 +24,7 @@ public class Contact
         public string BackgroundColor { get; set; }
 
         /// <summary>
-        /// Gets or sets the names selected.
+        /// Gets or sets a value indicating whether it is selected or not.
         /// </summary>
         public bool IsSelected { get; set; }
 
diff --git a/EssentialUIKit/Models/Navigation/FAQ.cs b/EssentialUIKit/Models/Navigation/FAQ.cs
index 80e43f04..a0785b86 100644
--- a/EssentialUIKit/Models/Navigation/FAQ.cs
+++ b/EssentialUIKit/Models/Navigation/FAQ.cs
@@ -26,6 +26,5 @@ public class FAQ
         public List<string> Answer { get; set; }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/Models/Navigation/File.cs b/EssentialUIKit/Models/Navigation/File.cs
new file mode 100644
index 00000000..a3794dec
--- /dev/null
+++ b/EssentialUIKit/Models/Navigation/File.cs
@@ -0,0 +1,35 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Navigation
+{
+    /// <summary>
+    /// Model for the file explorer list page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class File
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the name of the folder.
+        /// </summary>
+        [DataMember(Name = "folderName")]
+        public string FolderName { get; set; }
+
+        /// <summary>
+        /// Gets or sets the number of items in the folder.
+        /// </summary>
+        [DataMember(Name = "items")]
+        public string FolderItems { get; set; }
+
+        /// <summary>
+        /// Gets or sets the date and time of the folder.
+        /// </summary>
+        [DataMember(Name = "dateTime")]
+        public string DateTime { get; set; }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Navigation/Movie.cs b/EssentialUIKit/Models/Navigation/Movie.cs
index 616a0bc5..940b4e20 100644
--- a/EssentialUIKit/Models/Navigation/Movie.cs
+++ b/EssentialUIKit/Models/Navigation/Movie.cs
@@ -10,7 +10,10 @@ namespace EssentialUIKit.Models.Navigation
     [DataContract]
     public class Movie
     {
+        private string posterImage;
+
         #region Properties
+
         /// <summary>
         /// Gets or sets the movie name.
         /// </summary>
@@ -29,6 +32,23 @@ public class Movie
         [DataMember(Name = "movierating")]
         public string MovieRating { get; set; }
 
+        /// <summary>
+        /// Gets or sets the  image of the movie.
+        /// </summary>
+        [DataMember(Name = "image")]
+        public string PosterImage
+        {
+            get
+            {
+                return App.ImageServerPath + this.posterImage;
+            }
+
+            set
+            {
+                this.posterImage = value;
+            }
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/Models/Navigation/NavigationModel.cs b/EssentialUIKit/Models/Navigation/NavigationModel.cs
index 869e22a1..d19ed3e8 100644
--- a/EssentialUIKit/Models/Navigation/NavigationModel.cs
+++ b/EssentialUIKit/Models/Navigation/NavigationModel.cs
@@ -38,7 +38,7 @@ public string ItemImage
         {
             get
             {
-                return App.BaseImageUrl + this.itemImage;
+                return App.ImageServerPath + this.itemImage;
             }
 
             set
diff --git a/EssentialUIKit/Models/Navigation/Photo.cs b/EssentialUIKit/Models/Navigation/Photo.cs
index fe2a238e..f044c47a 100644
--- a/EssentialUIKit/Models/Navigation/Photo.cs
+++ b/EssentialUIKit/Models/Navigation/Photo.cs
@@ -27,11 +27,11 @@ public class Photo
         /// </summary>
         /// <value>The image URL.</value>
         [DataMember(Name = "imageURL")]
-        public string ImageURL
+        public string GalleryImage
         {
             get
             {
-                return App.BaseImageUrl + this.imageURL;
+                return App.ImageServerPath + this.imageURL;
             }
 
             set
@@ -55,7 +55,7 @@ public DateTime UpdatedDate
             get
             {
                 var date = Convert.ToDateTime(this.Date, CultureInfo.CurrentCulture);
-                return DateTime.MinValue != date
+                return date != DateTime.MinValue
                      ? date
                      : this.updatedDate;
             }
diff --git a/EssentialUIKit/Models/Navigation/Restaurant.cs b/EssentialUIKit/Models/Navigation/Restaurant.cs
index 8ed1695c..211e371b 100644
--- a/EssentialUIKit/Models/Navigation/Restaurant.cs
+++ b/EssentialUIKit/Models/Navigation/Restaurant.cs
@@ -12,7 +12,7 @@ public class Restaurant
     {
         #region Field
 
-        private string itemImage;
+        private string restaurantImage;
 
         #endregion
 
@@ -22,16 +22,16 @@ public class Restaurant
         /// Gets or sets the image of an item.
         /// </summary>
         [DataMember(Name = "itemImage")]
-        public string ItemImage
+        public string RestaurantImage
         {
             get
             {
-                return App.BaseImageUrl + this.itemImage;
+                return App.ImageServerPath + this.restaurantImage;
             }
 
             set
             {
-                this.itemImage = value;
+                this.restaurantImage = value;
             }
         }
 
@@ -60,6 +60,5 @@ public string ItemImage
         public string ItemRating { get; set; }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/Models/Navigation/Song.cs b/EssentialUIKit/Models/Navigation/Song.cs
index 20825a1c..e1d00c7c 100644
--- a/EssentialUIKit/Models/Navigation/Song.cs
+++ b/EssentialUIKit/Models/Navigation/Song.cs
@@ -27,7 +27,6 @@ public class Song
         /// <summary>
         /// Gets or sets the composer.
         /// </summary>
-
         [DataMember(Name = "composer")]
         public string Composer { get; set; }
 
@@ -39,7 +38,7 @@ public string SongImage
         {
             get
             {
-                return App.BaseImageUrl + this.songImage;
+                return App.ImageServerPath + this.songImage;
             }
 
             set
diff --git a/EssentialUIKit/Models/Navigation/Suggestion.cs b/EssentialUIKit/Models/Navigation/Suggestion.cs
index 35b5f894..18c79f1e 100644
--- a/EssentialUIKit/Models/Navigation/Suggestion.cs
+++ b/EssentialUIKit/Models/Navigation/Suggestion.cs
@@ -4,7 +4,7 @@
 namespace EssentialUIKit.Models.Navigation
 {
     /// <summary>
-    ///Model for suggestion Page.
+    /// Model for suggestion Page.
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
@@ -26,7 +26,7 @@ public string ImagePath
         {
             get
             {
-                return App.BaseImageUrl + this.imagePath;
+                return App.ImageServerPath + this.imagePath;
             }
 
             set
@@ -48,6 +48,5 @@ public string ImagePath
         public string Id { get; set; }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/Models/Notification/ECommerceNotificationsListModel.cs b/EssentialUIKit/Models/Notification/ECommerceNotificationsListModel.cs
new file mode 100644
index 00000000..0a03ac8d
--- /dev/null
+++ b/EssentialUIKit/Models/Notification/ECommerceNotificationsListModel.cs
@@ -0,0 +1,59 @@
+using System.Runtime.Serialization;
+using EssentialUIKit.ViewModels;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Notification
+{
+    /// <summary>
+    /// Model for the E-Commerce notification page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class ECommerceNotificationsListModel : BaseViewModel
+    {
+        #region Field
+
+        private bool isRead;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the notification Icon.
+        /// </summary>
+        [DataMember(Name = "notificationIcon")]
+        public string NotificationIcon { get; set; }
+
+        /// <summary>
+        /// Gets or sets the description.
+        /// </summary>
+        [DataMember(Name = "description")]
+        public string Description { get; set; }
+
+        /// <summary>
+        /// Gets or sets the background color inside the circular border.
+        /// </summary>
+        [DataMember(Name = "backgroundColor")]
+        public string BackgroundColor { get; set; }
+
+        /// <summary>
+        /// Gets or sets the time.
+        /// </summary>
+        [DataMember(Name = "time")]
+        public string Time { get; set; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the notification item is read or not.
+        /// </summary>
+        [DataMember(Name = "isRead")]
+        public bool IsRead
+        {
+            get { return this.isRead; }
+
+            set { this.SetProperty(ref this.isRead, value); }
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Notification/SocialNotificationModel.cs b/EssentialUIKit/Models/Notification/SocialNotificationModel.cs
index 55376be7..d9790570 100644
--- a/EssentialUIKit/Models/Notification/SocialNotificationModel.cs
+++ b/EssentialUIKit/Models/Notification/SocialNotificationModel.cs
@@ -1,7 +1,5 @@
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Runtime.Serialization;
+using System.Runtime.Serialization;
+using EssentialUIKit.ViewModels;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Notification
@@ -11,15 +9,14 @@ namespace EssentialUIKit.Models.Notification
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class SocialNotificationModel : INotifyPropertyChanged
+    public class SocialNotificationModel : BaseViewModel
     {
-
         #region Field
 
         private bool isRead;
 
         #endregion
-        
+
         #region Properties
 
         /// <summary>
@@ -40,34 +37,9 @@ public class SocialNotificationModel : INotifyPropertyChanged
         [DataMember(Name = "isRead")]
         public bool IsRead
         {
-            get { return isRead;}
-            set
-            {
-                isRead = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-        
-        #endregion
-
-        #region Event handler
-
-        /// <summary>
-        /// Occurs when the property is changed.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Methods
+            get { return this.isRead; }
 
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">The PropertyName</param>
-        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+            set { this.SetProperty(ref this.isRead, value); }
         }
 
         #endregion
diff --git a/EssentialUIKit/Models/Notification/TaskNotificationsListModel.cs b/EssentialUIKit/Models/Notification/TaskNotificationsListModel.cs
index 3a4a8125..8459aa76 100644
--- a/EssentialUIKit/Models/Notification/TaskNotificationsListModel.cs
+++ b/EssentialUIKit/Models/Notification/TaskNotificationsListModel.cs
@@ -1,6 +1,5 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Runtime.Serialization;
+using System.Runtime.Serialization;
+using EssentialUIKit.ViewModels;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Notification
@@ -10,7 +9,7 @@ namespace EssentialUIKit.Models.Notification
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class TaskNotificationsListModel : INotifyPropertyChanged
+    public class TaskNotificationsListModel : BaseViewModel
     {
         #region Field
 
@@ -37,7 +36,7 @@ public class TaskNotificationsListModel : INotifyPropertyChanged
         /// </summary>
         [DataMember(Name = "description")]
         public string Description { get; set; }
-        
+
         /// <summary>
         /// Gets or sets the detailed description.
         /// </summary>
@@ -62,34 +61,9 @@ public class TaskNotificationsListModel : INotifyPropertyChanged
         [DataMember(Name = "isRead")]
         public bool IsRead
         {
-            get { return isRead; }
-            set
-            {
-                isRead = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Event handler
-
-        /// <summary>
-        /// Occurs when the property is changed.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Methods
+            get { return this.isRead; }
 
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">The PropertyName</param>
-        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+            set { this.SetProperty(ref this.isRead, value); }
         }
 
         #endregion
diff --git a/EssentialUIKit/Models/OnBoarding/Boarding.cs b/EssentialUIKit/Models/OnBoarding/Boarding.cs
index d0490358..66621dcf 100644
--- a/EssentialUIKit/Models/OnBoarding/Boarding.cs
+++ b/EssentialUIKit/Models/OnBoarding/Boarding.cs
@@ -8,7 +8,7 @@ namespace EssentialUIKit.Models.OnBoarding
     /// </summary>
     [Preserve(AllMembers = true)]
     public class Boarding
-    {       
+    {
         #region Properties
 
         /// <summary>
@@ -29,7 +29,7 @@ public class Boarding
         /// <summary>
         /// Gets or sets the view.
         /// </summary>
-        public View RotatorItem { get; set; }
+        public View RotatorView { get; set; }
 
         #endregion
     }
diff --git a/EssentialUIKit/Models/Product.cs b/EssentialUIKit/Models/Product.cs
index d7324bef..4408991f 100644
--- a/EssentialUIKit/Models/Product.cs
+++ b/EssentialUIKit/Models/Product.cs
@@ -56,7 +56,7 @@ public class Product : INotifyPropertyChanged
         [DataMember(Name = "previewimage")]
         public string PreviewImage
         {
-            get { return App.BaseImageUrl + this.previewImage; }
+            get { return App.ImageServerPath + this.previewImage; }
             set { this.previewImage = value; }
         }
 
@@ -70,7 +70,7 @@ public List<string> PreviewImages
             {
                 for (var i = 0; i < this.previewImages.Count; i++)
                 {
-                    this.previewImages[i] = this.previewImages[i].Contains(App.BaseImageUrl) ? this.previewImages[i] : App.BaseImageUrl + this.previewImages[i];
+                    this.previewImages[i] = this.previewImages[i].Contains(App.ImageServerPath) ? this.previewImages[i] : App.ImageServerPath + this.previewImages[i];
                 }
 
                 return this.previewImages;
@@ -114,7 +114,7 @@ public double ActualPrice
             set
             {
                 this.actualPrice = value;
-                this.NotifyPropertyChanged(nameof(ActualPrice));
+                this.NotifyPropertyChanged(nameof(this.ActualPrice));
             }
         }
 
@@ -125,13 +125,13 @@ public double DiscountPrice
         {
             get
             {
-                return this.ActualPrice - (this.ActualPrice * ( this.DiscountPercent / 100 ));
+                return this.ActualPrice - (this.ActualPrice * (this.DiscountPercent / 100));
             }
 
             set
             {
                 this.discountPrice = value;
-                this.NotifyPropertyChanged(nameof(DiscountPrice));
+                this.NotifyPropertyChanged(nameof(this.DiscountPrice));
             }
         }
 
@@ -149,7 +149,7 @@ public double DiscountPercent
             set
             {
                 this.discountPercent = value;
-                this.NotifyPropertyChanged(nameof(DiscountPercent));
+                this.NotifyPropertyChanged(nameof(this.DiscountPercent));
             }
         }
 
@@ -173,13 +173,14 @@ public ObservableCollection<Review> Reviews
             set
             {
                 this.reviews = value;
-                this.NotifyPropertyChanged(nameof(Reviews));
+                this.NotifyPropertyChanged(nameof(this.Reviews));
             }
         }
 
         /// <summary>
         /// Gets or sets the property that has been bound with label, which displays the seller.
         /// </summary>
+        [DataMember(Name = "sellerName")]
         public string SellerName { get; set; }
 
         /// <summary>
@@ -208,7 +209,7 @@ public bool IsFavourite
             set
             {
                 this.isFavourite = value;
-                this.NotifyPropertyChanged(nameof(IsFavourite));
+                this.NotifyPropertyChanged(nameof(this.IsFavourite));
             }
         }
 
@@ -226,7 +227,7 @@ public int TotalQuantity
             set
             {
                 this.totalQuantity = value;
-                this.NotifyPropertyChanged(nameof(TotalQuantity));
+                this.NotifyPropertyChanged(nameof(this.TotalQuantity));
             }
         }
 
diff --git a/EssentialUIKit/Models/Profile.cs b/EssentialUIKit/Models/Profile.cs
deleted file mode 100644
index 20a81a09..00000000
--- a/EssentialUIKit/Models/Profile.cs
+++ /dev/null
@@ -1,25 +0,0 @@
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Models
-{
-    /// <summary>
-    /// Model for SocialProfile
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class Profile
-    {
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the title.
-        /// </summary>
-        public string Name { get; set; }
-
-        /// <summary>
-        /// Gets or sets the imagepath.
-        /// </summary>
-        public string ImagePath { get; set; }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/Models/Review.cs b/EssentialUIKit/Models/Review.cs
index 5815fdeb..a27d0685 100644
--- a/EssentialUIKit/Models/Review.cs
+++ b/EssentialUIKit/Models/Review.cs
@@ -1,5 +1,4 @@
-using System;
-using System.Collections.Generic;
+using System.Collections.Generic;
 using System.Runtime.Serialization;
 using Xamarin.Forms.Internals;
 
@@ -17,7 +16,7 @@ public class Review
         /// <summary>
         /// Gets or sets the images
         /// </summary>
-        private List<string> images;
+        private List<string> customerReviewImages;
 
         /// <summary>
         /// Gets or sets the profile image
@@ -32,7 +31,7 @@ public class Review
         [DataMember(Name = "profileimage")]
         public string CustomerImage
         {
-            get { return App.BaseImageUrl + this.customerImage; }
+            get { return App.ImageServerPath + this.customerImage; }
             set { this.customerImage = value; }
         }
 
@@ -40,23 +39,24 @@ public string CustomerImage
         /// Gets or sets the property that has been bound with an image, which displays the customer added image.
         /// </summary>
         [DataMember(Name = "images")]
-        public List<string> Images
+        public List<string> CustomerReviewImages
         {
             get
             {
-                if ( images != null )
+                if (this.customerReviewImages != null)
                 {
-                    for ( var i = 0; i < this.images.Count; i++ )
+                    for (var i = 0; i < this.customerReviewImages.Count; i++)
                     {
-                        this.images[i] = this.images[i].Contains(App.BaseImageUrl) ? this.images[i] : App.BaseImageUrl + this.images[i];
+                        this.customerReviewImages[i] = this.customerReviewImages[i].Contains(App.ImageServerPath) ? this.customerReviewImages[i] : App.ImageServerPath + this.customerReviewImages[i];
                     }
                 }
-                return this.images;
+
+                return this.customerReviewImages;
             }
 
             set
             {
-                this.images = value;
+                this.customerReviewImages = value;
             }
         }
 
diff --git a/EssentialUIKit/Models/Shopping/Boarding.cs b/EssentialUIKit/Models/Shopping/Boarding.cs
deleted file mode 100644
index f054dbd9..00000000
--- a/EssentialUIKit/Models/Shopping/Boarding.cs
+++ /dev/null
@@ -1,46 +0,0 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Models.Shopping
-{
-    /// <summary>
-    /// Model for OnBoarding
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class Boarding
-    {
-        #region Fields
-
-        private View rotatorItem;
-
-        #endregion
-
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the image.
-        /// </summary>
-        public string ImagePath { get; set; }
-
-        /// <summary>
-        /// Gets or sets the header.
-        /// </summary>
-        public string Header { get; set; }
-
-        /// <summary>
-        /// Gets or sets the content.
-        /// </summary>
-        public string Content { get; set; }
-
-        /// <summary>
-        /// Gets or sets the view.
-        /// </summary>
-        public View RotatorItem
-        {
-            get { return this.rotatorItem; }
-            set { this.rotatorItem = value; }
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/Models/Shopping/Customer.cs b/EssentialUIKit/Models/Shopping/Customer.cs
deleted file mode 100644
index 7bd8c514..00000000
--- a/EssentialUIKit/Models/Shopping/Customer.cs
+++ /dev/null
@@ -1,36 +0,0 @@
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Models.Shopping
-{
-    /// <summary>
-    /// Model for review list.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class Customer
-    {
-        /// <summary>
-        /// Gets or sets the property that holds the customer id.
-        /// </summary>
-        public int CustomerId { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays the customer name.
-        /// </summary>
-        public string CustomerName { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays the address type.
-        /// </summary>
-        public string AddressType { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays the customer address.
-        /// </summary>
-        public string Address { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays the customer mobile number.
-        /// </summary>
-        public string MobileNumber { get; set; }
-    }
-}
diff --git a/EssentialUIKit/Models/Shopping/Payment.cs b/EssentialUIKit/Models/Shopping/Payment.cs
deleted file mode 100644
index 97872abb..00000000
--- a/EssentialUIKit/Models/Shopping/Payment.cs
+++ /dev/null
@@ -1,26 +0,0 @@
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Models.Shopping
-{
-    /// <summary>
-    /// Model for list view item in payment view.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class Payment
-    {
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays the payment mode.
-        /// </summary>
-        public string PaymentMode { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays the card number.
-        /// </summary>
-        public string CardNumber { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with an image, which displays the card type.
-        /// </summary>
-        public string CardTypeIcon { get; set; }
-    }
-}
diff --git a/EssentialUIKit/Models/Story.cs b/EssentialUIKit/Models/Story.cs
new file mode 100644
index 00000000..4884d2c8
--- /dev/null
+++ b/EssentialUIKit/Models/Story.cs
@@ -0,0 +1,135 @@
+using System.Runtime.Serialization;
+using EssentialUIKit.ViewModels;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models
+{
+    /// <summary>
+    /// Model for Article templates.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class Story : BaseViewModel
+    {
+        #region Fields
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked
+        /// </summary>
+        private bool isBookmarked;
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite.
+        /// </summary>
+        private bool isFavourite;
+
+        /// <summary>
+        /// Gets or sets a value indicating image path.
+        /// </summary>
+        private string imagePath;
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the article image path.
+        /// </summary>
+        [DataMember(Name = "itemImage")]
+        public string ImagePath
+        {
+            get
+            {
+                return App.ImageServerPath + this.imagePath;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.imagePath, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the article name.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the article author name.
+        /// </summary>
+        [DataMember(Name = "author")]
+        public string Author { get; set; }
+
+        /// <summary>
+        /// Gets or sets the article publish date.
+        /// </summary>
+        [DataMember(Name = "date")]
+        public string Date { get; set; }
+
+        /// <summary>
+        /// Gets or sets the article read time.
+        /// </summary>
+        [DataMember(Name = "averageReadingTime")]
+        public string AverageReadingTime { get; set; }
+
+        /// <summary>
+        /// Gets or sets the article description
+        /// </summary>
+        [DataMember(Name = "description")]
+        public string Description { get; set; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked.
+        /// </summary>
+        [DataMember(Name = "isBookmarked")]
+        public bool IsBookmarked
+        {
+            get
+            {
+                return this.isBookmarked;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isBookmarked, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite.
+        /// </summary>
+        public bool IsFavourite
+        {
+            get
+            {
+                return this.isFavourite;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isFavourite, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the bookmarked count.
+        /// </summary>
+        [DataMember(Name = "bookmarkedCount")]
+        public int BookmarkedCount { get; set; }
+
+        /// <summary>
+        /// Gets or sets the favourite count.
+        /// </summary>
+        [DataMember(Name = "favouritesCount")]
+        public int FavouritesCount { get; set; }
+
+        /// <summary>
+        /// Gets or sets the shared count.
+        /// </summary>
+        [DataMember(Name = "sharedCount")]
+        public int SharedCount { get; set; }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Models/Tracking/Station.cs b/EssentialUIKit/Models/Tracking/TrainStationModel.cs
similarity index 94%
rename from EssentialUIKit/Models/Tracking/Station.cs
rename to EssentialUIKit/Models/Tracking/TrainStationModel.cs
index 7e2010af..ddbdaadb 100644
--- a/EssentialUIKit/Models/Tracking/Station.cs
+++ b/EssentialUIKit/Models/Tracking/TrainStationModel.cs
@@ -13,7 +13,7 @@ namespace EssentialUIKit.Models.Tracking
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class Station : INotifyPropertyChanged
+    public class TrainStationModel : INotifyPropertyChanged
     {
         #region Fields
 
@@ -88,10 +88,8 @@ public DateTime ArrivalDateTime
         {
             get
             {
-                DateTime arrivalStringDate = Convert.ToDateTime(this.ArrivalStringDate,
-                    CultureInfo.CurrentCulture);
-                return DateTime.MinValue != arrivalStringDate ? arrivalStringDate : this.arrivalDateTime;
-
+                DateTime arrivalStringDate = Convert.ToDateTime(this.ArrivalStringDate, CultureInfo.CurrentCulture);
+                return arrivalStringDate != DateTime.MinValue ? arrivalStringDate : this.arrivalDateTime;
             }
 
             set
@@ -114,9 +112,8 @@ public DateTime DepartureDateTime
         {
             get
             {
-                DateTime departureStringDate = Convert.ToDateTime(this.DepartureStringDate,
-                     CultureInfo.CurrentCulture);
-                return DateTime.MinValue != departureStringDate ? departureStringDate : this.departureDateTime;
+                DateTime departureStringDate = Convert.ToDateTime(this.DepartureStringDate, CultureInfo.CurrentCulture);
+                return departureStringDate != DateTime.MinValue ? departureStringDate : this.departureDateTime;
             }
 
             set
@@ -213,7 +210,7 @@ public StepStatus Status
                     this.OnPropertyChanged();
                 }
             }
-        }        
+        }
 
         #endregion
 
diff --git a/EssentialUIKit/Models/Transaction/Card.cs b/EssentialUIKit/Models/Transaction/Card.cs
new file mode 100644
index 00000000..6698523b
--- /dev/null
+++ b/EssentialUIKit/Models/Transaction/Card.cs
@@ -0,0 +1,64 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Transaction
+{
+    /// <summary>
+    /// Model for my cards page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class Card
+    {
+        #region Properties
+        /// <summary>
+        /// Gets or sets the card type.
+        /// </summary>
+        [DataMember(Name = "cardType")]
+        public string CardType { get; set; }
+
+        /// <summary>
+        /// Gets or sets the card number.
+        /// </summary>
+        [DataMember(Name = "number")]
+        public string Number { get; set; }
+
+        /// <summary>
+        /// Gets or sets name of the card holder.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the card expiry date.
+        /// </summary>
+        [DataMember(Name = "expiry")]
+        public string Expiry { get; set; }
+
+        /// <summary>
+        /// Gets or sets the card cvv.
+        /// </summary>
+        [DataMember(Name = "cardCvv")]
+        public int CardCvv { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays  background gradient start.
+        /// </summary>
+        [DataMember(Name = "backgroundGradientStart")]
+        public string BackgroundGradientStart { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays  background gradient end.
+        /// </summary>
+        [DataMember(Name = "backgroundGradientEnd")]
+        public string BackgroundGradientEnd { get; set; }
+
+        /// <summary>
+        /// Gets or sets the card type.
+        /// </summary>
+        [DataMember(Name = "cardTypeIcon")]
+        public string CardTypeIcon { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Models/Transaction/Customer.cs b/EssentialUIKit/Models/Transaction/Customer.cs
index 06ac0180..43cc64b6 100644
--- a/EssentialUIKit/Models/Transaction/Customer.cs
+++ b/EssentialUIKit/Models/Transaction/Customer.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Transaction
 {
@@ -6,31 +7,37 @@ namespace EssentialUIKit.Models.Transaction
     /// Model for review list.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class Customer
     {
         /// <summary>
         /// Gets or sets the property that holds the customer id.
         /// </summary>
+        [DataMember(Name = "customerId")]
         public int CustomerId { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with a label, which displays the customer name.
         /// </summary>
+        [DataMember(Name = "customerName")]
         public string CustomerName { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with label, which displays the address type.
         /// </summary>
+        [DataMember(Name = "addressType")]
         public string AddressType { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with label, which displays the customer address.
         /// </summary>
+        [DataMember(Name = "address")]
         public string Address { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with label, which displays the customer mobile number.
         /// </summary>
+        [DataMember(Name = "mobileNumber")]
         public string MobileNumber { get; set; }
     }
 }
diff --git a/EssentialUIKit/Models/Transaction/Payment.cs b/EssentialUIKit/Models/Transaction/Payment.cs
index bd192553..c5c12a08 100644
--- a/EssentialUIKit/Models/Transaction/Payment.cs
+++ b/EssentialUIKit/Models/Transaction/Payment.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.Models.Transaction
 {
@@ -6,21 +7,25 @@ namespace EssentialUIKit.Models.Transaction
     /// Model for list view item in payment view.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class Payment
     {
         /// <summary>
         /// Gets or sets the property that has been bound with a label, which displays the payment mode.
         /// </summary>
+        [DataMember(Name = "paymentMode")]
         public string PaymentMode { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with a label, which displays the card number.
         /// </summary>
+        [DataMember(Name = "cardNumber")]
         public string CardNumber { get; set; }
 
         /// <summary>
         /// Gets or sets the property that has been bound with an image, which displays the card type.
         /// </summary>
+        [DataMember(Name = "cardTypeIcon")]
         public string CardTypeIcon { get; set; }
     }
 }
diff --git a/EssentialUIKit/Models/UserProfile.cs b/EssentialUIKit/Models/UserProfile.cs
new file mode 100644
index 00000000..ca1d4b1d
--- /dev/null
+++ b/EssentialUIKit/Models/UserProfile.cs
@@ -0,0 +1,39 @@
+using System.Runtime.Serialization;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models
+{
+    /// <summary>
+    /// Model for SocialProfile
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class UserProfile
+    {
+        #region Fields
+
+        private string imagePath;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the title.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the image path.
+        /// </summary>
+        [DataMember(Name = "imagePath")]
+        public string ImagePath
+        {
+            get { return App.ImageServerPath + this.imagePath; }
+            set { this.imagePath = value; }
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit.Android/Assets/Montserrat-Bold.ttf b/EssentialUIKit/Resources/Fonts/Montserrat-Bold.ttf
similarity index 100%
rename from EssentialUIKit.Android/Assets/Montserrat-Bold.ttf
rename to EssentialUIKit/Resources/Fonts/Montserrat-Bold.ttf
diff --git a/EssentialUIKit.Android/Assets/Montserrat-Medium.ttf b/EssentialUIKit/Resources/Fonts/Montserrat-Medium.ttf
similarity index 100%
rename from EssentialUIKit.Android/Assets/Montserrat-Medium.ttf
rename to EssentialUIKit/Resources/Fonts/Montserrat-Medium.ttf
diff --git a/EssentialUIKit.Android/Assets/Montserrat-Regular.ttf b/EssentialUIKit/Resources/Fonts/Montserrat-Regular.ttf
similarity index 100%
rename from EssentialUIKit.Android/Assets/Montserrat-Regular.ttf
rename to EssentialUIKit/Resources/Fonts/Montserrat-Regular.ttf
diff --git a/EssentialUIKit.Android/Assets/Montserrat-SemiBold.ttf b/EssentialUIKit/Resources/Fonts/Montserrat-SemiBold.ttf
similarity index 100%
rename from EssentialUIKit.Android/Assets/Montserrat-SemiBold.ttf
rename to EssentialUIKit/Resources/Fonts/Montserrat-SemiBold.ttf
diff --git a/EssentialUIKit.Android/Assets/UIFontIcons.ttf b/EssentialUIKit/Resources/Fonts/UIFontIcons.ttf
similarity index 80%
rename from EssentialUIKit.Android/Assets/UIFontIcons.ttf
rename to EssentialUIKit/Resources/Fonts/UIFontIcons.ttf
index bc9d5030..443072d2 100644
Binary files a/EssentialUIKit.Android/Assets/UIFontIcons.ttf and b/EssentialUIKit/Resources/Fonts/UIFontIcons.ttf differ
diff --git a/EssentialUIKit/StyleCop.ruleset b/EssentialUIKit/StyleCop.ruleset
new file mode 100644
index 00000000..2e76f858
--- /dev/null
+++ b/EssentialUIKit/StyleCop.ruleset
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RuleSet Name="New Rule Set" Description=" " ToolsVersion="16.0">
+  <Rules AnalyzerId="StyleCop.Analyzers" RuleNamespace="StyleCop.Analyzers">
+    <Rule Id="SA0001" Action="None" />
+    <Rule Id="SA1008" Action="None" />
+    <Rule Id="SA1009" Action="None" />
+    <Rule Id="SA1012" Action="None" />
+    <Rule Id="SA1013" Action="None" />
+    <Rule Id="SA1024" Action="None" />
+    <Rule Id="SA1027" Action="None" />
+    <Rule Id="SA1028" Action="None" />
+    <Rule Id="SA1101" Action="None" />
+    <Rule Id="SA1124" Action="None" />
+    <Rule Id="SA1137" Action="None" />
+    <Rule Id="SA1200" Action="None" />
+    <Rule Id="SA1202" Action="None" />
+    <Rule Id="SA1208" Action="None" />
+    <Rule Id="SA1300" Action="None" />
+    <Rule Id="SA1303" Action="None" />
+    <Rule Id="SA1306" Action="None" />
+    <Rule Id="SA1402" Action="None" />
+    <Rule Id="SA1504" Action="None" />
+    <Rule Id="SA1600" Action="None" />
+    <Rule Id="SA1623" Action="None" />
+    <Rule Id="SA1624" Action="None" />
+    <Rule Id="SA1629" Action="None" />
+    <Rule Id="SA1633" Action="None" />
+    <Rule Id="SA1642" Action="None" />
+    <Rule Id="SA1649" Action="None" />
+  </Rules>
+</RuleSet>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/AvatarViewStyles.xaml b/EssentialUIKit/Styles/AvatarViewStyles.xaml
new file mode 100644
index 00000000..297533c8
--- /dev/null
+++ b/EssentialUIKit/Styles/AvatarViewStyles.xaml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.AvatarViewStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms">
+
+    <Style x:Key="AvatarViewStyle" TargetType="sfavatar:SfAvatarView">
+        <Setter Property="ContentType" Value="Initials" />
+        <Setter Property="InitialsType" Value="DoubleCharacter" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
+        <Setter Property="InitialsColor" Value="#ffffff" />
+        <Setter Property="AvatarShape" Value="Circle" />
+        <Setter Property="AvatarSize" Value="Medium" />
+        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
+        <Setter Property="BorderWidth" Value="0" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/AvatarViewStyles.xaml.cs b/EssentialUIKit/Styles/AvatarViewStyles.xaml.cs
new file mode 100644
index 00000000..7341257c
--- /dev/null
+++ b/EssentialUIKit/Styles/AvatarViewStyles.xaml.cs
@@ -0,0 +1,13 @@
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class AvatarViewStyles
+    {
+        public AvatarViewStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/BorderStyles.xaml b/EssentialUIKit/Styles/BorderStyles.xaml
new file mode 100644
index 00000000..903e5729
--- /dev/null
+++ b/EssentialUIKit/Styles/BorderStyles.xaml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.BorderStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms">
+
+    <Color x:Key="BorderBackgroundColor">#20FFFFFF</Color>
+
+    <!--  Common style for theme borders  -->
+    <Style x:Key="LoginFormBorderlessEntryBorderStyle" TargetType="border:SfBorder">
+        <Setter Property="BackgroundColor" Value="{StaticResource BorderBackgroundColor}" />
+        <Setter Property="BorderColor" Value="Transparent" />
+        <Setter Property="CornerRadius" Value="20" />
+        <Setter Property="BorderWidth" Value="1" />
+    </Style>
+
+    <!--  Common style for entry borders  -->
+    <Style x:Key="ThemeBorderStyle" TargetType="border:SfBorder">
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="BorderColor" Value="Transparent" />
+        <Setter Property="CornerRadius" Value="10" />
+        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
+    </Style>
+
+    <!--  Common style for forms borders  -->
+    <Style x:Key="DataFormBorderlessEntryBorderStyle" TargetType="border:SfBorder">
+        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
+        <Setter Property="CornerRadius" Value="4" />
+        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-Bg}" />
+    </Style>
+
+    <!--  Common style for profile border style  -->
+    <Style x:Key="ProfileBorderStyle" TargetType="border:SfBorder">
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="BorderWidth" Value="1" />
+        <Setter Property="BorderColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="CornerRadius" Value="20" />
+    </Style>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/BorderStyles.xaml.cs b/EssentialUIKit/Styles/BorderStyles.xaml.cs
new file mode 100644
index 00000000..59beb765
--- /dev/null
+++ b/EssentialUIKit/Styles/BorderStyles.xaml.cs
@@ -0,0 +1,15 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class BorderStyles
+    {
+        public BorderStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/BoxViewStyles.xaml b/EssentialUIKit/Styles/BoxViewStyles.xaml
new file mode 100644
index 00000000..81e897b3
--- /dev/null
+++ b/EssentialUIKit/Styles/BoxViewStyles.xaml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.BoxViewStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <Style x:Key="HorizontalSeparatorStyle" TargetType="BoxView">
+        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="HeightRequest" Value="1" />
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
+    </Style>
+
+    <Style x:Key="VerticalSeparatorStyle" TargetType="BoxView">
+        <Setter Property="WidthRequest" Value="1" />
+        <Setter Property="HeightRequest" Value="12" />
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="VerticalOptions" Value="Center" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/BoxViewStyles.xaml.cs b/EssentialUIKit/Styles/BoxViewStyles.xaml.cs
new file mode 100644
index 00000000..b81874ba
--- /dev/null
+++ b/EssentialUIKit/Styles/BoxViewStyles.xaml.cs
@@ -0,0 +1,13 @@
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class BoxViewStyles
+    {
+        public BoxViewStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ButtonStyles.xaml b/EssentialUIKit/Styles/ButtonStyles.xaml
new file mode 100644
index 00000000..f5b75116
--- /dev/null
+++ b/EssentialUIKit/Styles/ButtonStyles.xaml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.ButtonStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
+
+    <!--  Common style for Gradient buttons  -->
+    <Style x:Key="GradientButtonStyle" TargetType="buttons:SfButton">
+        <Setter Property="BackgroundGradient">
+            <Setter.Value>
+                <graphics:SfLinearGradientBrush>
+                    <graphics:SfLinearGradientBrush.GradientStops>
+                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
+                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
+                    </graphics:SfLinearGradientBrush.GradientStops>
+                </graphics:SfLinearGradientBrush>
+            </Setter.Value>
+        </Setter>
+        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
+        <Setter Property="BorderWidth" Value="0" />
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="HeightRequest" Value="40" />
+        <Setter Property="CornerRadius" Value="20" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="VerticalOptions" Value="Center" />
+    </Style>
+
+    <!--  Common style for Transparent buttons  -->
+    <Style x:Key="TransparentButtonStyle" TargetType="buttons:SfButton">
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="TextColor" Value="{DynamicResource HyperLink}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="HorizontalOptions" Value="Start" />
+        <Setter Property="VerticalOptions" Value="Start" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+        <Setter Property="CornerRadius" Value="4" />
+    </Style>
+
+    <!--  Common style for Icon buttons  -->
+    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
+        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="FontFamily" Value="FontIcons" />
+        <Setter Property="FontSize" Value="18" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="HeightRequest" Value="40" />
+        <Setter Property="WidthRequest" Value="40" />
+        <Setter Property="CornerRadius" Value="20" />
+    </Style>
+
+    <!--  Common style for Simple buttons  -->
+    <Style x:Key="SimpleButtonStyle" TargetType="buttons:SfButton">
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
+        <Setter Property="WidthRequest" Value="155" />
+        <Setter Property="CornerRadius" Value="1" />
+        <Setter Property="BorderWidth" Value="0" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ButtonStyles.xaml.cs b/EssentialUIKit/Styles/ButtonStyles.xaml.cs
new file mode 100644
index 00000000..5c6b1d83
--- /dev/null
+++ b/EssentialUIKit/Styles/ButtonStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ButtonStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public ButtonStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/CheckBoxStyles.xaml b/EssentialUIKit/Styles/CheckBoxStyles.xaml
new file mode 100644
index 00000000..ac00275b
--- /dev/null
+++ b/EssentialUIKit/Styles/CheckBoxStyles.xaml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.CheckBoxStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
+
+    <Style x:Key="CheckBoxStyle" TargetType="button:SfCheckBox">
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup>
+                    <VisualState x:Name="Checked">
+                        <VisualState.StateTriggers>
+                            <CompareStateTrigger Property="IsChecked" Value="True" />
+                        </VisualState.StateTriggers>
+                        <VisualState.Setters>
+                            <Setter Property="CheckedColor" Value="{DynamicResource PrimaryColor}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                    <VisualState x:Name="Unchecked">
+                        <VisualState.StateTriggers>
+                            <CompareStateTrigger Property="IsChecked" Value="False" />
+                        </VisualState.StateTriggers>
+                        <VisualState.Setters>
+                            <Setter Property="UncheckedColor" Value="{DynamicResource Gray-300}" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/CheckBoxStyles.xaml.cs b/EssentialUIKit/Styles/CheckBoxStyles.xaml.cs
new file mode 100644
index 00000000..99f92f6c
--- /dev/null
+++ b/EssentialUIKit/Styles/CheckBoxStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class CheckBoxStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="CheckBoxStyles" /> class.
+        /// </summary>
+        public CheckBoxStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/Colors.xaml b/EssentialUIKit/Styles/Colors.xaml
new file mode 100644
index 00000000..11b08f43
--- /dev/null
+++ b/EssentialUIKit/Styles/Colors.xaml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.Colors"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <Color x:Key="EntryPlaceholderColor">#A0FFFFFF</Color>
+    <Color x:Key="GradientStartColor">#012E8B</Color>
+    <Color x:Key="GradientEndColor">#3F0041</Color>
+    <Color x:Key="GradientStart">#713d74</Color>
+    <Color x:Key="GradientEnd">#221e60</Color>
+    <Color x:Key="TwitterBlue">#55acee</Color>
+    <Color x:Key="Red">#dc4e41</Color>
+    <Color x:Key="FacebookBlue">#4267B2</Color>
+    <Color x:Key="LightGreen">#35c659</Color>
+    <Color x:Key="FacebookLogin">#3b5998</Color>
+    <Color x:Key="Transparent">Transparent</Color>
+    <Color x:Key="Link">#567cd7</Color>
+    <Color x:Key="Steel">#788396</Color>
+    <Color x:Key="Gold">#fcbc0f</Color>
+    <Color x:Key="Dull-Red">#c04848</Color>
+    <Color x:Key="Deep-Purple">#480048</Color>
+    <Color x:Key="Green">#7ed321</Color>
+    <Color x:Key="Liliac">#d483fc</Color>
+    <Color x:Key="Purpleish-Blue">#5d4cf7</Color>
+    <Color x:Key="Bright-Cyan">#3cdeff</Color>
+    <Color x:Key="Lemon-Lime">#bdff27</Color>
+    <Color x:Key="VioletGradientStart">#373668</Color>
+    <Color x:Key="VioletGradientEnd">#24243b</Color>
+    <Color x:Key="PinkGradientStart">#d54381</Color>
+    <Color x:Key="PinkGradientEnd">#7644ad</Color>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Styles.xaml.cs b/EssentialUIKit/Styles/Colors.xaml.cs
similarity index 77%
rename from EssentialUIKit/Views/Chat/Styles.xaml.cs
rename to EssentialUIKit/Styles/Colors.xaml.cs
index 12a4b49d..04e11dfa 100644
--- a/EssentialUIKit/Views/Chat/Styles.xaml.cs
+++ b/EssentialUIKit/Styles/Colors.xaml.cs
@@ -1,21 +1,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Chat
+namespace EssentialUIKit.Styles
 {
     /// <summary>
     /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
+    public partial class Colors
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="Styles" /> class.
         /// </summary>
-        public Styles()
+        public Colors()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ComboBoxStyles.xaml b/EssentialUIKit/Styles/ComboBoxStyles.xaml
new file mode 100644
index 00000000..ae23badf
--- /dev/null
+++ b/EssentialUIKit/Styles/ComboBoxStyles.xaml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.ComboBoxStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms">
+
+    <Style x:Key="SimpleComboBoxStyle" TargetType="combobox:SfComboBox">
+        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-900}" />
+        <Setter Property="TextSize" Value="16" />
+        <Setter Property="DropDownTextSize" Value="16" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
+        <Setter Property="DropDownItemFontFamily" Value="Montserrat-Regular" />
+    </Style>
+
+    <Style x:Key="TextInputLayoutComboBoxStyle" TargetType="combobox:SfComboBox">
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
+        <Setter Property="TextSize" Value="16" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="ShowBorder" Value="False" />
+        <Setter Property="WatermarkColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="Margin" Value="8,3,0,-3" />
+        <Setter Property="HeightRequest" Value="40" />
+        <Setter Property="DropDownBorderColor" Value="{DynamicResource Gray-300}" />
+        <Setter Property="SelectedDropDownItemColor" Value="Transparent" />
+        <Setter Property="DropDownBackgroundColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-700}" />
+    </Style>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ComboBoxStyles.xaml.cs b/EssentialUIKit/Styles/ComboBoxStyles.xaml.cs
new file mode 100644
index 00000000..5fc478cd
--- /dev/null
+++ b/EssentialUIKit/Styles/ComboBoxStyles.xaml.cs
@@ -0,0 +1,15 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ComboBoxStyles
+    {
+        public ComboBoxStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/EditorStyles.xaml b/EssentialUIKit/Styles/EditorStyles.xaml
new file mode 100644
index 00000000..1e724844
--- /dev/null
+++ b/EssentialUIKit/Styles/EditorStyles.xaml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.EditorStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls">
+
+    <!--  Common style borderless editors  -->
+    <Style x:Key="BorderlessEditorStyle" TargetType="control:BorderlessEditor">
+        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
+        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/EditorStyles.xaml.cs b/EssentialUIKit/Styles/EditorStyles.xaml.cs
new file mode 100644
index 00000000..82a9a00a
--- /dev/null
+++ b/EssentialUIKit/Styles/EditorStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EditorStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public EditorStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/EntryStyles.xaml b/EssentialUIKit/Styles/EntryStyles.xaml
new file mode 100644
index 00000000..e2ea743a
--- /dev/null
+++ b/EssentialUIKit/Styles/EntryStyles.xaml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.EntryStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls">
+
+    <!-- Common style for borderless entries -->
+    <Style x:Key="BorderlessEntryStyle" TargetType="control:BorderlessEntry">
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
+        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="ReturnType" Value="Done" />
+    </Style>
+    
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/Styles.xaml.cs b/EssentialUIKit/Styles/EntryStyles.xaml.cs
similarity index 76%
rename from EssentialUIKit/Views/Catalog/Styles.xaml.cs
rename to EssentialUIKit/Styles/EntryStyles.xaml.cs
index 2dc546f6..9aed291d 100644
--- a/EssentialUIKit/Views/Catalog/Styles.xaml.cs
+++ b/EssentialUIKit/Styles/EntryStyles.xaml.cs
@@ -1,21 +1,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Catalog
+namespace EssentialUIKit.Styles
 {
     /// <summary>
     /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
+    public partial class EntryStyles
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="Styles" /> class.
         /// </summary>
-        public Styles()
+        public EntryStyles()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/FontIcons.xaml b/EssentialUIKit/Styles/FontIcons.xaml
new file mode 100644
index 00000000..21e9dce1
--- /dev/null
+++ b/EssentialUIKit/Styles/FontIcons.xaml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.FontIcons"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <!--  Font icon text  -->
+    <x:String x:Key="DropDownButtonIcon">&#xe70b;</x:String>
+    <x:String x:Key="Contact">&#xe723;</x:String>
+    <x:String x:Key="FaceBook">&#xe70f;</x:String>
+    <x:String x:Key="Google">&#xe74d;</x:String>
+    <x:String x:Key="Twitter">&#xe749;</x:String>
+    <x:String x:Key="Filter">&#xe702;</x:String>
+    <x:String x:Key="Sort">&#xe70a;</x:String>
+    <x:String x:Key="BurgerMenu">&#xe72e;</x:String>
+    <x:String x:Key="Favourite">&#xe701;</x:String>
+    <x:String x:Key="Share">&#xe704;</x:String>
+    <x:String x:Key="MapPin">&#xe729;</x:String>
+    <x:String x:Key="Calendar">&#xe742;</x:String>
+    <x:String x:Key="Group">&#xe714;</x:String>
+    <x:String x:Key="Search">&#xe705;</x:String>
+    <x:String x:Key="Phone">&#xe71c;</x:String>
+    <x:String x:Key="Sent">&#xe717;</x:String>
+    <x:String x:Key="Viewed">&#xe71b;</x:String>
+    <x:String x:Key="New">&#xe720;</x:String>
+    <x:String x:Key="Audio">&#xe722;</x:String>
+    <x:String x:Key="Photo">&#xe71d;</x:String>
+    <x:String x:Key="Video">&#xe718;</x:String>
+    <x:String x:Key="Next">&#xe71a;</x:String>
+    <x:String x:Key="Mail">&#xe725;</x:String>
+    <x:String x:Key="Notification">&#xe700;</x:String>
+    <x:String x:Key="Help">&#xe72c;</x:String>
+    <x:String x:Key="Edit">&#xe727;</x:String>
+    <x:String x:Key="PhoneFill">&#xe72a;</x:String>
+    <x:String x:Key="Close">&#xe724;</x:String>
+    <x:String x:Key="Home">&#xe706;</x:String>
+    <x:String x:Key="FileExplorerList">&#xe70d;</x:String>
+    <x:String x:Key="Account">&#xe70e;</x:String>
+    <x:String x:Key="Rating">&#xe70c;</x:String>
+    <x:String x:Key="ArrowRight">&#xe728;</x:String>
+    <x:String x:Key="Photos">&#xe731;</x:String>
+    <x:String x:Key="AlbumsIcon">&#xe726;</x:String>
+    <x:String x:Key="Settings">&#xe72b;</x:String>
+    <x:String x:Key="Music">&#xe744;</x:String>
+    <x:String x:Key="WhatsApp">&#xe748;</x:String>
+    <x:String x:Key="Messages">&#xe73b;</x:String>
+    <x:String x:Key="FileExplorer">&#xe74a;</x:String>
+    <x:String x:Key="Delete">&#xe716;</x:String>
+    <x:String x:Key="Bookmark">&#xe734;</x:String>
+    <x:String x:Key="More">&#xe719;</x:String>
+    <x:String x:Key="Back">&#xe709;</x:String>
+    <x:String x:Key="VideoCall">&#xe721;</x:String>
+    <x:String x:Key="Camera">&#xe713;</x:String>
+    <x:String x:Key="Attachment">&#xe71e;</x:String>
+    <x:String x:Key="Send">&#xe71f;</x:String>
+    <x:String x:Key="Delivered">&#xe741;</x:String>
+    <x:String x:Key="Offer">&#xe736;</x:String>
+    <x:String x:Key="FlashSale">&#xe743;</x:String>
+    <x:String x:Key="Arrived">&#xe740;</x:String>
+    <x:String x:Key="Add">&#xe730;</x:String>
+    <x:String x:Key="Cart">&#xe708;</x:String>
+    <x:String x:Key="Menu">&#xe715;</x:String>
+    <x:String x:Key="Category">&#xe733;</x:String>
+    <x:String x:Key="Error">&#xe707;</x:String>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Styles.xaml.cs b/EssentialUIKit/Styles/FontIcons.xaml.cs
similarity index 76%
rename from EssentialUIKit/Views/Detail/Styles.xaml.cs
rename to EssentialUIKit/Styles/FontIcons.xaml.cs
index ef499706..b1dae2d8 100644
--- a/EssentialUIKit/Views/Detail/Styles.xaml.cs
+++ b/EssentialUIKit/Styles/FontIcons.xaml.cs
@@ -1,21 +1,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Detail
+namespace EssentialUIKit.Styles
 {
     /// <summary>
     /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
+    public partial class FontIcons
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="Styles" /> class.
         /// </summary>
-        public Styles()
+        public FontIcons()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/FrameStyles.xaml b/EssentialUIKit/Styles/FrameStyles.xaml
new file mode 100644
index 00000000..92e965f6
--- /dev/null
+++ b/EssentialUIKit/Styles/FrameStyles.xaml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.FrameStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls">
+
+    <!--  Common style for custom shadow frames  -->
+    <Style x:Key="CustomShadowFrameStyle" TargetType="control:CustomShadowFrame">
+        <Setter Property="BackgroundColor" Value="{DynamicResource GrayShadowColor}" />
+        <Setter Property="BorderColor" Value="{DynamicResource GrayShadowColor}" />
+        <Setter Property="BorderWidth" Value="1" />
+        <Setter Property="Padding" Value="0" />
+        <Setter Property="CornerRadius" Value="12" />
+        <Setter Property="HasShadow" Value="True" />
+        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
+        <Setter Property="Radius" Value="12" />
+        <Setter Property="ShadowOffSetHeight" Value="4" />
+        <Setter Property="ShadowOffsetWidth" Value="0" />
+        <Setter Property="ShadowOpacity" Value="0.12" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Article/Styles.xaml.cs b/EssentialUIKit/Styles/FrameStyles.xaml.cs
similarity index 76%
rename from EssentialUIKit/Views/Article/Styles.xaml.cs
rename to EssentialUIKit/Styles/FrameStyles.xaml.cs
index 0e880776..79b812f8 100644
--- a/EssentialUIKit/Views/Article/Styles.xaml.cs
+++ b/EssentialUIKit/Styles/FrameStyles.xaml.cs
@@ -1,21 +1,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Article
+namespace EssentialUIKit.Styles
 {
     /// <summary>
     /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
+    public partial class FrameStyles
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="Styles" /> class.
         /// </summary>
-        public Styles()
+        public FrameStyles()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/GradientViewStyles.xaml b/EssentialUIKit/Styles/GradientViewStyles.xaml
new file mode 100644
index 00000000..180d3244
--- /dev/null
+++ b/EssentialUIKit/Styles/GradientViewStyles.xaml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.GradientViewStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
+
+    <!--  Common style for blue gradient view  -->
+    <Style x:Key="BlueGradientStyle" TargetType="graphics:SfGradientView">
+        <Setter Property="Opacity" Value="0.82" />
+        <Setter Property="VerticalOptions" Value="FillAndExpand" />
+        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
+        <Setter Property="BackgroundBrush">
+            <Setter.Value>
+                <graphics:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
+                    <graphics:SfLinearGradientBrush.GradientStops>
+                        <graphics:SfGradientStop Offset="0.0" Color="#3F0041" />
+                        <graphics:SfGradientStop Offset="1.0" Color="#012E8B" />
+                    </graphics:SfLinearGradientBrush.GradientStops>
+                </graphics:SfLinearGradientBrush>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Common style for violet gradient view  -->
+    <Style x:Key="VioletGradientStyle" TargetType="graphics:SfGradientView">
+        <Setter Property="Opacity" Value="1" />
+        <Setter Property="VerticalOptions" Value="FillAndExpand" />
+        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
+        <Setter Property="BackgroundBrush">
+            <Setter.Value>
+                <graphics:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
+                    <graphics:SfLinearGradientBrush.GradientStops>
+                        <graphics:SfGradientStop Offset="0.0" Color="#713d74" />
+                        <graphics:SfGradientStop Offset="1.0" Color="#221e60" />
+                    </graphics:SfLinearGradientBrush.GradientStops>
+                </graphics:SfLinearGradientBrush>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Common style for primary gradient view  -->
+    <Style x:Key="PrimaryGradientStyle" TargetType="graphics:SfGradientView">
+        <Setter Property="BackgroundBrush">
+            <Setter.Value>
+                <graphics:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
+                    <graphics:SfLinearGradientBrush.GradientStops>
+                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
+                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
+                    </graphics:SfLinearGradientBrush.GradientStops>
+                </graphics:SfLinearGradientBrush>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Common style for pink gradient view  -->
+    <Style x:Key="PinkGradientStyle" TargetType="graphics:SfGradientView">
+        <Setter Property="BackgroundBrush">
+            <Setter.Value>
+                <graphics:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
+                    <graphics:SfLinearGradientBrush.GradientStops>
+                        <graphics:SfGradientStop Offset="0.0" Color="#d54381" />
+                        <graphics:SfGradientStop Offset="1.0" Color="#7644ad" />
+                    </graphics:SfLinearGradientBrush.GradientStops>
+                </graphics:SfLinearGradientBrush>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/GradientViewStyles.xaml.cs b/EssentialUIKit/Styles/GradientViewStyles.xaml.cs
new file mode 100644
index 00000000..4568d069
--- /dev/null
+++ b/EssentialUIKit/Styles/GradientViewStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class GradientViewStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public GradientViewStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/LabelStyles.xaml b/EssentialUIKit/Styles/LabelStyles.xaml
new file mode 100644
index 00000000..f71c602f
--- /dev/null
+++ b/EssentialUIKit/Styles/LabelStyles.xaml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.LabelStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+
+    <!--  Common style for Title labels  -->
+    <Style x:Key="TitleLabelStyle" TargetType="Label">
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
+        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
+    </Style>
+
+    <!--  Common style for Description labels  -->
+    <Style x:Key="DescriptionLabelStyle" TargetType="Label">
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
+        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
+    </Style>
+
+    <!--  Common style for Icon labels  -->
+    <Style x:Key="IconLabelStyle" TargetType="Label">
+        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
+        <Setter Property="FontSize" Value="18" />
+        <Setter Property="HorizontalOptions" Value="Center" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="HorizontalTextAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="FontIcons" />
+    </Style>
+
+    <!--  Common style for Simple labels  -->
+    <Style x:Key="SimpleLabelStyle" TargetType="Label">
+        <Setter Property="FontSize" Value="12" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="HorizontalOptions" Value="Start" />
+        <Setter Property="HorizontalTextAlignment" Value="Start" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
+        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
+    </Style>
+
+    <!--  Common style for Error Icon labels  -->
+    <Style x:Key="ErrorIconLabelStyle" TargetType="Label">
+        <Setter Property="Margin" Value="15,0" />
+        <Setter Property="FontFamily" Value="FontIcons" />
+        <Setter Property="FontSize" Value="18" />
+        <Setter Property="HorizontalOptions" Value="EndAndExpand" />
+        <Setter Property="HorizontalTextAlignment" Value="End" />
+        <Setter Property="TextColor" Value="{DynamicResource Red}" />
+        <Setter Property="VerticalOptions" Value="Center" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/LabelStyles.xaml.cs b/EssentialUIKit/Styles/LabelStyles.xaml.cs
new file mode 100644
index 00000000..67248c61
--- /dev/null
+++ b/EssentialUIKit/Styles/LabelStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class LabelStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public LabelStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ListViewStyles.xaml b/EssentialUIKit/Styles/ListViewStyles.xaml
new file mode 100644
index 00000000..53880fe4
--- /dev/null
+++ b/EssentialUIKit/Styles/ListViewStyles.xaml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.ListViewStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms">
+
+    <Style x:Key="TransparentSelectionListView" TargetType="listView:SfListView">
+        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="FocusBorderThickness" Value="0" />
+        <Setter Property="SelectionBackgroundColor" Value="Transparent" />
+        <Setter Property="IsScrollBarVisible" Value="False" />
+        <Setter Property="VerticalOptions" Value="FillAndExpand" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/ListViewStyles.xaml.cs b/EssentialUIKit/Styles/ListViewStyles.xaml.cs
new file mode 100644
index 00000000..f60bf325
--- /dev/null
+++ b/EssentialUIKit/Styles/ListViewStyles.xaml.cs
@@ -0,0 +1,15 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ListViewStyles
+    {
+        public ListViewStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/RadioButtonStyles.xaml b/EssentialUIKit/Styles/RadioButtonStyles.xaml
new file mode 100644
index 00000000..fe1cfd95
--- /dev/null
+++ b/EssentialUIKit/Styles/RadioButtonStyles.xaml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.RadioButtonStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
+
+    <!--  Group key for Payment radio buttons  -->
+    <buttons:SfRadioGroupKey x:Key="PaymentOptionGroup" />
+
+    <!--  Common style for RadioButtons  -->
+    <Style x:Key="RadioButtonStyle" TargetType="buttons:SfRadioButton">
+        <Setter Property="HorizontalTextAlignment" Value="Start" />
+        <Setter Property="HorizontalOptions" Value="Start" />
+        <Setter Property="CheckedColor" Value="{DynamicResource PrimaryColor}" />
+        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
+        <Setter Property="FontSize" Value="14" />
+        <Setter Property="UncheckedColor" Value="{DynamicResource Gray-300}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/RadioButtonStyles.xaml.cs b/EssentialUIKit/Styles/RadioButtonStyles.xaml.cs
new file mode 100644
index 00000000..afc25533
--- /dev/null
+++ b/EssentialUIKit/Styles/RadioButtonStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RadioButtonStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public RadioButtonStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/RatingStyles.xaml b/EssentialUIKit/Styles/RatingStyles.xaml
new file mode 100644
index 00000000..227efb99
--- /dev/null
+++ b/EssentialUIKit/Styles/RatingStyles.xaml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.RatingStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
+
+
+    <!--  Common style for SfRating  -->
+    <Style x:Key="RatingStyle" TargetType="rating:SfRating">
+        <Setter Property="ItemCount" Value="5" />
+        <Setter Property="ReadOnly" Value="True" />
+        <Setter Property="ItemSize" Value="14" />
+        <Setter Property="ItemSpacing" Value="0" />
+        <Setter Property="VerticalOptions" Value="Center" />
+        <Setter Property="HorizontalOptions" Value="Start" />
+    </Style>
+
+    <rating:SfRatingSettings
+        x:Key="RatingSettings"
+        RatedFill="#fcbc0f"
+        RatedStroke="#fcbc0f"
+        UnRatedStroke="{DynamicResource Gray-600}" />
+
+
+    <rating:SfRatingSettings
+        x:Key="CommonRatingSettings"
+        RatedFill="#fcbc0f"
+        RatedStroke="#fcbc0f"
+        UnRatedStroke="{DynamicResource Gray-600}"
+        UnRatedStrokeWidth="1" />
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/RatingStyles.xaml.cs b/EssentialUIKit/Styles/RatingStyles.xaml.cs
new file mode 100644
index 00000000..aefb7987
--- /dev/null
+++ b/EssentialUIKit/Styles/RatingStyles.xaml.cs
@@ -0,0 +1,15 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RatingStyles
+    {
+        public RatingStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/SegmentedControlStyles.xaml b/EssentialUIKit/Styles/SegmentedControlStyles.xaml
new file mode 100644
index 00000000..caabf77f
--- /dev/null
+++ b/EssentialUIKit/Styles/SegmentedControlStyles.xaml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.SegmentedControlStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
+
+    <!--  Common style for SegmentedControls  -->
+    <Style x:Key="SegmentedControlStyle" TargetType="buttons:SfSegmentedControl">
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
+        <Setter Property="FontColor" Value="{DynamicResource Gray-700}" />
+        <Setter Property="SelectionTextColor" Value="{DynamicResource Gray-White}" />
+        <Setter Property="BackgroundColor" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="0" />
+        <Setter Property="SegmentBackgroundColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="SegmentBorderColor" Value="{DynamicResource Gray-300}" />
+        <Setter Property="SegmentBorderThickness" Value="1" />
+        <Setter Property="SegmentCornerRadius" Value="20" />
+        <Setter Property="SegmentHeight" Value="40" />
+        <Setter Property="SegmentWidth" Value="40" />
+        <Setter Property="SegmentPadding" Value="8" />
+        <Setter Property="SelectionAnimationDuration" Value="0" />
+        <Setter Property="HorizontalOptions" Value="CenterAndExpand" />
+        <Setter Property="SelectionIndicatorSettings">
+            <Setter.Value>
+                <buttons:SelectionIndicatorSettings
+                    CornerRadius="20"
+                    StrokeThickness="0"
+                    Color="{DynamicResource PrimaryColor}" />
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/SegmentedControlStyles.xaml.cs b/EssentialUIKit/Styles/SegmentedControlStyles.xaml.cs
new file mode 100644
index 00000000..7c0275ba
--- /dev/null
+++ b/EssentialUIKit/Styles/SegmentedControlStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class SegmentedControlStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public SegmentedControlStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/TextInputLayoutStyles.xaml b/EssentialUIKit/Styles/TextInputLayoutStyles.xaml
new file mode 100644
index 00000000..d5772c5c
--- /dev/null
+++ b/EssentialUIKit/Styles/TextInputLayoutStyles.xaml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Styles.TextInputLayoutStyles"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:inputLayout="clr-namespace:Syncfusion.XForms.TextInputLayout;assembly=Syncfusion.Core.XForms">
+
+    <!--  Common style for TextInput Layouts  -->
+    <Style x:Key="TextInputLayoutStyle" TargetType="inputLayout:SfTextInputLayout">
+        <Setter Property="UnfocusedColor" Value="{DynamicResource Gray-300}" />
+        <Setter Property="ContainerType" Value="Outlined" />
+        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
+        <Setter Property="OutlineCornerRadius" Value="4" />
+        <Setter Property="ContainerBackgroundColor" Value="{DynamicResource Gray-Bg}" />
+        <Setter Property="FocusedColor" Value="{DynamicResource Gray-500}" />
+        <Setter Property="ReserveSpaceForAssistiveLabels" Value="False" />
+        <Setter Property="InputViewPadding" Value="12,0,0,0" />
+        <Setter Property="Margin" Value="0,-8,0,0" />
+        <Setter Property="FocusedStrokeWidth" Value="1" />
+    </Style>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Styles/TextInputLayoutStyles.xaml.cs b/EssentialUIKit/Styles/TextInputLayoutStyles.xaml.cs
new file mode 100644
index 00000000..31b3371d
--- /dev/null
+++ b/EssentialUIKit/Styles/TextInputLayoutStyles.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Styles
+{
+    /// <summary>
+    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class TextInputLayoutStyles
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// </summary>
+        public TextInputLayoutStyles()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AboutUsSimplePage.png b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsSimplePage.png
new file mode 100644
index 00000000..a48784a2
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsSimplePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithCardsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithCardsPage.png
new file mode 100644
index 00000000..2f5eec67
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithCardsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithScrollPage.png b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithScrollPage.png
new file mode 100644
index 00000000..3f71139c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AboutUsWithScrollPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AddCardPage.png b/EssentialUIKit/TemplateImage/DarkTheme/AddCardPage.png
new file mode 100644
index 00000000..9d624b81
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AddCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AddContactPage.png b/EssentialUIKit/TemplateImage/DarkTheme/AddContactPage.png
new file mode 100644
index 00000000..1299fab7
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AddContactPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AddProfilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/AddProfilePage.png
new file mode 100644
index 00000000..839d95fa
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AddProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/AppUsagePage.png b/EssentialUIKit/TemplateImage/DarkTheme/AppUsagePage.png
new file mode 100644
index 00000000..d5321852
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/AppUsagePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleBookmarkPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleBookmarkPage.png
new file mode 100644
index 00000000..689d4c7f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleBookmarkPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleCardPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleCardPage.png
new file mode 100644
index 00000000..b89aa5c4
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleDetailPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleDetailPage.png
new file mode 100644
index 00000000..15f0ce8e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleListPage.png
new file mode 100644
index 00000000..c42acf0c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleParallaxHeaderPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleParallaxHeaderPage.png
new file mode 100644
index 00000000..376d4b54
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleParallaxHeaderPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleTilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleTilePage.png
new file mode 100644
index 00000000..44d14a69
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ArticleWithCommentsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ArticleWithCommentsPage.png
new file mode 100644
index 00000000..79b9b28d
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ArticleWithCommentsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/BottomNavigationPage.png b/EssentialUIKit/TemplateImage/DarkTheme/BottomNavigationPage.png
new file mode 100644
index 00000000..ac5aa8dc
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/BottomNavigationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/BusinessRegistrationFormPage.png b/EssentialUIKit/TemplateImage/DarkTheme/BusinessRegistrationFormPage.png
new file mode 100644
index 00000000..a42be38b
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/BusinessRegistrationFormPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CardPaymentPage.png b/EssentialUIKit/TemplateImage/DarkTheme/CardPaymentPage.png
new file mode 100644
index 00000000..b24408a3
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CardPaymentPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CartPage.png b/EssentialUIKit/TemplateImage/DarkTheme/CartPage.png
new file mode 100644
index 00000000..327f83ad
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CartPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CatalogListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/CatalogListPage.png
new file mode 100644
index 00000000..526db33c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CatalogListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CatalogTilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/CatalogTilePage.png
new file mode 100644
index 00000000..5390fbe8
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CatalogTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CategoryTilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/CategoryTilePage.png
new file mode 100644
index 00000000..f4b9c310
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CategoryTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ChatPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ChatPage.png
new file mode 100644
index 00000000..19310807
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ChatPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ChatProfilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/ChatProfilePage.png
new file mode 100644
index 00000000..c12ce8ce
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ChatProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CheckoutPage.png b/EssentialUIKit/TemplateImage/DarkTheme/CheckoutPage.png
new file mode 100644
index 00000000..1311a15e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CheckoutPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/CompanyHistoryPage.png b/EssentialUIKit/TemplateImage/DarkTheme/CompanyHistoryPage.png
new file mode 100644
index 00000000..51cdc21a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/CompanyHistoryPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ContactProfilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/ContactProfilePage.png
new file mode 100644
index 00000000..971fa40a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ContactProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ContactUsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ContactUsPage.png
new file mode 100644
index 00000000..960079a0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ContactUsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ContactsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ContactsPage.png
new file mode 100644
index 00000000..4b6be23d
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ContactsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/DailyCaloriesReportPage.png b/EssentialUIKit/TemplateImage/DarkTheme/DailyCaloriesReportPage.png
new file mode 100644
index 00000000..7769f8ad
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/DailyCaloriesReportPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/DailyTimelinePage.png b/EssentialUIKit/TemplateImage/DarkTheme/DailyTimelinePage.png
new file mode 100644
index 00000000..b2b1dc36
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/DailyTimelinePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/DataTablePage.png b/EssentialUIKit/TemplateImage/DarkTheme/DataTablePage.png
new file mode 100644
index 00000000..ba6d7748
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/DataTablePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/DocumentsListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/DocumentsListPage.png
new file mode 100644
index 00000000..2eec4ffd
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/DocumentsListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ECommerceNotificationPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ECommerceNotificationPage.png
new file mode 100644
index 00000000..9b84938e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ECommerceNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/EmptyCartPage.png b/EssentialUIKit/TemplateImage/DarkTheme/EmptyCartPage.png
new file mode 100644
index 00000000..c6ad21d3
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/EmptyCartPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/EventDetailPage.png b/EssentialUIKit/TemplateImage/DarkTheme/EventDetailPage.png
new file mode 100644
index 00000000..34512e97
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/EventDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/EventListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/EventListPage.png
new file mode 100644
index 00000000..4814ae64
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/EventListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/FAQPage.png b/EssentialUIKit/TemplateImage/DarkTheme/FAQPage.png
new file mode 100644
index 00000000..b855f772
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/FAQPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/FeedbackDetailPage.png b/EssentialUIKit/TemplateImage/DarkTheme/FeedbackDetailPage.png
new file mode 100644
index 00000000..d44f2d7c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/FeedbackDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/FeedbackPage.png b/EssentialUIKit/TemplateImage/DarkTheme/FeedbackPage.png
new file mode 100644
index 00000000..8bd493df
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/FeedbackPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/FileExploreGridPage.png b/EssentialUIKit/TemplateImage/DarkTheme/FileExploreGridPage.png
new file mode 100644
index 00000000..02deea20
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/FileExploreGridPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/FileExploreListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/FileExploreListPage.png
new file mode 100644
index 00000000..767ad164
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/FileExploreListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/GradientForgotPasswordPage.png b/EssentialUIKit/TemplateImage/DarkTheme/GradientForgotPasswordPage.png
new file mode 100644
index 00000000..ed5c11aa
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/GradientForgotPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/GradientLoginPage.png b/EssentialUIKit/TemplateImage/DarkTheme/GradientLoginPage.png
new file mode 100644
index 00000000..8584862a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/GradientLoginPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/GradientResetPasswordPage.png b/EssentialUIKit/TemplateImage/DarkTheme/GradientResetPasswordPage.png
new file mode 100644
index 00000000..3c2b7edb
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/GradientResetPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/GradientSignUpPage.png b/EssentialUIKit/TemplateImage/DarkTheme/GradientSignUpPage.png
new file mode 100644
index 00000000..e079ea13
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/GradientSignUpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/HealthCarePage.png b/EssentialUIKit/TemplateImage/DarkTheme/HealthCarePage.png
new file mode 100644
index 00000000..85552ac9
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/HealthCarePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/HealthProfilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/HealthProfilePage.png
new file mode 100644
index 00000000..813d3645
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/HealthProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/HelpPage.png b/EssentialUIKit/TemplateImage/DarkTheme/HelpPage.png
new file mode 100644
index 00000000..367c6ae4
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/HelpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/IconNamesListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/IconNamesListPage.png
new file mode 100644
index 00000000..0972a9b2
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/IconNamesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/LocationDeniedPage.png b/EssentialUIKit/TemplateImage/DarkTheme/LocationDeniedPage.png
new file mode 100644
index 00000000..562c305a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/LocationDeniedPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/Login Tabbed.png b/EssentialUIKit/TemplateImage/DarkTheme/Login Tabbed.png
new file mode 100644
index 00000000..1b960262
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/Login Tabbed.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/LoginWithSocialIconPage.png b/EssentialUIKit/TemplateImage/DarkTheme/LoginWithSocialIconPage.png
new file mode 100644
index 00000000..f45488e1
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/LoginWithSocialIconPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MasterPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MasterPage.png
new file mode 100644
index 00000000..571823b9
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MasterPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MoviesListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MoviesListPage.png
new file mode 100644
index 00000000..ac242452
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MoviesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MoviesPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MoviesPage.png
new file mode 100644
index 00000000..6bd389e6
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MoviesPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MyAddressPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MyAddressPage.png
new file mode 100644
index 00000000..1a6b3479
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MyAddressPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MyArticlePage.png b/EssentialUIKit/TemplateImage/DarkTheme/MyArticlePage.png
new file mode 100644
index 00000000..585d1f2d
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MyArticlePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MyCardsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MyCardsPage.png
new file mode 100644
index 00000000..dbf828b1
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MyCardsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MyOrdersPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MyOrdersPage.png
new file mode 100644
index 00000000..ef1b8070
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MyOrdersPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/MyWalletPage.png b/EssentialUIKit/TemplateImage/DarkTheme/MyWalletPage.png
new file mode 100644
index 00000000..2470f7ff
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/MyWalletPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NamesListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NamesListPage.png
new file mode 100644
index 00000000..fc256325
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NamesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NavigationListCardPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NavigationListCardPage.png
new file mode 100644
index 00000000..1055b572
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NavigationListCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NavigationTileCardPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NavigationTileCardPage.png
new file mode 100644
index 00000000..e1fe8d09
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NavigationTileCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NavigationTravelPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NavigationTravelPage.png
new file mode 100644
index 00000000..37686bbf
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NavigationTravelPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoCreditsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoCreditsPage.png
new file mode 100644
index 00000000..5002cf82
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoCreditsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoInternetConnectionPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoInternetConnectionPage.png
new file mode 100644
index 00000000..486aaed4
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoInternetConnectionPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoItemPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoItemPage.png
new file mode 100644
index 00000000..c5e57666
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoItemPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoPhotosPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoPhotosPage.png
new file mode 100644
index 00000000..8be3d84a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoPhotosPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoTasksPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoTasksPage.png
new file mode 100644
index 00000000..563ddc3f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoTasksPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NoVideosPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NoVideosPage.png
new file mode 100644
index 00000000..059e3d83
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NoVideosPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/NotEnoughCreditPage.png b/EssentialUIKit/TemplateImage/DarkTheme/NotEnoughCreditPage.png
new file mode 100644
index 00000000..99ce7da6
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/NotEnoughCreditPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/OnBoardingAnimationPage.png b/EssentialUIKit/TemplateImage/DarkTheme/OnBoardingAnimationPage.png
new file mode 100644
index 00000000..e0d86edc
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/OnBoardingAnimationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailedPage.png b/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailedPage.png
new file mode 100644
index 00000000..38443b7e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailedPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailurePage.png b/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailurePage.png
new file mode 100644
index 00000000..f3ab55aa
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/PaymentFailurePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/PaymentSuccessPage.png b/EssentialUIKit/TemplateImage/DarkTheme/PaymentSuccessPage.png
new file mode 100644
index 00000000..f663987f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/PaymentSuccessPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ProductDeliveryTrackingPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ProductDeliveryTrackingPage.png
new file mode 100644
index 00000000..e38d97ea
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ProductDeliveryTrackingPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ProductDetailPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ProductDetailPage.png
new file mode 100644
index 00000000..f7c18d9f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ProductDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ProductHomePage.png b/EssentialUIKit/TemplateImage/DarkTheme/ProductHomePage.png
new file mode 100644
index 00000000..68db4644
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ProductHomePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ProfilePage.png b/EssentialUIKit/TemplateImage/DarkTheme/ProfilePage.png
new file mode 100644
index 00000000..0ffd80a7
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/RecentChatPage.png b/EssentialUIKit/TemplateImage/DarkTheme/RecentChatPage.png
new file mode 100644
index 00000000..9de3f6ee
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/RecentChatPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/RestaurantPage.png b/EssentialUIKit/TemplateImage/DarkTheme/RestaurantPage.png
new file mode 100644
index 00000000..e867cf8c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/RestaurantPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/ReviewPage.png b/EssentialUIKit/TemplateImage/DarkTheme/ReviewPage.png
new file mode 100644
index 00000000..f37080ce
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/ReviewPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/RoomBookingPage.png b/EssentialUIKit/TemplateImage/DarkTheme/RoomBookingPage.png
new file mode 100644
index 00000000..944dcff4
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/RoomBookingPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SelectableNamePage.png b/EssentialUIKit/TemplateImage/DarkTheme/SelectableNamePage.png
new file mode 100644
index 00000000..1e6a27d0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SelectableNamePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SettingsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SettingsPage.png
new file mode 100644
index 00000000..0982dae3
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SettingsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SimpleForgotPasswordPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SimpleForgotPasswordPage.png
new file mode 100644
index 00000000..f2d835ae
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SimpleForgotPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SimpleLoginPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SimpleLoginPage.png
new file mode 100644
index 00000000..ecfa20f7
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SimpleLoginPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SimpleResetPasswordPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SimpleResetPasswordPage.png
new file mode 100644
index 00000000..f05cc1e0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SimpleResetPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SimpleSignUpPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SimpleSignUpPage.png
new file mode 100644
index 00000000..2c33716e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SimpleSignUpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SocialNotificationPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SocialNotificationPage.png
new file mode 100644
index 00000000..b1641276
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SocialNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithCardPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithCardPage.png
new file mode 100644
index 00000000..e5ee1d5a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithConnectionsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithConnectionsPage.png
new file mode 100644
index 00000000..b4fdd0b5
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithConnectionsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithInterestsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithInterestsPage.png
new file mode 100644
index 00000000..6e239614
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithInterestsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithMessagePage.png b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithMessagePage.png
new file mode 100644
index 00000000..c2ed7feb
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SocialProfileWithMessagePage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SomethingWentWrongPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SomethingWentWrongPage.png
new file mode 100644
index 00000000..89ee904b
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SomethingWentWrongPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SongsPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SongsPage.png
new file mode 100644
index 00000000..8c166c0f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SongsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SongsPlayListPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SongsPlayListPage.png
new file mode 100644
index 00000000..db464c07
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SongsPlayListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/StockOverViewPage.png b/EssentialUIKit/TemplateImage/DarkTheme/StockOverViewPage.png
new file mode 100644
index 00000000..b6f598b8
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/StockOverViewPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/SuggestionPage.png b/EssentialUIKit/TemplateImage/DarkTheme/SuggestionPage.png
new file mode 100644
index 00000000..bd92a4ce
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/SuggestionPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/TabbedForm.png b/EssentialUIKit/TemplateImage/DarkTheme/TabbedForm.png
new file mode 100644
index 00000000..6a684a49
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/TabbedForm.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/TaskNotificationPage.png b/EssentialUIKit/TemplateImage/DarkTheme/TaskNotificationPage.png
new file mode 100644
index 00000000..eb46b38b
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/TaskNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/TransactionHistoryPage.png b/EssentialUIKit/TemplateImage/DarkTheme/TransactionHistoryPage.png
new file mode 100644
index 00000000..0089360a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/TransactionHistoryPage.png differ
diff --git a/EssentialUIKit/TemplateImage/DarkTheme/WishlistPage.png b/EssentialUIKit/TemplateImage/DarkTheme/WishlistPage.png
new file mode 100644
index 00000000..080dfd0f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/DarkTheme/WishlistPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AboutUsSimplePage.png b/EssentialUIKit/TemplateImage/LightTheme/AboutUsSimplePage.png
new file mode 100644
index 00000000..c1bbcfb1
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AboutUsSimplePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithCardsPage.png b/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithCardsPage.png
new file mode 100644
index 00000000..50402d49
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithCardsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithScrollPage.png b/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithScrollPage.png
new file mode 100644
index 00000000..d82ba3e2
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AboutUsWithScrollPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AddCardPage.png b/EssentialUIKit/TemplateImage/LightTheme/AddCardPage.png
new file mode 100644
index 00000000..04766c12
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AddCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AddContactPage.png b/EssentialUIKit/TemplateImage/LightTheme/AddContactPage.png
new file mode 100644
index 00000000..a3e6f568
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AddContactPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AddProfilePage.png b/EssentialUIKit/TemplateImage/LightTheme/AddProfilePage.png
new file mode 100644
index 00000000..a5782956
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AddProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/AppUsagePage.png b/EssentialUIKit/TemplateImage/LightTheme/AppUsagePage.png
new file mode 100644
index 00000000..9aadc0ce
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/AppUsagePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleBookmarkPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleBookmarkPage.png
new file mode 100644
index 00000000..2654462f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleBookmarkPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleCardPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleCardPage.png
new file mode 100644
index 00000000..0e6c21dc
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleDetailPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleDetailPage.png
new file mode 100644
index 00000000..8fce5b67
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleListPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleListPage.png
new file mode 100644
index 00000000..e48c30a8
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleParallaxHeaderPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleParallaxHeaderPage.png
new file mode 100644
index 00000000..60c69600
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleParallaxHeaderPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleTilePage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleTilePage.png
new file mode 100644
index 00000000..69a618d2
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ArticleWithCommentsPage.png b/EssentialUIKit/TemplateImage/LightTheme/ArticleWithCommentsPage.png
new file mode 100644
index 00000000..7735928d
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ArticleWithCommentsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/BottomNavigationPage.png b/EssentialUIKit/TemplateImage/LightTheme/BottomNavigationPage.png
new file mode 100644
index 00000000..8d49ca88
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/BottomNavigationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/BusinessRegistrationFormPage.png b/EssentialUIKit/TemplateImage/LightTheme/BusinessRegistrationFormPage.png
new file mode 100644
index 00000000..3952ee34
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/BusinessRegistrationFormPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CardPaymentPage.png b/EssentialUIKit/TemplateImage/LightTheme/CardPaymentPage.png
new file mode 100644
index 00000000..822cfe99
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CardPaymentPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CartPage.png b/EssentialUIKit/TemplateImage/LightTheme/CartPage.png
new file mode 100644
index 00000000..6b50d416
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CartPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CatalogListPage.png b/EssentialUIKit/TemplateImage/LightTheme/CatalogListPage.png
new file mode 100644
index 00000000..663183eb
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CatalogListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CatalogTilePage.png b/EssentialUIKit/TemplateImage/LightTheme/CatalogTilePage.png
new file mode 100644
index 00000000..0f125a21
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CatalogTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CategoryTilePage.png b/EssentialUIKit/TemplateImage/LightTheme/CategoryTilePage.png
new file mode 100644
index 00000000..852a63c0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CategoryTilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ChatPage.png b/EssentialUIKit/TemplateImage/LightTheme/ChatPage.png
new file mode 100644
index 00000000..6f1d5168
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ChatPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ChatProfilePage.png b/EssentialUIKit/TemplateImage/LightTheme/ChatProfilePage.png
new file mode 100644
index 00000000..b8356f18
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ChatProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CheckoutPage.png b/EssentialUIKit/TemplateImage/LightTheme/CheckoutPage.png
new file mode 100644
index 00000000..7303a8c3
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CheckoutPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/CompanyHistoryPage.png b/EssentialUIKit/TemplateImage/LightTheme/CompanyHistoryPage.png
new file mode 100644
index 00000000..7979273e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/CompanyHistoryPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ContactProfilePage.png b/EssentialUIKit/TemplateImage/LightTheme/ContactProfilePage.png
new file mode 100644
index 00000000..69143471
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ContactProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ContactUsPage.png b/EssentialUIKit/TemplateImage/LightTheme/ContactUsPage.png
new file mode 100644
index 00000000..ff68a640
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ContactUsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ContactsPage.png b/EssentialUIKit/TemplateImage/LightTheme/ContactsPage.png
new file mode 100644
index 00000000..bc9f7c07
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ContactsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/DailyCaloriesReportPage.png b/EssentialUIKit/TemplateImage/LightTheme/DailyCaloriesReportPage.png
new file mode 100644
index 00000000..0ddf2c6c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/DailyCaloriesReportPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/DailyTimelinePage.png b/EssentialUIKit/TemplateImage/LightTheme/DailyTimelinePage.png
new file mode 100644
index 00000000..7b5df2c1
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/DailyTimelinePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/DataTablePage.png b/EssentialUIKit/TemplateImage/LightTheme/DataTablePage.png
new file mode 100644
index 00000000..b99cb811
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/DataTablePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/DocumentsListPage.png b/EssentialUIKit/TemplateImage/LightTheme/DocumentsListPage.png
new file mode 100644
index 00000000..21cd7fa0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/DocumentsListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ECommerceNotificationPage.png b/EssentialUIKit/TemplateImage/LightTheme/ECommerceNotificationPage.png
new file mode 100644
index 00000000..b593ff33
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ECommerceNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/EmptyCartPage.png b/EssentialUIKit/TemplateImage/LightTheme/EmptyCartPage.png
new file mode 100644
index 00000000..7f443f14
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/EmptyCartPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/EventDetailPage.png b/EssentialUIKit/TemplateImage/LightTheme/EventDetailPage.png
new file mode 100644
index 00000000..819b9ced
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/EventDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/EventListPage.png b/EssentialUIKit/TemplateImage/LightTheme/EventListPage.png
new file mode 100644
index 00000000..047dba4d
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/EventListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/FAQPage.png b/EssentialUIKit/TemplateImage/LightTheme/FAQPage.png
new file mode 100644
index 00000000..df084a00
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/FAQPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/FeedbackDetailPage.png b/EssentialUIKit/TemplateImage/LightTheme/FeedbackDetailPage.png
new file mode 100644
index 00000000..85c56a25
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/FeedbackDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/FeedbackPage.png b/EssentialUIKit/TemplateImage/LightTheme/FeedbackPage.png
new file mode 100644
index 00000000..89c81338
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/FeedbackPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/FileExploreGridPage.png b/EssentialUIKit/TemplateImage/LightTheme/FileExploreGridPage.png
new file mode 100644
index 00000000..ff14b584
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/FileExploreGridPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/FileExploreListPage.png b/EssentialUIKit/TemplateImage/LightTheme/FileExploreListPage.png
new file mode 100644
index 00000000..05f53539
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/FileExploreListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/GradientForgotPasswordPage.png b/EssentialUIKit/TemplateImage/LightTheme/GradientForgotPasswordPage.png
new file mode 100644
index 00000000..c70b4368
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/GradientForgotPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/GradientLoginPage.png b/EssentialUIKit/TemplateImage/LightTheme/GradientLoginPage.png
new file mode 100644
index 00000000..0f4cbc5f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/GradientLoginPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/GradientResetPasswordPage.png b/EssentialUIKit/TemplateImage/LightTheme/GradientResetPasswordPage.png
new file mode 100644
index 00000000..021edd24
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/GradientResetPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/GradientSignUpPage.png b/EssentialUIKit/TemplateImage/LightTheme/GradientSignUpPage.png
new file mode 100644
index 00000000..8bb70308
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/GradientSignUpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/HealthCarePage.png b/EssentialUIKit/TemplateImage/LightTheme/HealthCarePage.png
new file mode 100644
index 00000000..006b6b24
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/HealthCarePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/HealthProfilePage.png b/EssentialUIKit/TemplateImage/LightTheme/HealthProfilePage.png
new file mode 100644
index 00000000..22e3665f
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/HealthProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/HelpPage.png b/EssentialUIKit/TemplateImage/LightTheme/HelpPage.png
new file mode 100644
index 00000000..0e7867c8
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/HelpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/IconNamesListPage.png b/EssentialUIKit/TemplateImage/LightTheme/IconNamesListPage.png
new file mode 100644
index 00000000..272d9f94
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/IconNamesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/LocationDeniedPage.png b/EssentialUIKit/TemplateImage/LightTheme/LocationDeniedPage.png
new file mode 100644
index 00000000..573e9cea
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/LocationDeniedPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/LoginWithSocialIconPage.png b/EssentialUIKit/TemplateImage/LightTheme/LoginWithSocialIconPage.png
new file mode 100644
index 00000000..4a458d96
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/LoginWithSocialIconPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MasterPage.png b/EssentialUIKit/TemplateImage/LightTheme/MasterPage.png
new file mode 100644
index 00000000..5cb883b8
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MasterPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MoviesListPage.png b/EssentialUIKit/TemplateImage/LightTheme/MoviesListPage.png
new file mode 100644
index 00000000..bff63da6
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MoviesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MoviesPage.png b/EssentialUIKit/TemplateImage/LightTheme/MoviesPage.png
new file mode 100644
index 00000000..543cb7f7
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MoviesPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MyAddressPage.png b/EssentialUIKit/TemplateImage/LightTheme/MyAddressPage.png
new file mode 100644
index 00000000..9df80d78
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MyAddressPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MyArticlePage.png b/EssentialUIKit/TemplateImage/LightTheme/MyArticlePage.png
new file mode 100644
index 00000000..d7cc9407
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MyArticlePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MyCardsPage.png b/EssentialUIKit/TemplateImage/LightTheme/MyCardsPage.png
new file mode 100644
index 00000000..6c0d531a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MyCardsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MyOrdersPage.png b/EssentialUIKit/TemplateImage/LightTheme/MyOrdersPage.png
new file mode 100644
index 00000000..536cda6a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MyOrdersPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/MyWalletPage.png b/EssentialUIKit/TemplateImage/LightTheme/MyWalletPage.png
new file mode 100644
index 00000000..43ba07e6
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/MyWalletPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NamesListPage.png b/EssentialUIKit/TemplateImage/LightTheme/NamesListPage.png
new file mode 100644
index 00000000..7b6a7c98
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NamesListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NavigationListCardPage.png b/EssentialUIKit/TemplateImage/LightTheme/NavigationListCardPage.png
new file mode 100644
index 00000000..c6f5cda6
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NavigationListCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NavigationTileCardPage.png b/EssentialUIKit/TemplateImage/LightTheme/NavigationTileCardPage.png
new file mode 100644
index 00000000..4be72482
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NavigationTileCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NavigationTravelPage.png b/EssentialUIKit/TemplateImage/LightTheme/NavigationTravelPage.png
new file mode 100644
index 00000000..e9947a72
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NavigationTravelPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoCreditsPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoCreditsPage.png
new file mode 100644
index 00000000..604f0acb
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoCreditsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoInternetConnectionPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoInternetConnectionPage.png
new file mode 100644
index 00000000..71b04e32
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoInternetConnectionPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoItemPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoItemPage.png
new file mode 100644
index 00000000..672f915e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoItemPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoPhotosPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoPhotosPage.png
new file mode 100644
index 00000000..aa342472
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoPhotosPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoTasksPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoTasksPage.png
new file mode 100644
index 00000000..74931049
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoTasksPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NoVideosPage.png b/EssentialUIKit/TemplateImage/LightTheme/NoVideosPage.png
new file mode 100644
index 00000000..ab6ed503
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NoVideosPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/NotEnoughCreditPage.png b/EssentialUIKit/TemplateImage/LightTheme/NotEnoughCreditPage.png
new file mode 100644
index 00000000..e902f2ed
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/NotEnoughCreditPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/OnBoardingAnimationPage.png b/EssentialUIKit/TemplateImage/LightTheme/OnBoardingAnimationPage.png
new file mode 100644
index 00000000..97fa5f24
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/OnBoardingAnimationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/PaymentFailedPage.png b/EssentialUIKit/TemplateImage/LightTheme/PaymentFailedPage.png
new file mode 100644
index 00000000..83ce76b0
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/PaymentFailedPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/PaymentFailurePage.png b/EssentialUIKit/TemplateImage/LightTheme/PaymentFailurePage.png
new file mode 100644
index 00000000..27bd366a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/PaymentFailurePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/PaymentSuccessPage.png b/EssentialUIKit/TemplateImage/LightTheme/PaymentSuccessPage.png
new file mode 100644
index 00000000..aa74d7dd
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/PaymentSuccessPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ProductDeliveryTrackingPage.png b/EssentialUIKit/TemplateImage/LightTheme/ProductDeliveryTrackingPage.png
new file mode 100644
index 00000000..538ba59e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ProductDeliveryTrackingPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ProductDetailPage.png b/EssentialUIKit/TemplateImage/LightTheme/ProductDetailPage.png
new file mode 100644
index 00000000..659a0e17
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ProductDetailPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ProductHomePage.png b/EssentialUIKit/TemplateImage/LightTheme/ProductHomePage.png
new file mode 100644
index 00000000..61e0a9d5
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ProductHomePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ProfilePage.png b/EssentialUIKit/TemplateImage/LightTheme/ProfilePage.png
new file mode 100644
index 00000000..199d7b16
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ProfilePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/RecentChatPage.png b/EssentialUIKit/TemplateImage/LightTheme/RecentChatPage.png
new file mode 100644
index 00000000..e9fa11dc
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/RecentChatPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/RestaurantPage.png b/EssentialUIKit/TemplateImage/LightTheme/RestaurantPage.png
new file mode 100644
index 00000000..3416d3b9
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/RestaurantPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/ReviewPage.png b/EssentialUIKit/TemplateImage/LightTheme/ReviewPage.png
new file mode 100644
index 00000000..85a77fcd
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/ReviewPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/RoomBookingPage.png b/EssentialUIKit/TemplateImage/LightTheme/RoomBookingPage.png
new file mode 100644
index 00000000..43b16f00
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/RoomBookingPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SelectableNamePage.png b/EssentialUIKit/TemplateImage/LightTheme/SelectableNamePage.png
new file mode 100644
index 00000000..de298aee
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SelectableNamePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SettingsPage.png b/EssentialUIKit/TemplateImage/LightTheme/SettingsPage.png
new file mode 100644
index 00000000..bf04944a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SettingsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SimpleForgotPasswordPage.png b/EssentialUIKit/TemplateImage/LightTheme/SimpleForgotPasswordPage.png
new file mode 100644
index 00000000..eef6a11b
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SimpleForgotPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SimpleLoginPage.png b/EssentialUIKit/TemplateImage/LightTheme/SimpleLoginPage.png
new file mode 100644
index 00000000..915d8426
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SimpleLoginPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SimpleResetPasswordPage.png b/EssentialUIKit/TemplateImage/LightTheme/SimpleResetPasswordPage.png
new file mode 100644
index 00000000..fa1a1966
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SimpleResetPasswordPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SimpleSignUpPage.png b/EssentialUIKit/TemplateImage/LightTheme/SimpleSignUpPage.png
new file mode 100644
index 00000000..0eae921a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SimpleSignUpPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SocialNotificationPage.png b/EssentialUIKit/TemplateImage/LightTheme/SocialNotificationPage.png
new file mode 100644
index 00000000..61e11cf9
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SocialNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithCardPage.png b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithCardPage.png
new file mode 100644
index 00000000..eb2ff7d3
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithCardPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithConnectionsPage.png b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithConnectionsPage.png
new file mode 100644
index 00000000..04ead8d5
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithConnectionsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithInterestsPage.png b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithInterestsPage.png
new file mode 100644
index 00000000..fd05947e
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithInterestsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithMessagePage.png b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithMessagePage.png
new file mode 100644
index 00000000..a22d9caf
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SocialProfileWithMessagePage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SomethingWentWrongPage.png b/EssentialUIKit/TemplateImage/LightTheme/SomethingWentWrongPage.png
new file mode 100644
index 00000000..f4c344f2
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SomethingWentWrongPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SongsPage.png b/EssentialUIKit/TemplateImage/LightTheme/SongsPage.png
new file mode 100644
index 00000000..f24b855a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SongsPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SongsPlayListPage.png b/EssentialUIKit/TemplateImage/LightTheme/SongsPlayListPage.png
new file mode 100644
index 00000000..bd33bb54
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SongsPlayListPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/StockOverViewPage.png b/EssentialUIKit/TemplateImage/LightTheme/StockOverViewPage.png
new file mode 100644
index 00000000..cd843391
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/StockOverViewPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/SuggestionPage.png b/EssentialUIKit/TemplateImage/LightTheme/SuggestionPage.png
new file mode 100644
index 00000000..c21fc313
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/SuggestionPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/TabbedForm.png b/EssentialUIKit/TemplateImage/LightTheme/TabbedForm.png
new file mode 100644
index 00000000..35520319
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/TabbedForm.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/TaskNotificationPage.png b/EssentialUIKit/TemplateImage/LightTheme/TaskNotificationPage.png
new file mode 100644
index 00000000..2ee63e6a
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/TaskNotificationPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/TransactionHistoryPage.png b/EssentialUIKit/TemplateImage/LightTheme/TransactionHistoryPage.png
new file mode 100644
index 00000000..bfa739ba
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/TransactionHistoryPage.png differ
diff --git a/EssentialUIKit/TemplateImage/LightTheme/WishlistPage.png b/EssentialUIKit/TemplateImage/LightTheme/WishlistPage.png
new file mode 100644
index 00000000..a468005c
Binary files /dev/null and b/EssentialUIKit/TemplateImage/LightTheme/WishlistPage.png differ
diff --git a/EssentialUIKit/Themes/DarkTheme.xaml b/EssentialUIKit/Themes/DarkTheme.xaml
new file mode 100644
index 00000000..02638913
--- /dev/null
+++ b/EssentialUIKit/Themes/DarkTheme.xaml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Themes.DarkTheme"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:styles="clr-namespace:EssentialUIKit.Styles">
+
+    <ResourceDictionary.MergedDictionaries>
+        <styles:ButtonStyles />
+        <styles:LabelStyles />
+        <styles:BorderStyles />
+        <styles:ComboBoxStyles />
+        <styles:ListViewStyles />
+        <styles:RatingStyles />
+        <styles:BoxViewStyles />
+        <styles:AvatarViewStyles />
+        <styles:EntryStyles />
+        <styles:FontIcons />
+        <styles:Colors />
+        <styles:EditorStyles />
+        <styles:FrameStyles />
+        <styles:GradientViewStyles />
+        <styles:RadioButtonStyles />
+        <styles:SegmentedControlStyles />
+        <styles:TextInputLayoutStyles />
+        <styles:CheckBoxStyles />
+    </ResourceDictionary.MergedDictionaries>
+
+    <Color x:Key="PrimaryColor">#3E94FF</Color>
+    <Color x:Key="PrimaryDarkColor">#2A89FF</Color>
+    <Color x:Key="PrimaryDarkenColor">#0B78FF</Color>
+    <Color x:Key="PrimaryLighterColor">#71B0FF</Color>
+    <Color x:Key="PrimaryGradient">#3E65FF</Color>
+    <Color x:Key="PrimaryLight">#A4CDFF</Color>
+    <Color x:Key="SecondaryGradient">#9683FC</Color>
+    <Color x:Key="Secondary">#9683FC</Color>
+    <Color x:Key="Green">#7ED321</Color>
+    <Color x:Key="Red">#FF4A4A</Color>
+    <Color x:Key="Orange">#FF844A</Color>
+    <Color x:Key="Blue">#4ACAFF</Color>
+    <Color x:Key="HyperLink">#3EAFFF</Color>
+
+    <Color x:Key="Gray-100">#333942</Color>
+    <Color x:Key="Gray-200">#454D59</Color>
+    <Color x:Key="Gray-300">#57616F</Color>
+    <Color x:Key="Gray-400">#656F81</Color>
+    <Color x:Key="Gray-500">#737E91</Color>
+    <Color x:Key="Gray-600">#848E9F</Color>
+    <Color x:Key="Gray-700">#9BA3B1</Color>
+    <Color x:Key="Gray-800">#BDC3CB</Color>
+    <Color x:Key="Gray-900">#EBEDEF</Color>
+    <Color x:Key="Gray-Bg">#2F343C</Color>
+    <Color x:Key="Gray-Black">#000000</Color>
+    <Color x:Key="Gray-White">#ffffff</Color>
+    <Color x:Key="GrayShadowColor">#333942</Color>
+    <Color x:Key="GrayShadowBackgroundColor">#2F343C</Color>
+
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Themes/DarkTheme.xaml.cs b/EssentialUIKit/Themes/DarkTheme.xaml.cs
new file mode 100644
index 00000000..b4965a1a
--- /dev/null
+++ b/EssentialUIKit/Themes/DarkTheme.xaml.cs
@@ -0,0 +1,15 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Themes
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class DarkTheme
+    {
+        public DarkTheme()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Themes/LightTheme.xaml b/EssentialUIKit/Themes/LightTheme.xaml
index 6bbdb3f9..a867c42c 100644
--- a/EssentialUIKit/Themes/LightTheme.xaml
+++ b/EssentialUIKit/Themes/LightTheme.xaml
@@ -2,7 +2,29 @@
 <ResourceDictionary
     x:Class="EssentialUIKit.Themes.LightTheme"
     xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:styles="clr-namespace:EssentialUIKit.Styles">
+
+    <ResourceDictionary.MergedDictionaries>
+        <styles:ButtonStyles />
+        <styles:LabelStyles />
+        <styles:BorderStyles />
+        <styles:ComboBoxStyles />
+        <styles:ListViewStyles />
+        <styles:RatingStyles />
+        <styles:BoxViewStyles />
+        <styles:AvatarViewStyles />
+        <styles:EntryStyles />
+        <styles:FontIcons />
+        <styles:Colors />
+        <styles:EditorStyles />
+        <styles:FrameStyles />
+        <styles:GradientViewStyles />
+        <styles:RadioButtonStyles />
+        <styles:SegmentedControlStyles />
+        <styles:TextInputLayoutStyles />
+        <styles:CheckBoxStyles />
+    </ResourceDictionary.MergedDictionaries>
 
     <Color x:Key="PrimaryColor">#f54e5e</Color>
     <Color x:Key="PrimaryDarkColor">#d0424f</Color>
@@ -29,45 +51,8 @@
     <Color x:Key="Gray-900">#333942</Color>
     <Color x:Key="Gray-Black">#000000</Color>
     <Color x:Key="Gray-White">#ffffff</Color>
-
-    <OnPlatform x:Key="FontIcons" x:TypeArguments="x:String">
-        <OnPlatform.Platforms>
-            <On Platform="Android" Value="UIFontIcons.ttf#UIFontIcons" />
-            <On Platform="iOS" Value="UIFontIcons" />
-            <On Platform="UWP" Value="Assets/UIFontIcons.ttf#UIFontIcons" />
-        </OnPlatform.Platforms>
-    </OnPlatform>
-
-    <OnPlatform x:Key="Montserrat-SemiBold" x:TypeArguments="x:String">
-        <OnPlatform.Platforms>
-            <On Platform="Android" Value="Montserrat-SemiBold.ttf#Montserrat-SemiBold" />
-            <On Platform="iOS" Value="Montserrat-SemiBold" />
-            <On Platform="UWP" Value="Assets/Montserrat-SemiBold.ttf#Montserrat-SemiBold" />
-        </OnPlatform.Platforms>
-    </OnPlatform>
-
-    <OnPlatform x:Key="Montserrat-Regular" x:TypeArguments="x:String">
-        <OnPlatform.Platforms>
-            <On Platform="Android" Value="Montserrat-Regular.ttf#Montserrat-Regular" />
-            <On Platform="iOS" Value="Montserrat-Regular" />
-            <On Platform="UWP" Value="Assets/Montserrat-Regular.ttf#Montserrat-Regular" />
-        </OnPlatform.Platforms>
-    </OnPlatform>
-
-    <OnPlatform x:Key="Montserrat-Medium" x:TypeArguments="x:String">
-        <OnPlatform.Platforms>
-            <On Platform="Android" Value="Montserrat-Medium.ttf#Montserrat-Medium" />
-            <On Platform="iOS" Value="Montserrat-Medium" />
-            <On Platform="UWP" Value="Assets/Montserrat-Medium.ttf#Montserrat-Medium" />
-        </OnPlatform.Platforms>
-    </OnPlatform>
-
-    <OnPlatform x:Key="Montserrat-Bold" x:TypeArguments="x:String">
-        <OnPlatform.Platforms>
-            <On Platform="Android" Value="Montserrat-Bold.ttf#Montserrat-Bold" />
-            <On Platform="iOS" Value="Montserrat-Bold" />
-            <On Platform="UWP" Value="Assets/Montserrat-Bold.ttf#Montserrat-Bold" />
-        </OnPlatform.Platforms>
-    </OnPlatform>
+    <Color x:Key="Gray-Bg">#ffffff</Color>
+    <Color x:Key="GrayShadowColor">#ffffff</Color>
+    <Color x:Key="GrayShadowBackgroundColor">#f6f7f8</Color>
 
 </ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Themes/LightTheme.xaml.cs b/EssentialUIKit/Themes/LightTheme.xaml.cs
index 9533ff8d..90993b56 100644
--- a/EssentialUIKit/Themes/LightTheme.xaml.cs
+++ b/EssentialUIKit/Themes/LightTheme.xaml.cs
@@ -9,7 +9,7 @@ public partial class LightTheme
     {
         public LightTheme()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Triggers/ButtonTextTriggerAction.cs b/EssentialUIKit/Triggers/ButtonTextTriggerAction.cs
new file mode 100644
index 00000000..e8c75748
--- /dev/null
+++ b/EssentialUIKit/Triggers/ButtonTextTriggerAction.cs
@@ -0,0 +1,32 @@
+using Syncfusion.XForms.Buttons;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Triggers
+{
+    /// <summary>
+    /// This class extends the behavior of the SfButton control to invoke a command when a click event triggers.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class ButtonTextTriggerAction : TriggerAction<SfButton>
+    {
+        /// <summary>
+        /// Change the button text when the click event is triggered
+        /// </summary>
+        /// <param name="button">The button to change text</param>
+        protected override void Invoke(SfButton button)
+        {
+            if (button != null)
+            {
+                if (button.Text == "FOLLOW")
+                {
+                    button.Text = "FOLLOWED";
+                }
+                else if (button.Text == "FOLLOWED")
+                {
+                    button.Text = "FOLLOW";
+                }
+            }
+        }
+    }
+}
diff --git a/EssentialUIKit/Validators/IValidatable.cs b/EssentialUIKit/Validators/IValidatable.cs
new file mode 100644
index 00000000..9b0f4e60
--- /dev/null
+++ b/EssentialUIKit/Validators/IValidatable.cs
@@ -0,0 +1,41 @@
+using System.Collections.Generic;
+using System.ComponentModel;
+
+namespace EssentialUIKit.Validators
+{
+    /// <summary>
+    /// this interface used for validation
+    /// </summary>
+    /// <typeparam name="T">The validatable parameter</typeparam>
+    public interface IValidatable<T> : INotifyPropertyChanged
+    {
+        #region Property
+
+        /// <summary>
+        /// Gets or Sets the Validations
+        /// </summary>
+        List<IValidationRule<T>> Validations { get; }
+
+        /// <summary>
+        /// Gets or Sets the Errors
+        /// </summary>
+        List<string> Errors { get; }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        bool IsValid { get; set; }
+
+        #endregion
+
+        #region Method
+
+        /// <summary>
+        /// method for check the email
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        bool Validate();
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Validators/IValidationRule.cs b/EssentialUIKit/Validators/IValidationRule.cs
new file mode 100644
index 00000000..ac86f17c
--- /dev/null
+++ b/EssentialUIKit/Validators/IValidationRule.cs
@@ -0,0 +1,29 @@
+namespace EssentialUIKit.Validators
+{
+    /// <summary>
+    /// this interface used for validation 
+    /// </summary>
+    /// <typeparam name="T">The validation rule parameter</typeparam>
+    public interface IValidationRule<T>
+    {
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the Validation Message.
+        /// </summary>
+        string ValidationMessage { get; set; }
+
+        #endregion
+
+        #region Method
+
+        /// <summary>
+        /// method for check the email
+        /// </summary>
+        /// <param name="value">The value</param>
+        /// <returns>returns bool value</returns>
+        bool Check(T value);
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Validators/Rules/IsNotNullOrEmptyRule.cs b/EssentialUIKit/Validators/Rules/IsNotNullOrEmptyRule.cs
new file mode 100644
index 00000000..a8f938ed
--- /dev/null
+++ b/EssentialUIKit/Validators/Rules/IsNotNullOrEmptyRule.cs
@@ -0,0 +1,41 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Validators.Rules
+{
+    /// <summary>
+    /// Validation rule for check the email has empty or null.
+    /// </summary>
+    /// <typeparam name="T">Not null or empty rule parameter</typeparam>
+    [Preserve(AllMembers = true)]
+    public class IsNotNullOrEmptyRule<T> : IValidationRule<T>
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the validation Message.
+        /// </summary>
+        public string ValidationMessage { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Check the Email has null or empty
+        /// </summary>
+        /// <param name="value">The value</param>
+        /// <returns>returns bool value</returns>
+        public bool Check(T value)
+        {
+            if (value == null)
+            {
+                return false;
+            }
+
+            var str = $"{value }";
+            return !string.IsNullOrWhiteSpace(str);
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Validators/Rules/IsValidEmailRule.cs b/EssentialUIKit/Validators/Rules/IsValidEmailRule.cs
new file mode 100644
index 00000000..70c2c916
--- /dev/null
+++ b/EssentialUIKit/Validators/Rules/IsValidEmailRule.cs
@@ -0,0 +1,43 @@
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Validators.Rules
+{
+    /// <summary>
+    /// Validation Rule to check the email is valid or not.
+    /// </summary>
+    /// <typeparam name="T">Valid email rule parameter</typeparam>
+    [Preserve(AllMembers = true)]
+    public class IsValidEmailRule<T> : IValidationRule<T>
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the Validation Message.
+        /// </summary>
+        public string ValidationMessage { get; set; }
+
+        #endregion
+
+        #region Method
+
+        /// <summary>
+        /// Check the email has valid or not
+        /// </summary>
+        /// <param name="value">The value</param>
+        /// <returns>returns bool value</returns>
+        public bool Check(T value)
+        {
+            try
+            {
+                var addr = new System.Net.Mail.MailAddress($"{value}");
+                return addr.Address == $"{value}";
+            }
+            catch
+            {
+                return false;
+                throw;
+            }
+        }
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Validators/ValidatableObject.cs b/EssentialUIKit/Validators/ValidatableObject.cs
new file mode 100644
index 00000000..e1427b99
--- /dev/null
+++ b/EssentialUIKit/Validators/ValidatableObject.cs
@@ -0,0 +1,158 @@
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Runtime.CompilerServices;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Validators
+{
+    /// <summary>
+    /// This class contains the method to validate the fields
+    /// </summary>
+    /// <typeparam name="T">Validatable object parameter</typeparam>
+    [Preserve(AllMembers = true)]
+    public class ValidatableObject<T> : IValidatable<T>
+    {
+        #region Fields
+
+        /// <summary>
+        /// Gets or Sets IsValid
+        /// </summary>
+        private bool isValid = true;
+
+        /// <summary>
+        /// Gets or Sets errors
+        /// </summary>
+        private List<string> errors = new List<string>();
+
+        /// <summary>
+        /// Gets or Sets CleanOnChange
+        /// </summary>
+        private bool cleanOnChange = true;
+
+        /// <summary>
+        /// Gets or Sets value
+        /// </summary>
+        private T value;
+
+        #endregion
+
+        #region PropertyChanged
+
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region properties
+
+        /// <summary>
+        /// Gets or Sets the Validations
+        /// </summary>
+        public List<IValidationRule<T>> Validations { get; } = new List<IValidationRule<T>>();
+
+        /// <summary>
+        /// Gets or Sets the Errors
+        /// </summary>
+        public List<string> Errors
+        {
+            get
+            {
+                return this.errors;
+            }
+
+            private set
+            {
+                this.errors = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is clean on change.
+        /// </summary>
+        public bool CleanOnChange
+        {
+            get
+            {
+                return this.cleanOnChange;
+            }
+
+            set
+            {
+                this.cleanOnChange = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the value.
+        /// </summary>
+        public T Value
+        {
+            get => this.value;
+            set
+            {
+                this.value = value;
+
+                if (this.CleanOnChange)
+                {
+                    this.IsValid = true;
+                }
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return this.isValid;
+            }
+
+            set
+            {
+                this.isValid = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// this method for validate the email
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        public virtual bool Validate()
+        {
+            this.Errors.Clear();
+
+            IEnumerable<string> errors = this.Validations.Where(v => !v.Check(this.Value))
+                .Select(v => v.ValidationMessage);
+
+            this.Errors = errors.ToList();
+            this.IsValid = !this.Errors.Any();
+
+            return this.IsValid;
+        }
+
+        public override string ToString()
+        {
+            return $"{this.Value}";
+        }
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="propertyName">The PropertyName</param>
+        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Validators/ValidatablePair.cs b/EssentialUIKit/Validators/ValidatablePair.cs
new file mode 100644
index 00000000..4d8cb408
--- /dev/null
+++ b/EssentialUIKit/Validators/ValidatablePair.cs
@@ -0,0 +1,111 @@
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Runtime.CompilerServices;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Validators
+{
+    /// <summary>
+    /// This class contains the method to have validate the Pair fields
+    /// </summary>
+    /// <typeparam name="T">Validatable pair parameter</typeparam>  
+    [Preserve(AllMembers = true)]
+    public class ValidatablePair<T> : IValidatable<ValidatablePair<T>>
+    {
+        #region Fields
+
+        /// <summary>
+        /// Gets or Sets isValid
+        /// </summary>
+        private bool isValid = true;
+
+        #endregion
+
+        #region PropertyChanged
+
+        /// <summary>
+        /// The PropertyChanged event declared.
+        /// </summary>
+        public event PropertyChangedEventHandler PropertyChanged;
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or Sets the Validation
+        /// </summary>
+        public List<IValidationRule<ValidatablePair<T>>> Validations { get; } = new List<IValidationRule<ValidatablePair<T>>>();
+
+        /// <summary>
+        /// Gets or sets a value indicating whether it is valid or not.
+        /// </summary>
+        public bool IsValid
+        {
+            get
+            {
+                return this.isValid;
+            }
+
+            set
+            {
+                this.isValid = value;
+                this.NotifyPropertyChanged();
+            }
+        }
+
+        /// <summary>
+        /// Gets or Sets Errors
+        /// </summary>
+        public List<string> Errors { get; private set; } = new List<string>();
+
+        /// <summary>
+        /// Gets or sets Item1.
+        /// </summary>
+        public ValidatableObject<T> Item1 { get; set; } = new ValidatableObject<T>();
+
+        /// <summary>
+        /// Gets or sets Item2.
+        /// </summary>
+        public ValidatableObject<T> Item2 { get; set; } = new ValidatableObject<T>();
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Validate the Items
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        public bool Validate()
+        {
+            var item1IsValid = this.Item1.Validate();
+            var item2IsValid = this.Item2.Validate();
+            if (item1IsValid && item2IsValid)
+            {
+                this.Errors.Clear();
+                IEnumerable<string> errors = this.Validations.Where(v => !v.Check(this))
+                    .Select(v => v.ValidationMessage);
+                this.Errors = errors.ToList();
+                this.Item2.Errors.Clear();
+                this.Item2.Errors.AddRange(this.Errors);
+                this.Item2.IsValid = !this.Errors.Any();
+            }
+
+            this.IsValid = !this.Item1.Errors.Any() && !this.Item2.Errors.Any();
+            return this.IsValid;
+        }
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="propertyName">The PropertyName</param>
+        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/About/AboutUsViewModel.cs b/EssentialUIKit/ViewModels/About/AboutUsViewModel.cs
index 728fb56a..7dec950e 100644
--- a/EssentialUIKit/ViewModels/About/AboutUsViewModel.cs
+++ b/EssentialUIKit/ViewModels/About/AboutUsViewModel.cs
@@ -1,6 +1,7 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models.About;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -11,17 +12,22 @@ namespace EssentialUIKit.ViewModels.About
     /// ViewModel of AboutUs templates.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class AboutUsViewModel : BaseViewModel
     {
         #region Fields
 
+        private static AboutUsViewModel aboutUsViewModel;
+
         private string productDescription;
 
         private string productVersion;
 
         private string productIcon;
 
-        private string cardsTopImage;
+        private string bannerImage;
+
+        private Command itemSelectedCommand;
 
         #endregion
 
@@ -32,74 +38,33 @@ public class AboutUsViewModel : BaseViewModel
         /// </summary>
         public AboutUsViewModel()
         {
-            this.productDescription =
-                "Situated in the heart of Smith-town, Acme Products, Inc., has a long-standing tradition of selling the best products while providing the fastest service on the market. Since 1952, we’ve helped our customers identify their needs, understand their wants, and capture their dreams.";
-            this.productIcon = App.BaseImageUrl + "Icon.png";
-            this.productVersion = "1.0";
-            this.cardsTopImage = App.BaseImageUrl + "Mask.png";
-
-            this.EmployeeDetails = new ObservableCollection<AboutUsModel>
-            {
-                new AboutUsModel
-                {
-                    EmployeeName = "Alice",
-                    Image = App.BaseImageUrl + "ProfileImage15.png",
-                    Designation = "Project Manager"
-                },
-                new AboutUsModel
-                {
-                    EmployeeName = "Jessica Park",
-                    Image = App.BaseImageUrl + "ProfileImage10.png",
-                    Designation = "Senior Manager"
-                },
-                new AboutUsModel
-                {
-                    EmployeeName = "Lisa",
-                    Image = App.BaseImageUrl + "ProfileImage11.png",
-                    Designation = "Senior Developer"
-                },
-                new AboutUsModel
-                {
-                    EmployeeName = "Rebecca",
-                    Image = App.BaseImageUrl + "ProfileImage12.png",
-                    Designation = "Senior Designer"
-                },
-                new AboutUsModel
-                {
-                    EmployeeName = "Alexander",
-                    Image = App.BaseImageUrl + "ProfileImage3.png",
-                    Designation = "Senior Manager"
-                },
-                new AboutUsModel
-                {
-                    EmployeeName = "Anthony",
-                    Image = App.BaseImageUrl + "ProfileImage1.png",
-                    Designation = "Senior Developer"
-                }
-            };
-            
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
         }
 
         #endregion
 
         #region Properties
 
+        /// <summary>
+        /// Gets or sets the value of about us page view model.
+        /// </summary>
+        public static AboutUsViewModel BindingContext =>
+            aboutUsViewModel = PopulateData<AboutUsViewModel>("about.json");
+
         /// <summary>
         /// Gets or sets the top image source of the About us with cards view.
         /// </summary>
         /// <value>Image source location.</value>
-        public string CardsTopImage
+        [DataMember(Name = "bannerImage")]
+        public string BannerImage
         {
             get
             {
-                return this.cardsTopImage;
+                return App.ImageServerPath + this.bannerImage;
             }
 
             set
             {
-                this.cardsTopImage = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.bannerImage, value);
             }
         }
 
@@ -107,6 +72,7 @@ public string CardsTopImage
         /// Gets or sets the description of a product or a company.
         /// </summary>
         /// <value>The product description.</value>
+        [DataMember(Name = "productDescription")]
         public string ProductDescription
         {
             get
@@ -116,8 +82,7 @@ public string ProductDescription
 
             set
             {
-                this.productDescription = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productDescription, value);
             }
         }
 
@@ -125,17 +90,17 @@ public string ProductDescription
         /// Gets or sets the product icon.
         /// </summary>
         /// <value>The product icon.</value>
+        [DataMember(Name = "productIcon")]
         public string ProductIcon
         {
             get
             {
-                return this.productIcon;
+                return App.ImageServerPath + this.productIcon;
             }
 
             set
             {
-                this.productIcon = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productIcon, value);
             }
         }
 
@@ -143,6 +108,7 @@ public string ProductIcon
         /// Gets or sets the product version.
         /// </summary>
         /// <value>The product version.</value>
+        [DataMember(Name = "productVersion")]
         public string ProductVersion
         {
             get
@@ -152,8 +118,7 @@ public string ProductVersion
 
             set
             {
-                this.productVersion = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productVersion, value);
             }
         }
 
@@ -161,17 +126,47 @@ public string ProductVersion
         /// Gets or sets the employee details.
         /// </summary>
         /// <value>The employee details.</value>
+        [DataMember(Name = "employeeDetails")]
         public ObservableCollection<AboutUsModel> EmployeeDetails { get; set; }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
+        /// Gets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when an item is selected.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/Article/ArticleParallaxHeaderPageViewModel.cs b/EssentialUIKit/ViewModels/Article/ArticleParallaxHeaderPageViewModel.cs
index 2e18b14a..dd102d9a 100644
--- a/EssentialUIKit/ViewModels/Article/ArticleParallaxHeaderPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Article/ArticleParallaxHeaderPageViewModel.cs
@@ -1,25 +1,25 @@
-using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Linq;
-using System.Text;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Syncfusion.XForms.Buttons;
-using EssentialUIKit.Models;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Article
-{               
+{
     /// <summary>
     /// ViewModel for Article parallax page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ArticleParallaxHeaderPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static ArticleParallaxHeaderPageViewModel articleParallaxHeaderPageViewModel;
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
@@ -60,6 +60,11 @@ public class ArticleParallaxHeaderPageViewModel : BaseViewModel
         /// </summary>
         private string articleReadingTime;
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        private bool isBookmarked;
+
         /// <summary>
         /// Gets or sets the related stories.
         /// </summary>
@@ -85,112 +90,43 @@ public class ArticleParallaxHeaderPageViewModel : BaseViewModel
         /// </summary>
         private string subTitle2;
 
+        private Command addNewCommentCommand;
+
+        private Command<object> itemSelectedCommand;
+
+        private Command shareButtonCommand;
+
+        private Command bookmarkCommand;
+
+        private Command relatedFeaturesCommand;
+
+        private Command loadMoreCommand;
+
         #endregion
 
         #region Constructor
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="DetailViewModel" /> class
+        /// Initializes a new instance of the <see cref="ArticleParallaxHeaderPageViewModel" /> class
         /// </summary>
-        public ArticleParallaxHeaderPageViewModel ()
+        public ArticleParallaxHeaderPageViewModel()
         {
-            this.articleName = "Better Brainstorming by Hand";
-            this.articleParallaxHeaderImage = App.BaseImageUrl + "ArticleParallaxHeaderImage.png";
-            this.articleSubImage = App.BaseImageUrl + "BlogDetail.png";
-            this.articleAuthor = "John Doe";
-            this.articleDate = "Apr 16";
-            this.articleReadingTime = "5 mins read";
-            this.articleContent = "Organizing projects is now predominantly a digital endeavor. Physical whiteboards have given way to electronic Gantt charts. Pocket calendars have yielded to smartphone scheduling apps. Even the most popular tool of the most ferocious organizers—the sticky note—now has a digital counterpart. Despite this digitization, one shouldn’t lose sight of the usefulness of articulating ideas on paper. Handwriting is still the most viable means for bringing ideas and concepts into the physical world for organizing and comparing.This isn’t to say you should remain in the archaic world of markers and pens; rather, handwriting should be harnessed as the initial step in understanding a project—a free association of all the ideas that pop into your head. After organizing and reorganizing your thoughts on paper, moving them into the digital realm as tasks, reminders, and schedules serves as the final refinement of what you’re trying to accomplishment and how you plan to accomplish it.";
-            this.SubTitle1 = "Procedure for writing out your ideas";
-            this.SubTitle2 = "RELATED STORIES";
-
-            this.RelatedStories = new ObservableCollection<Model>
-            {
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage2.png",
-                    Name = "Learning to Reset",
-                    Author = "John Doe",
-                    Date = "Aug 2010",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage3.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage4.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "May 2012",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage5.png",
-                    Name = "Be a Nurturing, Fierce Team Leader",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage6.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Dec 2013",
-                    AverageReadingTime = "5 mins read"
-                }
-            };
-
-            this.ContentList = new ObservableCollection<Model>
-            {
-                new Model { Description = "Write a one- or two-sentence summary of the goal or project you want to complete." },
-                new Model { Description = "Then write every idea you associate with the goal or project on separate pieces of paper (sticky notes are ideal). Don’t self-edit at this point, write everything that comes to mind." },
-                new Model { Description = "Spread all the pieces of paper onto a table, a desk, a bed, or even the floor." },
-                new Model { Description = "Sort the ideas by category—some will be tasks to do, others will be equipment or training you need." },
-                new Model { Description = "Organize the categories from top to bottom according to the sequence in which they need to occur. This will help you remove items that are redundant and identify items that need to be added." },
-                new Model { Description = "Now you’re ready to SubTitle1enter the items in an organized fashion into your project management software." },
-            };
-
-            this.reviews = new ObservableCollection<Review>
-            {
-                new Review
-                {
-                    CustomerImage = "ProfileImage1.png",
-                    CustomerName = "Jhon Deo",
-                    Comment = "Greatest article I have ever read in my life.",
-                    ReviewedDate = "29 Dec, 2019",
-                },
-                new Review
-                {
-                    CustomerImage = "ProfileImage3.png",
-                    CustomerName = "David Son",
-                    Comment = "Absolutely love them! Can't stop learing!",
-                    ReviewedDate = "29 Dec, 2019",
-                }
-            };
-
-            this.ShareButtonCommand = new Command(this.ShareButtonClicked);
-            this.BackButtonCommand = new Command(this.BackButtonClicked);
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.RelatedFeaturesCommand = new Command(this.RelatedFeaturesItemClicked);
-            this.AddNewCommentCommand = new Command(this.CommentButtonClicked);
-            this.LoadMoreCommand = new Command(this.LoadMoreClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of Article parallax header page view model.
+        /// </summary>
+        public static ArticleParallaxHeaderPageViewModel BindingContext =>
+            articleParallaxHeaderPageViewModel = PopulateData<ArticleParallaxHeaderPageViewModel>("article.json");
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
+        [DataMember(Name = "articleName")]
         public string ArticleName
         {
             get
@@ -200,10 +136,9 @@ public string ArticleName
 
             set
             {
-                if ( this.articleName != value )
+                if (this.articleName != value)
                 {
-                    this.articleName = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleName, value);
                 }
             }
         }
@@ -211,19 +146,19 @@ public string ArticleName
         /// <summary>
         /// Gets or sets the article image
         /// </summary>
+        [DataMember(Name = "articleImage")]
         public string ArticleImage
         {
             get
             {
-                return this.articleImage;
+                return App.ImageServerPath + this.articleImage;
             }
 
             set
             {
-                if ( this.articleImage != value )
+                if (this.articleImage != value)
                 {
-                    this.articleImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleImage, value);
                 }
             }
         }
@@ -231,19 +166,19 @@ public string ArticleImage
         /// <summary>
         /// Gets or sets the article image
         /// </summary>
+        [DataMember(Name = "articleParallaxHeaderImage")]
         public string ArticleParallaxHeaderImage
         {
             get
             {
-                return this.articleParallaxHeaderImage;
+                return App.ImageServerPath + this.articleParallaxHeaderImage;
             }
 
             set
             {
-                if ( this.articleParallaxHeaderImage != value )
+                if (this.articleParallaxHeaderImage != value)
                 {
-                    this.articleParallaxHeaderImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleParallaxHeaderImage, value);
                 }
             }
         }
@@ -251,19 +186,19 @@ public string ArticleParallaxHeaderImage
         /// <summary>
         /// Gets or sets the article sub image
         /// </summary>
+        [DataMember(Name = "articleSubImage")]
         public string ArticleSubImage
         {
             get
             {
-                return this.articleSubImage;
+                return App.ImageServerPath + this.articleSubImage;
             }
 
             set
             {
-                if ( this.articleSubImage != value )
+                if (this.articleSubImage != value)
                 {
-                    this.articleSubImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleSubImage, value);
                 }
             }
         }
@@ -271,6 +206,7 @@ public string ArticleSubImage
         /// <summary>
         /// Gets or sets the articleAuthor
         /// </summary>
+        [DataMember(Name = "articleAuthor")]
         public string ArticleAuthor
         {
             get
@@ -280,10 +216,9 @@ public string ArticleAuthor
 
             set
             {
-                if ( this.articleAuthor != value )
+                if (this.articleAuthor != value)
                 {
-                    this.articleAuthor = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleAuthor, value);
                 }
             }
         }
@@ -291,6 +226,7 @@ public string ArticleAuthor
         /// <summary>
         /// Gets or sets the article reading time
         /// </summary>
+        [DataMember(Name = "articleReadingTime")]
         public string ArticleReadingTime
         {
             get
@@ -300,10 +236,9 @@ public string ArticleReadingTime
 
             set
             {
-                if ( this.articleReadingTime != value )
+                if (this.articleReadingTime != value)
                 {
-                    this.articleReadingTime = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleReadingTime, value);
                 }
             }
         }
@@ -311,6 +246,7 @@ public string ArticleReadingTime
         /// <summary>
         /// Gets or sets the article date
         /// </summary>
+        [DataMember(Name = "articleDate")]
         public string ArticleDate
         {
             get
@@ -320,10 +256,9 @@ public string ArticleDate
 
             set
             {
-                if ( this.articleDate != value )
+                if (this.articleDate != value)
                 {
-                    this.articleDate = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleDate, value);
                 }
             }
         }
@@ -331,6 +266,7 @@ public string ArticleDate
         /// <summary>
         /// Gets or sets the article content
         /// </summary>
+        [DataMember(Name = "articleContent")]
         public string ArticleContent
         {
             get
@@ -340,17 +276,33 @@ public string ArticleContent
 
             set
             {
-                if ( this.articleContent != value )
+                if (this.articleContent != value)
                 {
-                    this.articleContent = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleContent, value);
                 }
             }
         }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        public bool IsBookmarked
+        {
+            get
+            {
+                return this.isBookmarked;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isBookmarked, value);
+            }
+        }
+
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the articles related stories items.
         /// </summary>
+        [DataMember(Name = "relatedStories")]
         public ObservableCollection<Model> RelatedStories
         {
             get
@@ -360,19 +312,19 @@ public ObservableCollection<Model> RelatedStories
 
             set
             {
-                if ( this.relatedStories == value )
+                if (this.relatedStories == value)
                 {
                     return;
                 }
 
-                this.relatedStories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.relatedStories, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the articles content list items.
         /// </summary>
+        [DataMember(Name = "contentList")]
         public ObservableCollection<Model> ContentList
         {
             get
@@ -382,19 +334,19 @@ public ObservableCollection<Model> ContentList
 
             set
             {
-                if ( this.contentList == value )
+                if (this.contentList == value)
                 {
                     return;
                 }
 
-                this.contentList = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.contentList, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article reviews
         /// </summary>
+        [DataMember(Name = "reviews")]
         public ObservableCollection<Review> Reviews
         {
             get
@@ -404,19 +356,19 @@ public ObservableCollection<Review> Reviews
 
             set
             {
-                if ( this.reviews == value )
+                if (this.reviews == value)
                 {
                     return;
                 }
 
-                this.reviews = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.reviews, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
+        [DataMember(Name = "subTitle1")]
         public string SubTitle1
         {
             get
@@ -426,19 +378,19 @@ public string SubTitle1
 
             set
             {
-                if ( this.subTitle1 == value )
+                if (this.subTitle1 == value)
                 {
                     return;
                 }
 
-                this.subTitle1 = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.subTitle1, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
+        [DataMember(Name = "subTitle2")]
         public string SubTitle2
         {
             get
@@ -448,67 +400,117 @@ public string SubTitle2
 
             set
             {
-                if ( this.subTitle2 == value )
+                if (this.subTitle2 == value)
                 {
                     return;
                 }
 
-                this.subTitle2 = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.subTitle2, value);
             }
         }
 
         #endregion
 
         #region Commands
+
         /// <summary>
-        /// Gets or sets the command is executed when the favourite button is clicked.
+        /// Gets the command is executed when the share button is clicked.
         /// </summary>
-        public Command ShareButtonCommand { get; set; }
+        public Command ShareButtonCommand
+        {
+            get
+            {
+                return this.shareButtonCommand ?? (this.shareButtonCommand = new Command(this.ShareButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
+        /// Gets the command is executed when the book mark button is clicked.
         /// </summary>
-        public Command BackButtonCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the book mark button is clicked.
+        /// Gets the command is executed when the related features item is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command RelatedFeaturesCommand
+        {
+            get
+            {
+                return this.relatedFeaturesCommand ?? (this.relatedFeaturesCommand = new Command(this.RelatedFeaturesItemClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the related features item is clicked.
+        /// Gets the command that will be executed when the load more button is clicked.
         /// </summary>
-        public Command RelatedFeaturesCommand { get; set; }
+        public Command LoadMoreCommand
+        {
+            get
+            {
+                return this.loadMoreCommand ?? (this.loadMoreCommand = new Command(this.LoadMoreClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the Comment button is clicked.
+        /// Gets the command that will be executed when the Comment button is clicked.
         /// </summary>
-        public Command AddNewCommentCommand { get; set; }
+        public Command AddNewCommentCommand
+        {
+            get
+            {
+                return this.addNewCommentCommand ?? (this.addNewCommentCommand = new Command(this.CommentButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the Show All button is clicked.
+        /// Gets the command that will be executed when an item is selected.
         /// </summary>
-        public Command LoadMoreCommand { get; set; }
+        public Command<object> ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command<object>(this.NavigateToNextPage));
+            }
+        }
 
         #endregion
 
         #region Methods
 
         /// <summary>
-        /// Invoked when the favourite button clicked
+        /// Populates the data for view model from json file.
         /// </summary>
-        /// <param name="obj">The object</param>
-        private void ShareButtonClicked (object obj)
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
         {
-           // Do something
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
         }
 
         /// <summary>
-        /// Invoked when the back button clicked
+        /// Invoked when the favourite button clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void BackButtonClicked (object obj)
+        private void ShareButtonClicked(object obj)
         {
             // Do something
         }
@@ -517,7 +519,7 @@ private void BackButtonClicked (object obj)
         /// Invoked when the related features item clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void RelatedFeaturesItemClicked (object obj)
+        private void RelatedFeaturesItemClicked(object obj)
         {
             // Do something
         }
@@ -526,19 +528,15 @@ private void RelatedFeaturesItemClicked (object obj)
         /// Invoked when the bookmark button clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void BookmarkButtonClicked (object obj)
+        private void BookmarkButtonClicked(object obj)
         {
-            if ( obj != null && ( obj is Model ) )
+            if (obj != null && (obj is Model))
             {
-                ( obj as Model ).IsBookmarked = ( obj as Model ).IsBookmarked ? false : true;
+                (obj as Model).IsBookmarked = (obj as Model).IsBookmarked ? false : true;
             }
-            else
+            else if (obj != null && (obj is ArticleParallaxHeaderPageViewModel))
             {
-                var button = obj as SfButton;
-                if ( button != null )
-                {
-                    button.Text = ( button.Text == "\ue72f" ) ? "\ue734" : "\ue72f";
-                }
+                (obj as ArticleParallaxHeaderPageViewModel).IsBookmarked = (obj as ArticleParallaxHeaderPageViewModel).IsBookmarked ? false : true;
             }
         }
 
@@ -546,7 +544,7 @@ private void BookmarkButtonClicked (object obj)
         /// Invoked when Comment button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private void CommentButtonClicked (object obj)
+        private void CommentButtonClicked(object obj)
         {
             // Do something
         }
@@ -555,9 +553,18 @@ private void CommentButtonClicked (object obj)
         /// Invoked when Load more button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private void LoadMoreClicked (object obj)
+        private void LoadMoreClicked(object obj)
         {
-           // Do something
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when an item is selected from the article parallax header page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void NavigateToNextPage(object selectedItem)
+        {
+            // Do something
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Article/ArticleWithCommentsPageViewModel.cs b/EssentialUIKit/ViewModels/Article/ArticleWithCommentsPageViewModel.cs
index a1ab528a..c27101db 100644
--- a/EssentialUIKit/ViewModels/Article/ArticleWithCommentsPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Article/ArticleWithCommentsPageViewModel.cs
@@ -1,12 +1,11 @@
-using System;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Linq;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models;
-using Syncfusion.XForms.Buttons;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Article
 {
@@ -14,10 +13,13 @@ namespace EssentialUIKit.ViewModels.Article
     /// ViewModel for Article with comments page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ArticleWithCommentsPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static ArticleWithCommentsPageViewModel articleWithCommentsPageViewModel;
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
@@ -52,7 +54,17 @@ public class ArticleWithCommentsPageViewModel : BaseViewModel
         /// Gets or sets the article reading time
         /// </summary>
         private string articleReadingTime;
-        
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite or not.
+        /// </summary>
+        private bool isFavourite;
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        private bool isBookmarked;
+
         /// <summary>
         /// Gets or sets the article content list.
         /// </summary>
@@ -61,13 +73,23 @@ public class ArticleWithCommentsPageViewModel : BaseViewModel
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
-        private string subTitle1;
+        private string subTitle;
 
         /// <summary>
         /// Gets or sets the article reviews
         /// </summary>
         private ObservableCollection<Review> reviews;
 
+        private Command favouriteCommand;
+
+        private Command bookmarkCommand;
+
+        private Command relatedFeaturesCommand;
+
+        private Command loadMoreCommand;
+
+        private Command addNewCommentCommand;
+
         #endregion
 
         #region Constructor
@@ -77,56 +99,22 @@ public class ArticleWithCommentsPageViewModel : BaseViewModel
         /// </summary>
         public ArticleWithCommentsPageViewModel()
         {
-            this.articleName = "Better Brainstorming by Hand";
-            this.articleImage = App.BaseImageUrl + "ArticleImage2.png";
-            this.articleSubImage = App.BaseImageUrl + "BlogDetail.png";
-            this.articleAuthor = "John Doe";
-            this.articleDate = "Apr 16";
-            this.articleReadingTime = "5 mins read";
-            this.articleContent = "Organizing projects is now predominantly a digital endeavor. Physical whiteboards have given way to electronic Gantt charts. Pocket calendars have yielded to smartphone scheduling apps. Even the most popular tool of the most ferocious organizers—the sticky note—now has a digital counterpart. Despite this digitization, one shouldn’t lose sight of the usefulness of articulating ideas on paper. Handwriting is still the most viable means for bringing ideas and concepts into the physical world for organizing and comparing.This isn’t to say you should remain in the archaic world of markers and pens; rather, handwriting should be harnessed as the initial step in understanding a project—a free association of all the ideas that pop into your head. After organizing and reorganizing your thoughts on paper, moving them into the digital realm as tasks, reminders, and schedules serves as the final refinement of what you’re trying to accomplishment and how you plan to accomplish it.";
-            this.SubTitle1 = "Procedure for writing out your ideas";
-
-            this.contentList = new ObservableCollection<Model>
-            {
-                new Model { Description = "Write a one- or two-sentence summary of the goal or project you want to complete." },
-                new Model { Description = "Then write every idea you associate with the goal or project on separate pieces of paper (sticky notes are ideal). Don’t self-edit at this point, write everything that comes to mind." },
-                new Model { Description = "Spread all the pieces of paper onto a table, a desk, a bed, or even the floor." },
-                new Model { Description = "Sort the ideas by category—some will be tasks to do, others will be equipment or training you need." },
-                new Model { Description = "Organize the categories from top to bottom according to the sequence in which they need to occur. This will help you remove items that are redundant and identify items that need to be added." },
-                new Model { Description = "Now you’re ready to enter the items in an organized fashion into your project management software." },
-            };
-
-            this.reviews = new ObservableCollection<Review>
-            {
-                new Review
-                {
-                    CustomerImage = "ProfileImage1.png",
-                    CustomerName = "Jhon Deo",
-                    Comment = "Greatest article I have ever read in my life.",
-                    ReviewedDate = "29 Dec, 2019",
-                },
-                new Review
-                {
-                    CustomerImage = "ProfileImage3.png",
-                    CustomerName = "David Son",
-                    Comment = "Absolutely love them! Can't stop reading!",
-                    ReviewedDate = "29 Dec, 2019",
-                }
-            };
-
-            this.FavouriteCommand = new Command(this.FavouriteButtonClicked);
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.RelatedFeaturesCommand = new Command(this.RelatedFeaturesItemClicked);
-            this.LoadMoreCommand = new Command(this.LoadMoreClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of Article with comments page view model.
+        /// </summary>
+        public static ArticleWithCommentsPageViewModel BindingContext =>
+            articleWithCommentsPageViewModel = PopulateData<ArticleWithCommentsPageViewModel>("article.json");
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
+        [DataMember(Name = "articleName")]
         public string ArticleName
         {
             get
@@ -138,8 +126,7 @@ public string ArticleName
             {
                 if (this.articleName != value)
                 {
-                    this.articleName = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleName, value);
                 }
             }
         }
@@ -147,19 +134,19 @@ public string ArticleName
         /// <summary>
         /// Gets or sets the article image
         /// </summary>
+        [DataMember(Name = "articleImage")]
         public string ArticleImage
         {
             get
             {
-                return this.articleImage;
+                return App.ImageServerPath + this.articleImage;
             }
 
             set
             {
                 if (this.articleImage != value)
                 {
-                    this.articleImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleImage, value);
                 }
             }
         }
@@ -167,19 +154,19 @@ public string ArticleImage
         /// <summary>
         /// Gets or sets the article sub image
         /// </summary>
+        [DataMember(Name = "articleSubImage")]
         public string ArticleSubImage
         {
             get
             {
-                return this.articleSubImage;
+                return App.ImageServerPath + this.articleSubImage;
             }
 
             set
             {
                 if (this.articleSubImage != value)
                 {
-                    this.articleSubImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleSubImage, value);
                 }
             }
         }
@@ -187,6 +174,7 @@ public string ArticleSubImage
         /// <summary>
         /// Gets or sets the articleAuthor
         /// </summary>
+        [DataMember(Name = "articleAuthor")]
         public string ArticleAuthor
         {
             get
@@ -198,8 +186,7 @@ public string ArticleAuthor
             {
                 if (this.articleAuthor != value)
                 {
-                    this.articleAuthor = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleAuthor, value);
                 }
             }
         }
@@ -207,6 +194,7 @@ public string ArticleAuthor
         /// <summary>
         /// Gets or sets the article reading time
         /// </summary>
+        [DataMember(Name = "articleReadingTime")]
         public string ArticleReadingTime
         {
             get
@@ -218,8 +206,7 @@ public string ArticleReadingTime
             {
                 if (this.articleReadingTime != value)
                 {
-                    this.articleReadingTime = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleReadingTime, value);
                 }
             }
         }
@@ -227,6 +214,7 @@ public string ArticleReadingTime
         /// <summary>
         /// Gets or sets the article date
         /// </summary>
+        [DataMember(Name = "articleDate")]
         public string ArticleDate
         {
             get
@@ -238,8 +226,7 @@ public string ArticleDate
             {
                 if (this.articleDate != value)
                 {
-                    this.articleDate = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleDate, value);
                 }
             }
         }
@@ -247,6 +234,7 @@ public string ArticleDate
         /// <summary>
         /// Gets or sets the article content
         /// </summary>
+        [DataMember(Name = "articleContent")]
         public string ArticleContent
         {
             get
@@ -258,15 +246,47 @@ public string ArticleContent
             {
                 if (this.articleContent != value)
                 {
-                    this.articleContent = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleContent, value);
                 }
             }
         }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite or not.
+        /// </summary>
+        public bool IsFavourite
+        {
+            get
+            {
+                return this.isFavourite;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isFavourite, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        public bool IsBookmarked
+        {
+            get
+            {
+                return this.isBookmarked;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isBookmarked, value);
+            }
+        }
+
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the articles content list items.
         /// </summary>
+        [DataMember(Name = "contentList")]
         public ObservableCollection<Model> ContentList
         {
             get
@@ -281,36 +301,36 @@ public ObservableCollection<Model> ContentList
                     return;
                 }
 
-                this.contentList = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.contentList, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
-        public string SubTitle1
+        [DataMember(Name = "subTitle1")]
+        public string SubTitle
         {
             get
             {
-                return this.subTitle1;
+                return this.subTitle;
             }
 
             set
             {
-                if (this.subTitle1 == value)
+                if (this.subTitle == value)
                 {
                     return;
                 }
 
-                this.subTitle1 = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.subTitle, value);
             }
         }
-        
+
         /// <summary>
         /// Gets or sets the article reviews
         /// </summary>
+        [DataMember(Name = "reviews")]
         public ObservableCollection<Review> Reviews
         {
             get
@@ -325,62 +345,105 @@ public ObservableCollection<Review> Reviews
                     return;
                 }
 
-                this.reviews = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.reviews, value);
             }
         }
-        
+
         #endregion
 
         #region Command
+
         /// <summary>
-        /// Gets or sets the command is executed when the favourite button is clicked.
+        /// Gets the command is executed when the favourite button is clicked.
         /// </summary>
-        public Command FavouriteCommand { get; set; }
+        public Command FavouriteCommand
+        {
+            get
+            {
+                return this.favouriteCommand ?? (this.favouriteCommand = new Command(this.FavouriteButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the book mark button is clicked.
+        /// Gets the command is executed when the book mark button is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the related features item is clicked.
+        /// Gets the command is executed when the related features item is clicked.
         /// </summary>
-        public Command RelatedFeaturesCommand { get; set; }
+        public Command RelatedFeaturesCommand
+        {
+            get
+            {
+                return this.relatedFeaturesCommand ?? (this.relatedFeaturesCommand = new Command(this.RelatedFeaturesItemClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the Show All button is clicked.
+        /// Gets the command that will be executed when the Show All button is clicked.
         /// </summary>
-        public Command LoadMoreCommand { get; set; }
+        public Command LoadMoreCommand
+        {
+            get
+            {
+                return this.loadMoreCommand ?? (this.loadMoreCommand = new Command(this.LoadMoreClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when the add new comment is clicked.
+        /// </summary>
+        public Command AddNewCommentCommand
+        {
+            get
+            {
+                return this.addNewCommentCommand ?? (this.addNewCommentCommand = new Command(this.AddNewCommentClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
 
         /// <summary>
-        /// Invoked when the favourite button clicked
+        /// Populates the data for view model from json file.
         /// </summary>
-        /// <param name="obj">The object</param>
-        private void FavouriteButtonClicked(object obj)
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
         {
-            var button = obj as SfButton;
+            var file = "EssentialUIKit.Data." + fileName;
 
-            if (button == null)
-            {
-                return;
-            }
+            var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            if (button.Text == "\ue701")
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
             {
-                button.Text = "\ue732";
-                Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
-                button.TextColor = (Color)retVal;
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
             }
-            else
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the favourite button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void FavouriteButtonClicked(object obj)
+        {
+            if (obj != null && (obj is ArticleWithCommentsPageViewModel))
             {
-                button.Text = "\ue701";
-                Application.Current.Resources.TryGetValue("Gray-600", out var retVal);
-                button.TextColor = (Color)retVal;
+                (obj as ArticleWithCommentsPageViewModel).IsFavourite = (obj as ArticleWithCommentsPageViewModel).IsFavourite ? false : true;
             }
         }
 
@@ -399,17 +462,9 @@ private void RelatedFeaturesItemClicked(object obj)
         /// <param name="obj">The object</param>
         private void BookmarkButtonClicked(object obj)
         {
-            if (obj != null && (obj is Model))
-            {
-                (obj as Model).IsBookmarked = (obj as Model).IsBookmarked ? false : true;
-            }
-            else
+            if (obj != null && (obj is ArticleWithCommentsPageViewModel))
             {
-                var button = obj as SfButton;
-                if (button != null)
-                {
-                    button.Text = (button.Text == "\ue72f") ? "\ue734" : "\ue72f";
-                }
+                (obj as ArticleWithCommentsPageViewModel).IsBookmarked = (obj as ArticleWithCommentsPageViewModel).IsBookmarked ? false : true;
             }
         }
 
@@ -417,7 +472,16 @@ private void BookmarkButtonClicked(object obj)
         /// Invoked when Load more button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private void LoadMoreClicked (object obj)
+        private void LoadMoreClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when Add new comment is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void AddNewCommentClicked(object obj)
         {
             // Do something
         }
diff --git a/EssentialUIKit/ViewModels/Article/MyArticlePageViewModel.cs b/EssentialUIKit/ViewModels/Article/MyArticlePageViewModel.cs
index 5255b411..4498cc01 100644
--- a/EssentialUIKit/ViewModels/Article/MyArticlePageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Article/MyArticlePageViewModel.cs
@@ -1,8 +1,10 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Article
 {
@@ -10,15 +12,22 @@ namespace EssentialUIKit.ViewModels.Article
     /// ViewModel for My Article page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class MyArticlePageViewModel : BaseViewModel
     {
         #region Fields        
-        
+
+        private static MyArticlePageViewModel myArticlePageViewModel;
+
         /// <summary>
         /// Gets or sets the article list.
         /// </summary>
         private ObservableCollection<Model> articleList;
 
+        private Command searchCommand;
+
+        private Command articleListItemSelectionCommand;
+
         #endregion
 
         #region Constructor
@@ -28,31 +37,22 @@ public class MyArticlePageViewModel : BaseViewModel
         /// </summary>
         public MyArticlePageViewModel()
         {
-            this.articleList = new ObservableCollection<Model>
-            {
-                new Model { ImagePath = App.BaseImageUrl + "Book1.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book2.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book3.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book4.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book5.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book6.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book7.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book8.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book9.png" },
-                new Model { ImagePath = App.BaseImageUrl + "Book10.png" },
-            };
-            
-            this.SearchCommand = new Command(this.SearchButtonClicked);
-            this.ArticleListIteSelectionCommand = new Command(this.ArticleListItemClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of My aricle page view model.
+        /// </summary>
+        public static MyArticlePageViewModel BindingContext =>
+            myArticlePageViewModel = PopulateData<MyArticlePageViewModel>("article.json");
+
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the my article list items.
         /// </summary>
+        [DataMember(Name = "articleList")]
         public ObservableCollection<Model> ArticleList
         {
             get
@@ -67,8 +67,7 @@ public ObservableCollection<Model> ArticleList
                     return;
                 }
 
-                this.articleList = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.articleList, value);
             }
         }
 
@@ -77,19 +76,54 @@ public ObservableCollection<Model> ArticleList
         #region Command
 
         /// <summary>
-        /// Gets or sets the command is executed when the search button is clicked.
+        /// Gets the command is executed when the search button is clicked.
         /// </summary>
-        public Command SearchCommand { get; set; }
+        public Command SearchCommand
+        {
+            get
+            {
+                return this.searchCommand ?? (this.searchCommand = new Command(this.SearchButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the article list item is clicked.
+        /// Gets the command is executed when the article list item is clicked.
         /// </summary>
-        public Command ArticleListIteSelectionCommand { get; set; }
-        
+        public Command ArticleListItemSelectionCommand
+        {
+            get
+            {
+                return this.articleListItemSelectionCommand ?? (this.articleListItemSelectionCommand = new Command(this.ArticleListItemClicked));
+            }
+        }
+
         #endregion
 
         #region Methods
-        
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the article list item clicked
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/BaseViewModel.cs b/EssentialUIKit/ViewModels/BaseViewModel.cs
index 23f4e029..e861c947 100644
--- a/EssentialUIKit/ViewModels/BaseViewModel.cs
+++ b/EssentialUIKit/ViewModels/BaseViewModel.cs
@@ -1,9 +1,8 @@
-using System;
-using System.Collections.Generic;
+using System.Collections.Generic;
 using System.ComponentModel;
 using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
-using System.Text;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels
@@ -15,6 +14,12 @@ namespace EssentialUIKit.ViewModels
     [DataContract]
     public class BaseViewModel : INotifyPropertyChanged
     {
+        #region Fields
+
+        private Command<object> backButtonCommand;
+
+        #endregion
+
         #region Event handler
 
         /// <summary>
@@ -24,17 +29,61 @@ public class BaseViewModel : INotifyPropertyChanged
 
         #endregion
 
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command<object> BackButtonCommand
+        {
+            get
+            {
+                return this.backButtonCommand ?? (this.backButtonCommand = new Command<object>(this.BackButtonClicked));
+            }
+        }
+
+        #endregion
+
         #region Methods
 
         /// <summary>
         /// The PropertyChanged event occurs when changing the value of property.
         /// </summary>
         /// <param name="propertyName">The PropertyName</param>
-        protected void NotifyPropertyChanged ([CallerMemberName] string propertyName = null)
+        protected void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
         {
             this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
         }
 
+        protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
+        {
+            if (EqualityComparer<T>.Default.Equals(storage, value))
+            {
+                return false;
+            }
+
+            storage = value;
+            this.NotifyPropertyChanged(propertyName);
+
+            return true;
+        }
+
+        /// <summary>
+        /// Invoked when an back button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void BackButtonClicked(object obj)
+        {
+            if (Device.RuntimePlatform == Device.UWP && Application.Current.MainPage.Navigation.NavigationStack.Count > 1)
+            {
+                Application.Current.MainPage.Navigation.PopAsync();
+            }
+            else if (Device.RuntimePlatform != Device.UWP && Application.Current.MainPage.Navigation.NavigationStack.Count > 0)
+            {
+                Application.Current.MainPage.Navigation.PopAsync();
+            }
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Bookmarks/BookmarksViewModel.cs b/EssentialUIKit/ViewModels/Bookmarks/BookmarksViewModel.cs
index d0335f6d..f1ad7bd5 100644
--- a/EssentialUIKit/ViewModels/Bookmarks/BookmarksViewModel.cs
+++ b/EssentialUIKit/ViewModels/Bookmarks/BookmarksViewModel.cs
@@ -1,10 +1,10 @@
-using EssentialUIKit.Controls;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Bookmarks
 {
@@ -12,12 +12,19 @@ namespace EssentialUIKit.ViewModels.Bookmarks
     /// ViewModel for Article bookmark page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class BookmarksViewModel : BaseViewModel
     {
         #region Fields
 
+        private static BookmarksViewModel bookmarksViewModel;
+
         private ObservableCollection<Model> latestStories;
 
+        private Command bookmarkCommand;
+
+        private Command itemSelectedCommand;
+
         #endregion
 
         #region Constructor
@@ -25,86 +32,24 @@ public class BookmarksViewModel : BaseViewModel
         /// <summary>
         /// Initializes a new instance for the <see cref="BookmarksViewModel" /> class.
         /// </summary>
-        public BookmarksViewModel()
+        static BookmarksViewModel()
         {
-            this.LatestStories = new ObservableCollection<Model>
-            {
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image1.png",
-                    Name = "Learning to Reset",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image2.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 18",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image3.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "May 10",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image4.png",
-                    Name = "Be a Nurturing, Fierce Team Leader",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image5.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 10",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image6.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image7.png",
-                    Name = "Be a Nurturing, Fierce Team Leader",
-                    Author = "John Doe",
-                    Date = "May 05",
-                    AverageReadingTime = "5 mins read",
-                    IsBookmarked = true
-                }
-            };
-
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
         }
 
         #endregion
 
-        #region Public Properties        
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the value of Bookmark page view model.
+        /// </summary>
+        public static BookmarksViewModel BindingContext =>
+            bookmarksViewModel = PopulateData<BookmarksViewModel>("bookmark.json");
 
         /// <summary>
         /// Gets or sets the property that has been bound with the list view, which displays the articles' latest stories items.
         /// </summary>
+        [DataMember(Name = "latestStories")]
         public ObservableCollection<Model> LatestStories
         {
             get { return this.latestStories; }
@@ -116,8 +61,7 @@ public ObservableCollection<Model> LatestStories
                     return;
                 }
 
-                this.latestStories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.latestStories, value);
             }
         }
 
@@ -128,17 +72,52 @@ public ObservableCollection<Model> LatestStories
         /// <summary>
         /// Gets or sets the command that will be executed when the bookmark button is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the bookmark button is clicked.
         /// </summary>
@@ -148,12 +127,6 @@ private void BookmarkButtonClicked(object obj)
             if (obj is Model article)
             {
                 this.LatestStories.Remove(article);
-
-                if(this.LatestStories.Count == 0 )
-                {
-                    SfPopupView sfPopupView = new SfPopupView();
-                    sfPopupView.ShowPopUp(content: "No bookmarks here");
-                }
             }
         }
 
diff --git a/EssentialUIKit/ViewModels/Bookmarks/CartPageViewModel.cs b/EssentialUIKit/ViewModels/Bookmarks/CartPageViewModel.cs
index c38fb70e..c15b1f7b 100644
--- a/EssentialUIKit/ViewModels/Bookmarks/CartPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Bookmarks/CartPageViewModel.cs
@@ -1,11 +1,8 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Runtime.Serialization;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using System.Runtime.Serialization;
-using EssentialUIKit.Controls;
 
 namespace EssentialUIKit.ViewModels.Bookmarks
 {
@@ -27,20 +24,20 @@ public class CartPageViewModel : BaseViewModel
         private double discountPercent;
 
         private double percent;
-        
+
         private ObservableCollection<Product> produts;
-        
+
         private Command placeOrderCommand;
-        
+
         private Command removeCommand;
-        
+
         private Command quantitySelectedCommand;
-        
+
         private Command variantSelectedCommand;
-        
+
         private Command applyCouponCommand;
 
-        private Command backButtonCommand;
+        private Command itemTappedCommand;
 
         #endregion
 
@@ -56,15 +53,14 @@ public ObservableCollection<Product> CartDetails
                 return this.cartDetails;
             }
 
-            set
+            private set
             {
                 if (this.cartDetails == value)
                 {
                     return;
                 }
 
-                this.cartDetails = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cartDetails, value);
             }
         }
 
@@ -85,8 +81,7 @@ public double TotalPrice
                     return;
                 }
 
-                this.totalPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.totalPrice, value);
             }
         }
 
@@ -107,8 +102,7 @@ public double DiscountPrice
                     return;
                 }
 
-                this.discountPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPrice, value);
             }
         }
 
@@ -121,7 +115,7 @@ public double DiscountPercent
             {
                 return this.discountPercent;
             }
-        
+
             set
             {
                 if (this.discountPercent == value)
@@ -129,15 +123,13 @@ public double DiscountPercent
                     return;
                 }
 
-                this.discountPercent = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPercent, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that has been bound with list view, which displays the collection of products from json.
         /// </summary>
-
         [DataMember(Name = "products")]
         public ObservableCollection<Product> Products
         {
@@ -152,9 +144,9 @@ public ObservableCollection<Product> Products
                 {
                     return;
                 }
-                this.produts = value;
-                this.NotifyPropertyChanged();
-                this.GetProducts(Products);
+
+                this.SetProperty(ref this.produts, value);
+                this.GetProducts(this.Products);
                 this.UpdatePrice();
             }
         }
@@ -204,11 +196,14 @@ public Command ApplyCouponCommand
         }
 
         /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
+        /// Gets or sets the command that is executed when the item is selected.
         /// </summary>
-        public Command BackButtonCommand
+        public Command ItemTappedCommand
         {
-            get { return this.backButtonCommand ?? (this.backButtonCommand = new Command(this.BackButtonClicked)); }
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command(this.ItemSelected));
+            }
         }
 
         #endregion
@@ -234,12 +229,6 @@ private void RemoveClicked(object obj)
             {
                 this.CartDetails.Remove(product);
                 this.UpdatePrice();
-
-                if(this.CartDetails.Count == 0)
-                {
-                    SfPopupView sfPopupView = new SfPopupView();
-                    sfPopupView.ShowPopUp(content: "Your cart is empty!",buttonText:"CONTINUE SHOPPING");
-                }
             }
         }
 
@@ -249,13 +238,13 @@ private void RemoveClicked(object obj)
         /// <param name="selectedItem">The Object</param>
         private void QuantitySelected(object selectedItem)
         {
-            //Incident - 249030 - Issue in ComboBox Slection changed event.
+            // Incident - 249030 - Issue in ComboBox Slection changed event.
 
-            //var item = selectedItem as CartProduct;
+            // var item = selectedItem as CartProduct;
 
-            //this.UpdatePrice();
-            //item.ActualPrice = item.ActualPrice * item.TotalQuantity;
-            //item.DiscountPrice = item.DiscountPrice * item.TotalQuantity;
+            // this.UpdatePrice();
+            // item.ActualPrice = item.ActualPrice * item.TotalQuantity;
+            // item.DiscountPrice = item.DiscountPrice * item.TotalQuantity;
         }
 
         /// <summary>
@@ -277,10 +266,9 @@ private void ApplyCouponClicked(object obj)
         }
 
         /// <summary>
-        /// Invoked when an back button is clicked.
+        /// Invoked when item is clicked.
         /// </summary>
-        /// <param name="obj">The Object</param>
-        private void BackButtonClicked(object obj)
+        private void ItemSelected(object obj)
         {
             // Do something
         }
@@ -288,12 +276,14 @@ private void BackButtonClicked(object obj)
         /// <summary>
         /// This method is used to get the products from json.
         /// </summary>
-        /// <param name="Products">The Products</param>
-        private void GetProducts(ObservableCollection<Product> Products)
+        /// <param name="products">The Products</param>
+        private void GetProducts(ObservableCollection<Product> products)
         {
             this.CartDetails = new ObservableCollection<Product>();
-            if (Products != null && Products.Count > 0)
-                this.CartDetails = Products;
+            if (products != null && products.Count > 0)
+            {
+                this.CartDetails = products;
+            }
         }
 
         /// <summary>
@@ -308,9 +298,12 @@ private void UpdatePrice()
                 foreach (var cartDetail in this.CartDetails)
                 {
                     if (cartDetail.TotalQuantity == 0)
+                    {
                         cartDetail.TotalQuantity = 1;
-                    this.TotalPrice += (cartDetail.ActualPrice * cartDetail.TotalQuantity);
-                    this.DiscountPrice += (cartDetail.DiscountPrice * cartDetail.TotalQuantity);
+                    }
+
+                    this.TotalPrice += cartDetail.ActualPrice * cartDetail.TotalQuantity;
+                    this.DiscountPrice += cartDetail.DiscountPrice * cartDetail.TotalQuantity;
                     this.percent += cartDetail.DiscountPercent;
                 }
 
diff --git a/EssentialUIKit/ViewModels/Bookmarks/WishlistViewModel.cs b/EssentialUIKit/ViewModels/Bookmarks/WishlistViewModel.cs
index 6ffa3923..86827956 100644
--- a/EssentialUIKit/ViewModels/Bookmarks/WishlistViewModel.cs
+++ b/EssentialUIKit/ViewModels/Bookmarks/WishlistViewModel.cs
@@ -1,8 +1,5 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
-using EssentialUIKit.Controls;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -17,7 +14,7 @@ namespace EssentialUIKit.ViewModels.Bookmarks
     public class WishlistViewModel : BaseViewModel
     {
         #region Fields
-        
+
         private ObservableCollection<Product> wishlistDetails;
 
         private double totalPrice;
@@ -28,7 +25,7 @@ public class WishlistViewModel : BaseViewModel
 
         private double percent;
 
-        private int? cartItemCount = null;
+        private int? cartItemCount;
 
         private ObservableCollection<Product> produts;
 
@@ -40,14 +37,14 @@ public class WishlistViewModel : BaseViewModel
 
         private Command quantitySelectedCommand;
 
-        private Command backButtonCommand;
+        private Command itemTappedCommand;
 
         #endregion
 
         #region Public properties
 
         /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the wishlist details.
+        /// Gets the property that has been bound with a list view, which displays the wishlist details.
         /// </summary>
         public ObservableCollection<Product> WishlistDetails
         {
@@ -56,15 +53,14 @@ public ObservableCollection<Product> WishlistDetails
                 return this.wishlistDetails;
             }
 
-            set
+            private set
             {
                 if (this.wishlistDetails == value)
                 {
                     return;
                 }
 
-                this.wishlistDetails = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.wishlistDetails, value);
             }
         }
 
@@ -85,8 +81,7 @@ public double TotalPrice
                     return;
                 }
 
-                this.totalPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.totalPrice, value);
             }
         }
 
@@ -107,8 +102,7 @@ public double DiscountPrice
                     return;
                 }
 
-                this.discountPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPrice, value);
             }
         }
 
@@ -129,8 +123,7 @@ public double DiscountPercent
                     return;
                 }
 
-                this.discountPercent = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPercent, value);
             }
         }
 
@@ -146,8 +139,7 @@ public int? CartItemCount
 
             set
             {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cartItemCount, value);
             }
         }
 
@@ -169,8 +161,7 @@ public ObservableCollection<Product> Products
                     return;
                 }
 
-                this.produts = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.produts, value);
                 this.GetProducts(this.Products);
                 this.UpdatePrice();
             }
@@ -225,13 +216,13 @@ public Command QuantitySelectedCommand
         }
 
         /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
+        /// Gets the command that is executed when the item is selected.
         /// </summary>
-        public Command BackButtonCommand
+        public Command ItemTappedCommand
         {
             get
             {
-                return this.backButtonCommand ?? (this.backButtonCommand = new Command(this.BackButtonClicked));
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command(this.ItemSelected));
             }
         }
 
@@ -267,37 +258,23 @@ private void DeleteClicked(object obj)
             if (this.WishlistDetails.Count > 0)
             {
                 this.WishlistDetails.Remove(obj as Product);
-
-                if ( this.WishlistDetails.Count == 0 )
-                {
-                    SfPopupView sfPopupView = new SfPopupView();
-                    sfPopupView.ShowPopUp(content: "Your wishlist is empty!", buttonText: "START SHOPPING");
-                }
             }
         }
 
         /// <summary>
-        /// Invoked when an back button is clicked.
+        /// Invoked when the quantity is selected.
         /// </summary>
-        /// <param name="obj">The Object</param>
-        private void BackButtonClicked(object obj)
+        /// <param name="selectedItem">The Object</param>
+        private void QuantitySelected(object selectedItem)
         {
-            // Do something
         }
 
-
         /// <summary>
-        /// Invoked when the quantity is selected.
+        /// Invoked when item is clicked.
         /// </summary>
-        /// <param name="selectedItem">The Object</param>
-        private void QuantitySelected(object selectedItem)
+        private void ItemSelected(object obj)
         {
-            // Incident - 249030 - Issue in ComboBox Slection changed event.
-
-            // var item = selectedItem as Product;
-            // this.UpdatePrice();
-            // item.ActualPrice = item.ActualPrice * item.TotalQuantity;
-            // item.DiscountPrice = item.DiscountPrice * item.TotalQuantity;
+            // Do something
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Catalog/ArticleCardViewModel.cs b/EssentialUIKit/ViewModels/Catalog/ArticleCardViewModel.cs
new file mode 100644
index 00000000..d32679dc
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Catalog/ArticleCardViewModel.cs
@@ -0,0 +1,176 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Model = EssentialUIKit.Models.Story;
+
+namespace EssentialUIKit.ViewModels.Catalog
+{
+    /// <summary>
+    /// ViewModel for Article card type page.
+    /// </summary> 
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class ArticleCardViewModel : BaseViewModel
+    {
+        #region fields
+
+        private static ArticleCardViewModel articleCardViewModel;
+
+        private Command bookmarkCommand;
+
+        private Command addFavouriteCommand;
+
+        private Command shareCommand;
+
+        private Command itemTappedCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="ArticleCardViewModel" />
+        /// </summary>
+        public ArticleCardViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of article card view model.
+        /// </summary>
+        public static ArticleCardViewModel BindingContext =>
+            articleCardViewModel = PopulateData<ArticleCardViewModel>("catalog.json");
+
+        /// <summary>
+        /// Gets or sets a collction of value to be displayed in articles card page.
+        /// </summary>
+        [DataMember(Name = "articles")]
+        public ObservableCollection<Model> Articles { get; set; }
+
+        #endregion
+
+        #region commands
+
+        /// <summary>
+        /// Gets the command is executed when the bookmark button is clicked.
+        /// </summary>
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the favourite button is clicked.
+        /// </summary>
+        public Command AddFavouriteCommand
+        {
+            get
+            {
+                return this.addFavouriteCommand ?? (this.addFavouriteCommand = new Command(this.FavouriteButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the share button is clicked.
+        /// </summary>
+        public Command ShareCommand
+        {
+            get
+            {
+                return this.shareCommand ?? (this.shareCommand = new Command(this.ShareButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the item  is clicked.
+        /// </summary>
+        public Command ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command(this.NavigateToNextPage));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when an item is selected from the articles card list page.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void NavigateToNextPage(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the favourite button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void FavouriteButtonClicked(object obj)
+        {
+            if (obj != null && (obj is Model))
+            {
+                (obj as Model).IsFavourite = (obj as Model).IsFavourite ? false : true;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when the bookmark button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void BookmarkButtonClicked(object obj)
+        {
+            if (obj != null && (obj is Model))
+            {
+                (obj as Model).IsBookmarked = (obj as Model).IsBookmarked ? false : true;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when the share button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void ShareButtonClicked(object obj)
+        {
+            // Do Something.
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Catalog/ArticleListViewModel.cs b/EssentialUIKit/ViewModels/Catalog/ArticleListViewModel.cs
index 95c48829..03ca2d71 100644
--- a/EssentialUIKit/ViewModels/Catalog/ArticleListViewModel.cs
+++ b/EssentialUIKit/ViewModels/Catalog/ArticleListViewModel.cs
@@ -1,9 +1,10 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Catalog
 {
@@ -11,10 +12,21 @@ namespace EssentialUIKit.ViewModels.Catalog
     /// ViewModel for article list page.
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ArticleListViewModel : BaseViewModel
     {
         #region Fields
 
+        private static ArticleListViewModel articleListViewModel;
+
+        private Command menuCommand;
+
+        private Command bookmarkCommand;
+
+        private Command featureStoriesCommand;
+
+        private Command itemSelectedCommand;
+
         private ObservableCollection<Model> featuredStories;
 
         private ObservableCollection<Model> latestStories;
@@ -22,102 +34,28 @@ public class ArticleListViewModel : BaseViewModel
         #endregion
 
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance for the <see cref="ArticleListViewModel" /> class.
         /// </summary>
-        public ArticleListViewModel()
+        static ArticleListViewModel()
         {
-            this.FeaturedStories = new ObservableCollection<Model>
-            {
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage2.png",
-                    Name = "Learning to Reset",
-                    Author = "John Doe",
-                    Date = "Aug 2010",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage3.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage4.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "May 2012",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage5.png",
-                    Name = "Be a Nurturing, Fierce Team Leader",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage6.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Dec 2013",
-                    AverageReadingTime = "5 mins read"
-                }
-            };
-
-            this.LatestStories = new ObservableCollection<Model>
-            {
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image1.png",
-                    Name = "Learning to Reset",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image2.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "May 26",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image3.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "Apr 10",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "Article_image4.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },               
-            };
-
-            this.MenuCommand = new Command(this.MenuClicked);
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.FeatureStoriesCommand = new Command(this.FeatureStoriesClicked);
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
         }
+
         #endregion
 
         #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the value of article list view model.
+        /// </summary>
+        public static ArticleListViewModel BindingContext =>
+            articleListViewModel = PopulateData<ArticleListViewModel>("catalog.json");
+
         /// <summary>
         /// Gets or sets the property that has been bound with the rotator view, which displays the articles featured stories items.
         /// </summary>
+        [DataMember(Name = "featuredStories")]
         public ObservableCollection<Model> FeaturedStories
         {
             get
@@ -132,14 +70,14 @@ public ObservableCollection<Model> FeaturedStories
                     return;
                 }
 
-                this.featuredStories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.featuredStories, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that has been bound with the list view, which displays the articles latest stories items.
         /// </summary>
+        [DataMember(Name = "latestStories")]
         public ObservableCollection<Model> LatestStories
         {
             get
@@ -154,10 +92,10 @@ public ObservableCollection<Model> LatestStories
                     return;
                 }
 
-                this.latestStories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.latestStories, value);
             }
         }
+
         #endregion
 
         #region Command
@@ -165,27 +103,74 @@ public ObservableCollection<Model> LatestStories
         /// <summary>
         /// Gets or sets the command that will be executed when the menu button is clicked.
         /// </summary>
-        public Command MenuCommand { get; set; }
+        public Command MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command(this.MenuClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the bookmark button is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will executed when the feature stories item is clicked.
         /// </summary>
-        public Command FeatureStoriesCommand { get; set; }
+        public Command FeatureStoriesCommand
+        {
+            get
+            {
+                return this.featureStoriesCommand ?? (this.featureStoriesCommand = new Command(this.FeatureStoriesClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the menu button is clicked.
         /// </summary>
@@ -194,7 +179,7 @@ private void MenuClicked(object obj)
         {
             // Do something
         }
-        
+
         /// <summary>
         /// Invoked when the bookmark button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/Catalog/CatalogPageViewModel.cs b/EssentialUIKit/ViewModels/Catalog/CatalogPageViewModel.cs
index ca83f378..7e2fe8a0 100644
--- a/EssentialUIKit/ViewModels/Catalog/CatalogPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Catalog/CatalogPageViewModel.cs
@@ -1,9 +1,6 @@
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
-using Syncfusion.ListView.XForms;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -33,7 +30,7 @@ public class CatalogPageViewModel : BaseViewModel
 
         private Command addToCartCommand;
 
-        public Command cardItemCommand;
+        private Command cardItemCommand;
 
         private string cartItemCount;
 
@@ -54,8 +51,8 @@ public CatalogPageViewModel()
                     SubCategories = new List<string>
                     {
                         "Men",
-                        "Women"
-                    }
+                        "Women",
+                    },
                 },
                 new Category
                 {
@@ -63,8 +60,8 @@ public CatalogPageViewModel()
                     SubCategories = new List<string>
                     {
                         "Brand A",
-                        "Brand B"
-                    }
+                        "Brand B",
+                    },
                 },
                 new Category
                 {
@@ -72,8 +69,8 @@ public CatalogPageViewModel()
                     SubCategories = new List<string>
                     {
                         "Category A",
-                        "Category B"
-                    }
+                        "Category B",
+                    },
                 },
                 new Category
                 {
@@ -81,8 +78,8 @@ public CatalogPageViewModel()
                     SubCategories = new List<string>
                     {
                         "Maroon",
-                        "Pink"
-                    }
+                        "Pink",
+                    },
                 },
                 new Category
                 {
@@ -91,40 +88,40 @@ public CatalogPageViewModel()
                     {
                         "Above 3000",
                         "1000 to 3000",
-                        "Below 1000"
-                    }
+                        "Below 1000",
+                    },
                 },
                 new Category
                 {
                     Name = "Size",
                     SubCategories = new List<string>
                     {
-                        "S", "M", "L", "XL", "XXL"
-                    }
+                        "S", "M", "L", "XL", "XXL",
+                    },
                 },
                 new Category
                 {
                     Name = "Patterns",
                     SubCategories = new List<string>
                     {
-                        "Pattern 1", "Pattern 2"
-                    }
+                        "Pattern 1", "Pattern 2",
+                    },
                 },
                 new Category
                 {
                     Name = "Offers",
                     SubCategories = new List<string>
                     {
-                        "Buy 1 Get 1", "Buy 1 Get 2"
-                    }
+                        "Buy 1 Get 1", "Buy 1 Get 2",
+                    },
                 },
                 new Category
                 {
                     Name = "Coupons",
                     SubCategories = new List<string>
                     {
-                        "Coupon 1", "Coupon 2"
-                    }
+                        "Coupon 1", "Coupon 2",
+                    },
                 },
             };
 
@@ -134,7 +131,7 @@ public CatalogPageViewModel()
                 "Price - high to low",
                 "Price - Low to High",
                 "Popularity",
-                "Discount"
+                "Discount",
             };
         }
 
@@ -145,7 +142,7 @@ public CatalogPageViewModel()
         /// <summary>
         /// Gets or sets the property that has been bound with a list view, which displays the item details in tile.
         /// </summary>
-        [DataMember(Name="products")]
+        [DataMember(Name = "products")]
         public ObservableCollection<Product> Products
         {
             get; set;
@@ -161,15 +158,14 @@ public ObservableCollection<Category> FilterOptions
                 return this.filterOptions;
             }
 
-            set
+            private set
             {
                 if (this.filterOptions == value)
                 {
                     return;
                 }
 
-                this.filterOptions = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.filterOptions, value);
             }
         }
 
@@ -183,15 +179,14 @@ public ObservableCollection<string> SortOptions
                 return this.sortOptions;
             }
 
-            set
+            private set
             {
                 if (this.sortOptions == value)
                 {
                     return;
                 }
 
-                this.sortOptions = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.sortOptions, value);
             }
         }
 
@@ -204,10 +199,10 @@ public string CartItemCount
             {
                 return this.cartItemCount;
             }
+
             set
             {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cartItemCount, value);
             }
         }
 
@@ -304,7 +299,9 @@ private void FilterClicked(object obj)
         private void AddFavouriteClicked(object obj)
         {
             if (obj is Product product)
+            {
                 product.IsFavourite = !product.IsFavourite;
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Catalog/CategoryPageViewModel.cs b/EssentialUIKit/ViewModels/Catalog/CategoryPageViewModel.cs
index 4fe575b8..66852666 100644
--- a/EssentialUIKit/ViewModels/Catalog/CategoryPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Catalog/CategoryPageViewModel.cs
@@ -1,11 +1,5 @@
-using System.Collections.Generic;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
-using System.Threading.Tasks;
-using Syncfusion.ListView.XForms;
-using Syncfusion.ListView.XForms.Control.Helpers;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -23,13 +17,9 @@ public class CategoryPageViewModel : BaseViewModel
 
         private ObservableCollection<Category> categories;
 
-        public Command categorySelectedCommand;
+        private Command categorySelectedCommand;
 
-        public Command expandingCommand;
-
-        public Command notificationCommand;
-
-        private Command backButtonCommand;
+        private Command notificationCommand;
 
         #endregion
 
@@ -41,7 +31,11 @@ public class CategoryPageViewModel : BaseViewModel
         [DataMember(Name = "categories")]
         public ObservableCollection<Category> Categories
         {
-            get { return this.categories; }
+            get
+            {
+                return this.categories;
+            }
+
             set
             {
                 if (this.categories == value)
@@ -49,8 +43,7 @@ public ObservableCollection<Category> Categories
                     return;
                 }
 
-                this.categories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.categories, value);
             }
         }
 
@@ -59,27 +52,19 @@ public ObservableCollection<Category> Categories
         #region Command
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the Category is selected.
+        /// Gets the command that will be executed when the Category is selected.
         /// </summary>
         public Command CategorySelectedCommand
         {
-            get { return categorySelectedCommand ?? (categorySelectedCommand = new Command(CategorySelected)); }
+            get { return this.categorySelectedCommand ?? (this.categorySelectedCommand = new Command(this.CategorySelected)); }
         }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the Notification button is clicked.
+        /// Gets the command that will be executed when the Notification button is clicked.
         /// </summary>
         public Command NotificationCommand
         {
-            get { return notificationCommand ?? (notificationCommand = new Command(this.NotificationClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
-        /// </summary>
-        public Command BackButtonCommand
-        { 
-          get { return backButtonCommand ?? (this.backButtonCommand = new Command(this.BackButtonClicked)); }
+            get { return this.notificationCommand ?? (this.notificationCommand = new Command(this.NotificationClicked)); }
         }
 
         #endregion
@@ -92,7 +77,7 @@ public Command BackButtonCommand
         /// <param name="obj">The Object</param>
         private void CategorySelected(object obj)
         {
-            //Do Something
+            // Do Something
         }
 
         /// <summary>
@@ -104,15 +89,6 @@ private void NotificationClicked(object obj)
             // Do something
         }
 
-        /// <summary>
-        /// Invoked when an back button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void BackButtonClicked(object obj)
-        {
-            // Do something
-        }
-
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Catalog/EventListViewModel.cs b/EssentialUIKit/ViewModels/Catalog/EventListViewModel.cs
new file mode 100644
index 00000000..1347abf4
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Catalog/EventListViewModel.cs
@@ -0,0 +1,287 @@
+using System.Collections.Generic;
+using System.Linq;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models.Catalog;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Catalog
+{
+    /// <summary>
+    /// ViewModel for event list page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class EventListViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static EventListViewModel eventListViewModel;
+
+        private List<EventList> eventItems;
+
+        private List<EventList> popularEventItems;
+
+        private List<EventList> upcomingEventItems;
+
+        private int selectedIndex;
+
+        private string searchText;
+
+        private string allListSearchText;
+
+        private string upcomingListSearchText;
+
+        private string popularListSearchText;
+
+        private Command menuCommand;
+
+        private Command itemTappedCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="EventListViewModel" /> class.
+        /// </summary>
+        public EventListViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of event list view model.
+        /// </summary>
+        public static EventListViewModel BindingContext =>
+            eventListViewModel = PopulateData<EventListViewModel>("catalog.json");
+
+        /// <summary>
+        /// Gets or sets the event items collection.
+        /// </summary>
+        [DataMember(Name = "eventItems")]
+        public List<EventList> EventItems
+        {
+            get
+            {
+                return this.eventItems;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.eventItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the upcoming events collection.
+        /// </summary>
+        public List<EventList> UpcomingEventItems
+        {
+            get
+            {
+                return this.upcomingEventItems = this.EventItems.Where(item => item.IsUpcoming == true).ToList();
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.upcomingEventItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the popular events collection.
+        /// </summary>
+        public List<EventList> PopularEventItems
+        {
+            get
+            {
+                return this.popularEventItems = this.EventItems.Where(item => item.IsPopular == true).ToList();
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.popularEventItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected index of the event.
+        /// </summary>
+        public int SelectedIndex
+        {
+            get
+            {
+                return this.selectedIndex;
+            }
+
+            set
+            {
+                this.selectedIndex = value;
+                this.SearchText = string.Empty;
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the search text in the event.
+        /// </summary>
+        public string SearchText
+        {
+            get
+            {
+                return this.searchText;
+            }
+
+            set
+            {
+                this.UpdateSelectedText();
+                this.SetProperty(ref this.searchText, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the all list search text in the collection.
+        /// </summary>
+        public string AllListSearchText
+        {
+            get
+            {
+                return this.allListSearchText;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.allListSearchText, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the upcoming list search text in the collection.
+        /// </summary>
+        public string UpcomingListSearchText
+        {
+            get
+            {
+                return this.upcomingListSearchText;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.upcomingListSearchText, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the popular list search text collection.
+        /// </summary>
+        public string PopularListSearchText
+        {
+            get
+            {
+                return this.popularListSearchText;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.popularListSearchText, value);
+            }
+        }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command that is executed when the item is selected.
+        /// </summary>
+        public Command ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command(this.ItemSelected));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the menu button is clicked.
+        /// </summary>
+        public Command MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command(this.MenuButtonClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when item is clicked.
+        /// </summary>
+        private void ItemSelected(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when menu button is changed.
+        /// </summary>
+        private void MenuButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when search text is changed.
+        /// </summary>
+        private void UpdateSelectedText()
+        {
+            switch (this.selectedIndex)
+            {
+                case 0:
+                    this.AllListSearchText = this.searchText;
+                    break;
+
+                case 1:
+                    this.UpcomingListSearchText = this.searchText;
+                    break;
+
+                case 2:
+                    this.PopularListSearchText = this.searchText;
+                    break;
+            }
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Catalog/NavigationTravelPageViewModel.cs b/EssentialUIKit/ViewModels/Catalog/NavigationTravelPageViewModel.cs
new file mode 100644
index 00000000..be021924
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Catalog/NavigationTravelPageViewModel.cs
@@ -0,0 +1,303 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Model = EssentialUIKit.Models.Catalog.Travel;
+
+namespace EssentialUIKit.ViewModels.Catalog
+{
+    /// <summary>
+    /// ViewModel for navigation travel page.
+    /// </summary> 
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class NavigationTravelPageViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static NavigationTravelPageViewModel navigationTravelPageViewModel;
+
+        private ObservableCollection<Model> travelPlaces;
+
+        private ObservableCollection<Model> topDestinations;
+
+        private ObservableCollection<Model> bestPlaces;
+
+        private Command addFavouriteCommand;
+
+        private Command selectionCommand;
+
+        private int selectedIndex;
+
+        private Command viewAllCommand;
+
+        private Command travelPlacesCommand;
+
+        private Command topDestinationsCommand;
+
+        private Command bestPlacesCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="NavigationTravelPageViewModel" /> class.
+        /// </summary>
+        static NavigationTravelPageViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the value of navigation travel page view model.
+        /// </summary>
+        public static NavigationTravelPageViewModel BindingContext =>
+            navigationTravelPageViewModel = PopulateData<NavigationTravelPageViewModel>("catalog.json");
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with the rotator view, which displays the travel places and details.
+        /// </summary>
+        [DataMember(Name = "travelPlacesList")]
+        public ObservableCollection<Model> TravelPlaces
+        {
+            get
+            {
+                return this.travelPlaces;
+            }
+
+            set
+            {
+                if (this.travelPlaces == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.travelPlaces, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property which displays top destinations, details and price.
+        /// </summary>
+        [DataMember(Name = "topDestinationsList")]
+        public ObservableCollection<Model> TopDestinations
+        {
+            get
+            {
+                return this.topDestinations;
+            }
+
+            set
+            {
+                if (this.topDestinations == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.topDestinations, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property which displays the names and images of best places.
+        /// </summary>
+        [DataMember(Name = "bestPlacesList")]
+        public ObservableCollection<Model> BestPlaces
+        {
+            get
+            {
+                return this.bestPlaces;
+            }
+
+            set
+            {
+                if (this.bestPlaces == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.bestPlaces, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected index of the rotator.
+        /// </summary>
+        public int SelectedIndex
+        {
+            get { return this.selectedIndex; }
+
+            set
+            {
+                if (this.selectedIndex == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.selectedIndex, value);
+            }
+        }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets or sets the command that will executed when the travel places item is clicked.
+        /// </summary>
+        public Command TravelPlacesCommand
+        {
+            get
+            {
+                return this.travelPlacesCommand ?? (this.travelPlacesCommand = new Command(this.TravelPlacesClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command that will executed when the top destinations item is clicked.
+        /// </summary>
+        public Command TopDestinationsCommand
+        {
+            get
+            {
+                return this.topDestinationsCommand ?? (this.topDestinationsCommand = new Command(this.TopDestinationsClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command that will executed when the best places item is clicked.
+        /// </summary>
+        public Command BestPlacesCommand
+        {
+            get
+            {
+                return this.bestPlacesCommand ?? (this.bestPlacesCommand = new Command(this.BestPlacesClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command that will be executed when the favourite button is clicked.
+        /// </summary>
+        public Command AddFavouriteCommand
+        {
+            get
+            {
+                return this.addFavouriteCommand ?? (this.addFavouriteCommand = new Command(this.AddFavouriteClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command that will be executed when carousel view item is swiped.
+        /// </summary> 
+        public Command SelectionCommand
+        {
+            get
+            {
+                return this.selectionCommand ?? (this.selectionCommand = new Command(this.SelectionClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command that will be executed when ViewAll Command is tapped.
+        /// </summary>
+        public Command ViewAllCommand
+        {
+            get
+            {
+                return this.viewAllCommand ?? (this.viewAllCommand = new Command(this.ViewAllClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the the travel places item is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void TravelPlacesClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the the top destinations item is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void TopDestinationsClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the the best places item is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void BestPlacesClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the favourite button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void AddFavouriteClicked(object obj)
+        {
+            if (obj is Model travel)
+            {
+                travel.IsFavourite = !travel.IsFavourite;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when carousel view item is swiped.
+        /// </summary>
+        /// <param name="obj">The rotator item</param>
+        private void SelectionClicked(object obj)
+        {
+            this.SelectedIndex = this.TravelPlaces.IndexOf(obj);
+        }
+
+        /// <summary>
+        /// Invoked when ViewAll item is clicked.
+        /// </summary>
+        /// <param name="obj">The rotator item</param>
+        private void ViewAllClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Catalog/ProductHomePageViewModel.cs b/EssentialUIKit/ViewModels/Catalog/ProductHomePageViewModel.cs
index e8f7b12e..e48cce9d 100644
--- a/EssentialUIKit/ViewModels/Catalog/ProductHomePageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Catalog/ProductHomePageViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
@@ -27,6 +25,10 @@ public class ProductHomePageViewModel : BaseViewModel
 
         private string bannerImage;
 
+        private Command viewAllCommand;
+
+        private Command notificationButtonCommand;
+
         #endregion
 
         #region Public properties
@@ -37,7 +39,7 @@ public class ProductHomePageViewModel : BaseViewModel
         [DataMember(Name = "bannerimage")]
         public string BannerImage
         {
-            get { return App.BaseImageUrl + this.bannerImage; }
+            get { return App.ImageServerPath + this.bannerImage; }
             set { this.bannerImage = value; }
         }
 
@@ -59,11 +61,10 @@ public ObservableCollection<Product> NewArrivalProducts
                     return;
                 }
 
-                this.newArrivalProduts = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.newArrivalProduts, value);
             }
         }
-        
+
         /// <summary>
         /// Gets or sets the property that has been bound with list view, which displays the collection of products from json.
         /// </summary>
@@ -82,8 +83,7 @@ public ObservableCollection<Product> OfferProducts
                     return;
                 }
 
-                this.offerProduts = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.offerProduts, value);
             }
         }
 
@@ -105,8 +105,7 @@ public ObservableCollection<Product> RecommendedProducts
                     return;
                 }
 
-                this.recommendedProduts = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.recommendedProduts, value);
             }
         }
 
@@ -125,6 +124,28 @@ public Command ItemSelectedCommand
             }
         }
 
+        /// <summary>
+        /// Gets the command that is executed when the view all button is clicked.
+        /// </summary>
+        public Command ViewAllCommand
+        {
+            get
+            {
+                return this.viewAllCommand ?? (this.viewAllCommand = new Command(this.ViewAllClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when notification button is selected.
+        /// </summary>
+        public Command NotificationButtonCommand
+        {
+            get
+            {
+                return this.notificationButtonCommand ?? (this.notificationButtonCommand = new Command(this.NotificationButtonClicked));
+            }
+        }
+
         #endregion
 
         #region Methods
@@ -138,6 +159,24 @@ private void ItemSelected(object attachedObject)
             // Do something
         }
 
+        /// <summary>
+        /// Invoked when an view all is selected.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void ViewAllClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when an notification icon is selected.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void NotificationButtonClicked(object obj)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Chat/ChatMessageViewModel.cs b/EssentialUIKit/ViewModels/Chat/ChatMessageViewModel.cs
index 95cea530..61fbd505 100644
--- a/EssentialUIKit/ViewModels/Chat/ChatMessageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Chat/ChatMessageViewModel.cs
@@ -1,7 +1,8 @@
 using System;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models.Chat;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -12,58 +13,60 @@ namespace EssentialUIKit.ViewModels.Chat
     /// ViewModel for chat message page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ChatMessageViewModel : BaseViewModel
     {
         #region Fields
 
-        /// <summary>
-        /// Stores the message text in an array. 
-        /// </summary>
-        private readonly string[] descriptions = { "Hi, can you tell me the specifications of the Dell Inspiron 5370 laptop?",
-            " * Processor: Intel Core i5-8250U processor " +
-            "\n" + " * OS: Pre-loaded Windows 10 with lifetime validity" +
-            "\n" + " * Display: 13.3-inch FHD (1920 x 1080) LED display" +
-            "\n" + " * Memory: 8GB DDR RAM with Intel UHD 620 Graphics" +
-            "\n" + " * Battery: Lithium battery",
-            "How much battery life does it have with wifi and without?",
-            "Approximately 5 hours with wifi. About 7 hours without.",
-        };
-
-        private string profileName = "Alex Russell";
+        private static ChatMessageViewModel chatMessageViewModel;
+
+        private string profileName;
 
         private string newMessage;
 
-        private string profileImage = App.BaseImageUrl + "ProfileImage3.png";
+        private string profileImage;
 
         private ObservableCollection<ChatMessage> chatMessageInfo = new ObservableCollection<ChatMessage>();
-                
+
+        private Command makeVoiceCall;
+
+        private Command makeVideoCall;
+
+        private Command menuCommand;
+
+        private Command showCamera;
+
+        private Command sendAttachment;
+
+        private Command sendCommand;
+
+        private Command profileCommand;
+
         #endregion
 
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance of the <see cref="ChatMessageViewModel" /> class.
         /// </summary>
         public ChatMessageViewModel()
         {
-            this.MakeVoiceCall = new Command(this.VoiceCallClicked);
-            this.MakeVideoCall = new Command(this.VideoCallClicked);
-            this.MenuCommand = new Command(this.MenuClicked);
-            this.ShowCamera = new Command(this.CameraClicked);
-            this.SendAttachment = new Command(this.AttachmentClicked);
-            this.SendCommand = new Command(this.SendClicked);
-            this.BackCommand = new Command(this.BackButtonClicked);
-            this.ProfileCommand = new Command(this.ProfileClicked);
-
-            this.GenerateMessageInfo();
         }
 
         #endregion
 
         #region Public Properties
 
+        /// <summary>
+        /// Gets or sets the value of Chat message view model.
+        /// </summary>
+        public static ChatMessageViewModel BindingContext =>
+            chatMessageViewModel = PopulateData<ChatMessageViewModel>("chat.json");
+
         /// <summary>
         /// Gets or sets the profile name.
         /// </summary>
+        [DataMember(Name = "profileName")]
         public string ProfileName
         {
             get
@@ -73,31 +76,31 @@ public string ProfileName
 
             set
             {
-                this.profileName = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.profileName, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
+        [DataMember(Name = "image")]
         public string ProfileImage
         {
             get
             {
-                return this.profileImage;
+                return App.ImageServerPath + this.profileImage;
             }
 
             set
             {
-                this.profileImage = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.profileImage, value);
             }
         }
 
         /// <summary>
         /// Gets or sets a collection of chat messages.
         /// </summary>
+        [DataMember(Name = "chatMessageInfo")]
         public ObservableCollection<ChatMessage> ChatMessageInfo
         {
             get
@@ -107,8 +110,7 @@ public ObservableCollection<ChatMessage> ChatMessageInfo
 
             set
             {
-                this.chatMessageInfo = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.chatMessageInfo, value);
             }
         }
 
@@ -124,8 +126,7 @@ public string NewMessage
 
             set
             {
-                this.newMessage = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.newMessage, value);
             }
         }
 
@@ -134,86 +135,95 @@ public string NewMessage
         #region Commands
 
         /// <summary>
-        /// Gets or sets the command that is executed when the profile name is clicked.
-        /// </summary>
-        public Command ProfileCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the voice call button is clicked.
+        /// Gets the command that is executed when the profile name is clicked.
         /// </summary>
-        public Command MakeVoiceCall { get; set; }
+        public Command ProfileCommand
+        {
+            get { return this.profileCommand ?? (this.profileCommand = new Command(this.ProfileClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the video call button is clicked.
+        /// Gets the command that is executed when the voice call button is clicked.
         /// </summary>
-        public Command MakeVideoCall { get; set; }
+        public Command MakeVoiceCall
+        {
+            get { return this.makeVoiceCall ?? (this.makeVoiceCall = new Command(this.VoiceCallClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the menu button is clicked.
+        /// Gets the command that is executed when the video call button is clicked.
         /// </summary>
-        public Command MenuCommand { get; set; }
+        public Command MakeVideoCall
+        {
+            get { return this.makeVideoCall ?? (this.makeVideoCall = new Command(this.VideoCallClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the camera button is clicked.
+        /// Gets the command that is executed when the menu button is clicked.
         /// </summary>
-        public Command ShowCamera { get; set; }
+        public Command MenuCommand
+        {
+            get { return this.menuCommand ?? (this.menuCommand = new Command(this.MenuClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the attachment button is clicked.
+        /// Gets the command that is executed when the camera button is clicked.
         /// </summary>
-        public Command SendAttachment { get; set; }
+        public Command ShowCamera
+        {
+            get { return this.showCamera ?? (this.showCamera = new Command(this.CameraClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the send button is clicked.
+        /// Gets the command that is executed when the attachment button is clicked.
         /// </summary>
-        public Command SendCommand { get; set; }
+        public Command SendAttachment
+        {
+            get { return this.sendAttachment ?? (this.sendAttachment = new Command(this.AttachmentClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the back button is clicked.
+        /// Gets the command that is executed when the send button is clicked.
         /// </summary>
-        public Command BackCommand { get; set; }
+        public Command SendCommand
+        {
+            get { return this.sendCommand ?? (this.sendCommand = new Command(this.SendClicked)); }
+        }
 
         #endregion
-        
+
         #region Methods
 
         /// <summary>
-        /// Initializes a collection and add it to the message items.
+        /// Populates the data for view model from json file.
         /// </summary>
-        private void GenerateMessageInfo()
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
         {
-            var currentTime = DateTime.Now;
-            this.ChatMessageInfo = new ObservableCollection<ChatMessage>
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
             {
-                new ChatMessage
-                {
-                    Message = this.descriptions[0],
-                    Time = currentTime.AddMinutes(-2517),
-                    IsReceived = true,
-                },
-                new ChatMessage
-                {
-                    Message = this.descriptions[1],
-                    Time = currentTime.AddMinutes(-2408),
-                },
-                new ChatMessage
-                {
-                    ImagePath = App.BaseImageUrl + "Electronics.png",                    
-                    Time = currentTime.AddMinutes(-2405),
-                },
-                new ChatMessage
-                {
-                    Message = this.descriptions[2],
-                    Time = currentTime.AddMinutes(-1103),
-                    IsReceived = true,
-                },
-                new ChatMessage
-                {
-                    Message = this.descriptions[3],
-                    Time = currentTime.AddMinutes(-1006),
-                },
-            };
-        }   
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the Profile name is clicked.
+        /// </summary>
+        private void ProfileClicked(object obj)
+        {
+            // Do something
+        }
 
         /// <summary>
         /// Invoked when the voice call button is clicked.
@@ -271,30 +281,13 @@ private void SendClicked(object obj)
                 this.ChatMessageInfo.Add(new ChatMessage
                 {
                     Message = this.NewMessage,
-                    Time = DateTime.Now
+                    Time = DateTime.Now,
                 });
             }
 
             this.NewMessage = null;
         }
 
-        /// <summary>
-        /// Invoked when the back button is clicked.
-        /// </summary>
-        /// <param name="obj">The object</param>
-        private void BackButtonClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the Profile name is clicked.
-        /// </summary>
-        private void ProfileClicked(object obj)
-        {
-            // Do something
-        }
-
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Chat/RecentChatViewModel.cs b/EssentialUIKit/ViewModels/Chat/RecentChatViewModel.cs
index 65423adf..4f076a8f 100644
--- a/EssentialUIKit/ViewModels/Chat/RecentChatViewModel.cs
+++ b/EssentialUIKit/ViewModels/Chat/RecentChatViewModel.cs
@@ -1,6 +1,7 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models.Chat;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -11,206 +12,71 @@ namespace EssentialUIKit.ViewModels.Chat
     /// View model for recent chat page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class RecentChatViewModel : BaseViewModel
     {
         #region Fields
 
+        private static RecentChatViewModel recentChatViewModel;
+
         private ObservableCollection<ChatDetail> chatItems;
 
-        private string profileImage = App.BaseImageUrl + "ProfileImage1.png";
+        private string profileImage;
 
         private Command itemSelectedCommand;
 
+        private Command makeVoiceCallCommand;
+
+        private Command makeVideoCallCommand;
+
+        private Command showSettingsCommand;
+
+        private Command menuCommand;
+
+        private Command profileImageCommand;
+
         #endregion
 
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance of the <see cref="RecentChatViewModel" /> class.
         /// </summary>
         public RecentChatViewModel()
         {
-            this.ChatItems = new ObservableCollection<ChatDetail>
-            {
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage2.png",
-                    SenderName = "Alice Russell",
-                    MessageType = "Text",
-                    Message = "https://app.syncfusion",
-                    Time = "15 min",
-                    NotificationType = "New"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage3.png",
-                    SenderName = "Danielle Schneider",
-                    MessageType = "Audio",
-                    Time = "23 min",
-                    AvailableStatus = "Available",
-                    NotificationType = "Viewed"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage4.png",
-                    SenderName = "Jessica Park",
-                    MessageType = "Text",
-                    Message = "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
-                    Time = "1 hr",
-                    NotificationType = "New"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage5.png",
-                    SenderName = "Julia Grant",
-                    MessageType = "Video",
-                    Time = "3 hr",
-                    AvailableStatus = "Available",
-                    NotificationType = "Received"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage6.png",
-                    SenderName = "kyle Greene",
-                    MessageType = "Contact",
-                    Message = "Jhone Deo Sync",
-                    Time = "Yesterday",
-                    NotificationType = "Viewed"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage7.png",
-                    SenderName = "Danielle Booker",
-                    MessageType = "Text",
-                    Message = "Val Geisier is a writer who",
-                    Time = "Jan 30",
-                    AvailableStatus = "Available",
-                    NotificationType = "Sent"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage8.png",
-                    SenderName = "Jazmine Simmons",
-                    MessageType = "Text",
-                    Message = "Contrary to popular belief, Lorem Ipsum is not simply random text." +
-                              "It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.",
-                    Time = "12/8/2018",
-                    NotificationType = "Sent"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage9.png",
-                    SenderName = "Ira Membrit",
-                    MessageType = "Photo",
-                    Time = "8/8/2018",
-                    AvailableStatus = "Available",
-                    NotificationType = "Viewed"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage10.png",
-                    MessageType = "Text",
-                    Message = "A customer who bought your",
-                    SenderName = "Serina Willams",
-                    Time = "10/6/2018",
-                    NotificationType = "Sent"
-                },
-                 new ChatDetail
-                 {
-                    ImagePath = App.BaseImageUrl + "ProfileImage11.png",
-                    SenderName = "Alise Valasquez",
-                    MessageType = "Text",
-                    Message = "Syncfusion components help you deliver applications with great user experiences across iOS, Android, and Universal Windows Platform from a single code base.",
-                    Time = "2/5/2018",
-                    NotificationType = "New"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage12.png",
-                    SenderName = "Allie Bellew",
-                    MessageType = "Audio",
-                    Time = "24/4/2018",
-                    AvailableStatus = "Available",
-                    NotificationType = "Viewed"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage13.png",
-                    SenderName = "Navya Sharma",
-                    MessageType = "Text",
-                    Message = "https://www.syncfusion.com",
-                    Time = "10/4/2018",
-                    NotificationType = "New"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage14.png",
-                    SenderName = "Carly Ling",
-                    MessageType = "Video",
-                    Time = "22/3/2018",
-                    AvailableStatus = "Available",
-                    NotificationType = "Received"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage15.png",
-                    SenderName = "Diayana Sebastine",
-                    MessageType = "Contact",
-                    Message = "Kishore Nisanth",
-                    Time = "15/3/2018",
-                    NotificationType = "Viewed"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage16.png",
-                    SenderName = "Marc Sherry",
-                    MessageType = "Text",
-                    Message = "Val Geisier is a writer who",
-                    Time = "12/3/2018",
-                    AvailableStatus = "Available",
-                    NotificationType = "Sent"
-                },
-                new ChatDetail
-                {
-                    ImagePath = App.BaseImageUrl + "ProfileImage17.png",
-                    SenderName = "Dona Merina",
-                    MessageType = "Text",
-                    Message = "Contrary to popular belief, Lorem Ipsum is not simply random text." +
-                              "It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.",
-                    Time = "3/2/2018",
-                    NotificationType = "Sent"
-                },
-            };
-
-            this.MakeVoiceCallCommand = new Command(this.VoiceCallClicked);
-            this.MakeVideoCallCommand = new Command(this.VideoCallClicked);
-            this.ShowSettingsCommand = new Command(this.SettingsClicked);
-            this.MenuCommand = new Command(this.MenuClicked);
-            this.ProfileImageCommand = new Command(this.ProfileImageClicked);
         }
+
         #endregion
 
         #region Public Properties
 
+        /// <summary>
+        /// Gets or sets the value of recent chat page view model.
+        /// </summary>
+        public static RecentChatViewModel BindingContext =>
+            recentChatViewModel = PopulateData<RecentChatViewModel>("chat.json");
+
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
+        [DataMember(Name = "profileImage")]
         public string ProfileImage
         {
             get
             {
-                return this.profileImage;
+                return App.ImageServerPath + this.profileImage;
             }
 
             set
             {
-                this.profileImage = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.profileImage, value);
             }
         }
-        
+
         /// <summary>
         /// Gets or sets the property that has been bound with a list view, which displays the profile items.
         /// </summary>
+        [DataMember(Name = "chatItems")]
         public ObservableCollection<ChatDetail> ChatItems
         {
             get
@@ -225,33 +91,45 @@ public ObservableCollection<ChatDetail> ChatItems
                     return;
                 }
 
-                this.chatItems = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.chatItems, value);
             }
         }
 
         #endregion
 
         #region Commands
+
         /// <summary>
-        /// Gets or sets the command that is executed when the voice call button is clicked.
+        /// Gets the command that is executed when the voice call button is clicked.
         /// </summary>
-        public Command MakeVoiceCallCommand { get; set; }
+        public Command MakeVoiceCallCommand
+        {
+            get { return this.makeVoiceCallCommand ?? (this.makeVoiceCallCommand = new Command(this.VoiceCallClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the video call button is clicked.
+        /// Gets the command that is executed when the video call button is clicked.
         /// </summary>
-        public Command MakeVideoCallCommand { get; set; }
+        public Command MakeVideoCallCommand
+        {
+            get { return this.makeVideoCallCommand ?? (this.makeVideoCallCommand = new Command(this.VideoCallClicked)); }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the settings button is clicked.
+        /// Gets the command that is executed when the settings button is clicked.
         /// </summary>
-        public Command ShowSettingsCommand { get; set; }
-                
+        public Command ShowSettingsCommand
+        {
+            get { return this.showSettingsCommand ?? (this.showSettingsCommand = new Command(this.SettingsClicked)); }
+        }
+
         /// <summary>
-        /// Gets or sets the command that is executed when the menu button is clicked.
+        /// Gets the command that is executed when the menu button is clicked.
         /// </summary>
-        public Command MenuCommand { get; set; }
+        public Command MenuCommand
+        {
+            get { return this.menuCommand ?? (this.menuCommand = new Command(this.MenuClicked)); }
+        }
 
         /// <summary>
         /// Gets the command that is executed when an item is selected.
@@ -262,14 +140,40 @@ public Command ItemSelectedCommand
         }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the profile image is clicked.
+        /// Gets the command that is executed when the profile image is clicked.
         /// </summary>
-        public Command ProfileImageCommand { get; set; }
+        public Command ProfileImageCommand
+        {
+            get { return this.profileImageCommand ?? (this.profileImageCommand = new Command(this.ProfileImageClicked)); }
+        }
 
         #endregion
 
         #region Methods
-         
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when an item is selected.
         /// </summary>
@@ -312,7 +216,7 @@ private void SettingsClicked(object obj)
         {
             // Do something
         }
-        
+
         /// <summary>
         /// Invoked when the menu button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ContactUs/ContactUsViewModel.cs b/EssentialUIKit/ViewModels/ContactUs/ContactUsViewModel.cs
index 2e63ae48..ee47301b 100644
--- a/EssentialUIKit/ViewModels/ContactUs/ContactUsViewModel.cs
+++ b/EssentialUIKit/ViewModels/ContactUs/ContactUsViewModel.cs
@@ -1,11 +1,9 @@
 using System;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
 using System.Globalization;
-using System.Runtime.CompilerServices;
 using System.Windows.Input;
-using EssentialUIKit.Models.ContactUs;
-using Syncfusion.SfMaps.XForms;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
+using EssentialUIKit.ViewModels.Forms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -15,14 +13,30 @@ namespace EssentialUIKit.ViewModels.ContactUs
     /// ViewModel for contact us page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class ContactUsViewModel : BaseViewModel
+    public class ContactUsViewModel : LoginViewModel
     {
         #region Fields
 
-        private ObservableCollection<MapMarker> customMarkers;
+        private string mapMarkerLatitude;
+
+        private string mapMarkerLongitude;
+
+        private string mapMarkerImage;
+
+        private string mapMarkerCloseImage;
+
+        private string mapMarkerHeader;
+
+        private string mapMarkerAddress;
+
+        private string mapMarkerPhoneNumber;
+
+        private string mapMarkerEmailId;
 
         private Point geoCoordinate;
 
+        private ValidatableObject<string> name;
+
         #endregion
 
         #region Constructor
@@ -32,8 +46,17 @@ public class ContactUsViewModel : BaseViewModel
         /// </summary>
         public ContactUsViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.SendCommand = new Command(this.Send);
-            this.CustomMarkers = new ObservableCollection<MapMarker>();
+            this.MapMarkerImage = "Pin.png";
+            this.MapMarkerLatitude = "40.133808";
+            this.MapMarkerLongitude = "-75.516279";
+            this.MapMarkerHeader = "Sipes Inc";
+            this.MapMarkerAddress = "7654 Cleveland street, Phoenixville, PA 19460";
+            this.MapMarkerEmailId = "dopuyi@hostguru.info";
+            this.MapMarkerPhoneNumber = "+1-202-555-0101";
+            this.MapMarkerCloseImage = "Close.png";
             this.GetPinLocation();
         }
 
@@ -51,19 +74,130 @@ public ContactUsViewModel()
         #region Properties
 
         /// <summary>
-        /// Gets or sets the CustomMarkers collection.
+        /// Gets or sets a value of map marker latitude.
+        /// </summary>
+        public string MapMarkerLatitude
+        {
+            get
+            {
+                return this.mapMarkerLatitude;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerLatitude, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker longitude.
+        /// </summary>
+        public string MapMarkerLongitude
+        {
+            get
+            {
+                return this.mapMarkerLongitude;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerLongitude, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value for map marker template image.
+        /// </summary>
+        public string MapMarkerImage
+        {
+            get
+            {
+                return this.mapMarkerImage;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerImage, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker address.
+        /// </summary>
+        public string MapMarkerAddress
+        {
+            get
+            {
+                return this.mapMarkerAddress;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerAddress, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker phone number.
+        /// </summary>
+        public string MapMarkerPhoneNumber
+        {
+            get
+            {
+                return this.mapMarkerPhoneNumber;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerPhoneNumber, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker header.
+        /// </summary>
+        public string MapMarkerHeader
+        {
+            get
+            {
+                return this.mapMarkerHeader;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerHeader, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value for map marker email id.
+        /// </summary>
+        public string MapMarkerEmailId
+        {
+            get
+            {
+                return this.mapMarkerEmailId;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerEmailId, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value for map marker close image.
         /// </summary>
-        public ObservableCollection<MapMarker> CustomMarkers
+        public string MapMarkerCloseImage
         {
             get
             {
-                return this.customMarkers;
+                return this.mapMarkerCloseImage;
             }
 
             set
             {
-                this.customMarkers = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.mapMarkerCloseImage, value);
             }
         }
 
@@ -79,22 +213,56 @@ public Point GeoCoordinate
 
             set
             {
-                this.geoCoordinate = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.geoCoordinate, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that is bound with an entry that gets the name from user.
+        /// </summary>
+        public ValidatableObject<string> Name
+        {
+            get
+            {
+                return this.name;
+            }
+
+            set
+            {
+                if (this.name == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.name, value);
             }
         }
 
         #endregion
-                     
+
         #region Methods
 
+        /// <summary>
+        /// Check the entry is null or empty
+        /// </summary>
+        /// <returns>Returns the fields are valid or not</returns>
+        public bool AreFieldsValid()
+        {
+            bool isEmailValid = this.Email.Validate();
+            bool isNameValid = this.Name.Validate();
+            return isEmailValid && isNameValid;
+        }
+
         /// <summary>
         /// Invoked when the send button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void Send(object obj)
         {
-            // Do something
+            if (this.AreFieldsValid())
+            {
+                // Do Something
+            }
         }
 
         /// <summary>
@@ -102,23 +270,23 @@ private void Send(object obj)
         /// </summary>
         private void GetPinLocation()
         {
-            this.CustomMarkers.Add(
-                new LocationMarker
-                {
-                    PinImage = "Pin.png",
-                    Header = "Sipes Inc",
-                    Address = "7654 Cleveland street, Phoenixville, PA 19460",
-                    EmailId = "dopuyi@hostguru.info",
-                    PhoneNumber = "+1-202-555-0101",
-                    CloseImage = "Close.png",
-                    Latitude = "40.133808",
-                    Longitude = "-75.516279"
-                });
+            this.GeoCoordinate = new Point(Convert.ToDouble(this.MapMarkerLatitude, CultureInfo.CurrentCulture), Convert.ToDouble(this.MapMarkerLongitude, CultureInfo.CurrentCulture));
+        }
 
-            foreach (var marker in this.CustomMarkers)
-            {
-                this.GeoCoordinate = new Point(Convert.ToDouble(marker.Latitude, CultureInfo.CurrentCulture), Convert.ToDouble(marker.Longitude, CultureInfo.CurrentCulture));
-            }
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Name = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation rule for password
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Name.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Dashboard/CompanyHistoryViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/CompanyHistoryViewModel.cs
new file mode 100644
index 00000000..fdb17209
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Dashboard/CompanyHistoryViewModel.cs
@@ -0,0 +1,76 @@
+using System.Collections.ObjectModel;
+using System.Runtime.Serialization;
+using EssentialUIKit.Models.Dashboard;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Dashboard
+{
+    /// <summary>
+    /// ViewModel for company history page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class CompanyHistoryViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private string companyName;
+        private string companyDescription;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="CompanyHistoryViewModel"/> class.
+        /// </summary>
+        public CompanyHistoryViewModel()
+        {
+        }
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets a collction of value to be displayed in company history page.
+        /// </summary>
+        [DataMember(Name = "companyHistory")]
+        public ObservableCollection<Timeline> CompanyHistory { get; set; }
+
+        /// <summary>
+        /// Gets or sets name of the company to be displayed in company history page.
+        /// </summary>
+        [DataMember(Name = "companyName")]
+        public string CompanyName
+        {
+            get
+            {
+                return this.companyName;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.companyName, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets description about the company to be displayed in company history page.
+        /// </summary>
+        [DataMember(Name = "companyDescription")]
+        public string CompanyDescription
+        {
+            get
+            {
+                return this.companyDescription;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.companyDescription, value);
+            }
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Dashboard/DailyCaloriesReportViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/DailyCaloriesReportViewModel.cs
new file mode 100644
index 00000000..25ba9cdc
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Dashboard/DailyCaloriesReportViewModel.cs
@@ -0,0 +1,355 @@
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using EssentialUIKit.Models.Dashboard;
+using Syncfusion.SfGauge.XForms;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Dashboard
+{
+    /// <summary>
+    /// ViewModel for daily calories report.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class DailyCaloriesReportViewModel : BaseViewModel
+    {
+        #region Field
+
+        private ObservableCollection<Calorie> selectedCalorieItems;
+
+        private ObservableCollection<Pointer> pointers;
+
+        private double scaleEndValue;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="DailyCaloriesReportViewModel" /> class.
+        /// </summary>
+        public DailyCaloriesReportViewModel()
+        {
+            this.Pointers = new ObservableCollection<Pointer>();
+
+            this.CardItems = new List<CaloriesCard>()
+            {
+                new CaloriesCard()
+                {
+                    Icon = "\ue750",
+                    Session = "Breakfast",
+                    IsSelected = true,
+                },
+                new CaloriesCard()
+                {
+                    Icon = "\ue74e",
+                    Session = "Lunch",
+                },
+                new CaloriesCard()
+                {
+                    Icon = "\ue74f",
+                    Session = "Dinner",
+                },
+                new CaloriesCard()
+                {
+                    Icon = "\ue74b",
+                    Session = "Snack",
+                },
+            };
+
+            this.BreakfastCalories = new ObservableCollection<Calorie>()
+            {
+                new Calorie()
+                {
+                    Quantity = 30, Nutrient = "Fiber", Indicator = "#5588fe",
+                },
+                new Calorie()
+                {
+                    Quantity = 260, Nutrient = "Protein", Indicator = "#7cf74c",
+                },
+                new Calorie()
+                {
+                    Quantity = 80, Nutrient = "Carbs", Indicator = "#fd50c8",
+                },
+                new Calorie()
+                {
+                    Quantity = 100, Nutrient = "Calcium", Indicator = "#ffdd7c",
+                },
+                new Calorie()
+                {
+                    Quantity = 40, Nutrient = "Fat", Indicator = "#fe6751",
+                },
+                new Calorie()
+                {
+                    Quantity = 60, Nutrient = "Vitamins", Indicator = "#7d46c2",
+                },
+            };
+
+            this.DinnerCalories = new ObservableCollection<Calorie>()
+            {
+                new Calorie()
+                {
+                    Quantity = 20, Nutrient = "Fibre", Indicator = "#5588fe",
+                },
+                new Calorie()
+                {
+                    Quantity = 210, Nutrient = "Protein", Indicator = "#7cf74c",
+                },
+                new Calorie()
+                {
+                    Quantity = 50, Nutrient = "Carbs", Indicator = "#fd50c8",
+                },
+                new Calorie()
+                {
+                    Quantity = 140, Nutrient = "Calcium", Indicator = "#ffdd7c",
+                },
+                new Calorie()
+                {
+                    Quantity = 20, Nutrient = "Fat", Indicator = "#fe6751",
+                },
+                new Calorie()
+                {
+                    Quantity = 100, Nutrient = "Vitamins", Indicator = "#7d46c2",
+                },
+            };
+
+            this.LunchCalories = new ObservableCollection<Calorie>()
+            {
+                new Calorie()
+                {
+                    Quantity = 40, Nutrient = "Fibre", Indicator = "#5588fe",
+                },
+                new Calorie()
+                {
+                    Quantity = 210, Nutrient = "Protein", Indicator = "#7cf74c",
+                },
+                new Calorie()
+                {
+                    Quantity = 120, Nutrient = "Carbs", Indicator = "#fd50c8",
+                },
+                new Calorie()
+                {
+                    Quantity = 40, Nutrient = "Calcium", Indicator = "#ffdd7c",
+                },
+                new Calorie()
+                {
+                    Quantity = 50, Nutrient = "Fat", Indicator = "#fe6751",
+                },
+                new Calorie()
+                {
+                    Quantity = 90, Nutrient = "Vitamins", Indicator = "#7d46c2",
+                },
+            };
+
+            this.SnackCalories = new ObservableCollection<Calorie>()
+            {
+                new Calorie()
+                {
+                    Quantity = 40, Nutrient = "Fibre", Indicator = "#5588fe",
+                },
+                new Calorie()
+                {
+                    Quantity = 210, Nutrient = "Protein", Indicator = "#7cf74c",
+                },
+                new Calorie()
+                {
+                    Quantity = 70, Nutrient = "Carbs", Indicator = "#fd50c8",
+                },
+                new Calorie()
+                {
+                    Quantity = 130, Nutrient = "Calcium", Indicator = "#ffdd7c",
+                },
+                new Calorie()
+                {
+                    Quantity = 60, Nutrient = "Fat", Indicator = "#fe6751",
+                },
+                new Calorie()
+                {
+                    Quantity = 80, Nutrient = "Vitamins", Indicator = "#7d46c2",
+                },
+            };
+
+            this.SelectedSessionCaloriesCard = this.CardItems[0];
+
+            this.SelectedCalorieItems = this.BreakfastCalories;
+
+            this.SessionCommand = new Command(this.SessionButtonClicked);
+
+            this.UpdateGauge();
+        }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets or sets the command that will be executed when the session button is clicked.
+        /// </summary>
+        public Command SessionCommand { get; set; }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets the session card items collection.
+        /// </summary>
+        public List<CaloriesCard> CardItems { get; private set; }
+
+        /// <summary>
+        /// Gets the breakfast calories collection.
+        /// </summary>
+        public ObservableCollection<Calorie> BreakfastCalories { get; private set; }
+
+        /// <summary>
+        /// Gets the lunch calories collection.
+        /// </summary>
+        public ObservableCollection<Calorie> LunchCalories { get; private set; }
+
+        /// <summary>
+        /// Gets the dinner calories collection.
+        /// </summary>
+        public ObservableCollection<Calorie> DinnerCalories { get; private set; }
+
+        /// <summary>
+        /// Gets the snack calories collection.
+        /// </summary>
+        public ObservableCollection<Calorie> SnackCalories { get; private set; }
+
+        /// <summary>
+        /// Gets the selected session calorie item.
+        /// </summary>
+        public ObservableCollection<Calorie> SelectedCalorieItems
+        {
+            get
+            {
+                return this.selectedCalorieItems;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.selectedCalorieItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected session card item.
+        /// </summary>
+        public CaloriesCard SelectedSessionCaloriesCard { get; set; }
+
+        /// <summary>
+        /// Gets the calorie range.
+        /// </summary>
+        public ObservableCollection<Pointer> Pointers
+        {
+            get { return this.pointers; }
+
+            private set { this.SetProperty(ref this.pointers, value); }
+        }
+
+        /// <summary>
+        /// Gets or sets the gauge scale end value
+        /// </summary>
+        public double ScaleEndValue
+        {
+            get { return this.scaleEndValue; }
+
+            set { this.SetProperty(ref this.scaleEndValue, value); }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when the session button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void SessionButtonClicked(object obj)
+        {
+            this.SelectedSessionCaloriesCard.IsSelected = false;
+
+            var context = obj as CaloriesCard;
+            context.IsSelected = true;
+            this.SelectedSessionCaloriesCard = context;
+            switch (this.SelectedSessionCaloriesCard.Session)
+            {
+                case "Breakfast":
+                    {
+                        this.SelectedCalorieItems = this.BreakfastCalories;
+                        this.UpdateGauge();
+                        break;
+                    }
+
+                case "Lunch":
+                    {
+                        this.SelectedCalorieItems = this.LunchCalories;
+                        this.UpdateGauge();
+                        break;
+                    }
+
+                case "Dinner":
+                    {
+                        this.SelectedCalorieItems = this.DinnerCalories;
+                        this.UpdateGauge();
+                        break;
+                    }
+
+                case "Snack":
+                    {
+                        this.SelectedCalorieItems = this.SnackCalories;
+                        this.UpdateGauge();
+                        break;
+                    }
+            }
+        }
+
+        /// <summary>
+        /// Update the gauge range. 
+        /// </summary>
+        private void UpdateGauge()
+        {
+            this.Pointers.Clear();
+            var ranges = new ObservableCollection<Pointer>();
+            double rangeStart = 0;
+
+            // var items = selectedCalorieItems;
+            var proteinRange = new RangePointer();
+
+            for (int i = 0; i < this.SelectedCalorieItems.Count; i++)
+            {
+                RangePointer range = new RangePointer()
+                {
+                    RangeStart = rangeStart,
+                    Value = rangeStart + this.SelectedCalorieItems[i].Quantity,
+                    Offset = 0.9,
+                    Thickness = 12,
+                    EnableAnimation = false,
+                    Color = Color.FromHex(this.SelectedCalorieItems[i].Indicator),
+                };
+
+                if (this.SelectedCalorieItems[i].Nutrient == "Protein")
+                {
+                    range.Offset = 0.93;
+                    range.Thickness = 18;
+                    range.RangeStart -= 3;
+                    range.Value += 3;
+                    range.RangeCap = RangeCap.Both;
+                    proteinRange = range;
+                }
+                else
+                {
+                    ranges.Add(range);
+                }
+
+                rangeStart += this.SelectedCalorieItems[i].Quantity;
+            }
+
+            this.ScaleEndValue = rangeStart;
+            this.Pointers = ranges;
+            this.Pointers.Add(proteinRange);
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Dashboard/DailyTimelineViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/DailyTimelineViewModel.cs
new file mode 100644
index 00000000..8f933654
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Dashboard/DailyTimelineViewModel.cs
@@ -0,0 +1,36 @@
+using System.Collections.ObjectModel;
+using System.Runtime.Serialization;
+using EssentialUIKit.Models.Dashboard;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Dashboard
+{
+    /// <summary>
+    /// ViewModel for Daily Timeline page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class DailyTimelineViewModel : BaseViewModel
+    {
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="DailyTimelineViewModel"/> class.
+        /// </summary>
+        public DailyTimelineViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets a collction of value to be displayed in Daily timeline page.
+        /// </summary>
+        [DataMember(Name = "dailyTimeline")]
+        public ObservableCollection<Timeline> DailyTimeline { get; set; }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Dashboard/HealthCareViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/HealthCareViewModel.cs
index 16d8ff15..e61c7466 100644
--- a/EssentialUIKit/ViewModels/Dashboard/HealthCareViewModel.cs
+++ b/EssentialUIKit/ViewModels/Dashboard/HealthCareViewModel.cs
@@ -1,7 +1,6 @@
 using System;
 using System.Collections.ObjectModel;
 using EssentialUIKit.Models.Dashboard;
-using Syncfusion.SfChart.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -18,32 +17,32 @@ public class HealthCareViewModel : BaseViewModel
         /// <summary>
         /// To store the health care data collection.
         /// </summary>
-        private ObservableCollection<HealthCare> cardItems;
+        private ObservableCollection<HealthCare> healthCareCardItems;
 
         /// <summary>
         /// To store the health care data collection.
         /// </summary>
-        private ObservableCollection<HealthCare> listItems;
+        private ObservableCollection<HealthCare> healthCareListItems;
 
         /// <summary>
         /// To store the heart rate data collection.
         /// </summary>
-        private ObservableCollection<ChartDataPoint> heartRateData;
+        private ObservableCollection<ChartModel> heartRateData;
 
         /// <summary>
         /// To store the calories burned data collection.
         /// </summary>
-        private ObservableCollection<ChartDataPoint> caloriesBurnedData;
+        private ObservableCollection<ChartModel> caloriesBurnedData;
 
         /// <summary>
         /// To store the sleep time data collection.
         /// </summary>
-        private ObservableCollection<ChartDataPoint> sleepTimeData;
+        private ObservableCollection<ChartModel> sleepTimeData;
 
         /// <summary>
         /// To store the water consumed data collection.
         /// </summary>
-        private ObservableCollection<ChartDataPoint> waterConsumedData;
+        private ObservableCollection<ChartModel> waterConsumedData;
 
         #endregion
 
@@ -54,14 +53,14 @@ public class HealthCareViewModel : BaseViewModel
         /// </summary>
         public HealthCareViewModel()
         {
-            GetChartData();
-            cardItems = new ObservableCollection<HealthCare>()
+            this.GetChartData();
+            this.healthCareCardItems = new ObservableCollection<HealthCare>()
             {
                 new HealthCare()
                 {
                     Category = "HEART RATE",
                     CategoryValue = "87 bmp",
-                    ChartData = heartRateData,
+                    ChartData = this.heartRateData,
                     BackgroundGradientStart = "#f59083",
                     BackgroundGradientEnd = "#fae188",
                 },
@@ -69,55 +68,56 @@ public HealthCareViewModel()
                 {
                     Category = "CALORIES BURNED",
                     CategoryValue = "948 cal",
-                    ChartData = caloriesBurnedData,
+                    ChartData = this.caloriesBurnedData,
                     BackgroundGradientStart = "#ff7272",
-                    BackgroundGradientEnd = "#f650c5"
+                    BackgroundGradientEnd = "#f650c5",
                 },
                 new HealthCare()
                 {
                     Category = "SLEEP TIME",
                     CategoryValue = "7.3 hrs",
-                    ChartData = sleepTimeData,
+                    ChartData = this.sleepTimeData,
                     BackgroundGradientStart = "#5e7cea",
-                    BackgroundGradientEnd = "#1dcce3"
+                    BackgroundGradientEnd = "#1dcce3",
                 },
                 new HealthCare()
                 {
                     Category = "WATER CONSUMED",
                     CategoryValue = "38.6 ltr",
-                    ChartData = waterConsumedData,
+                    ChartData = this.waterConsumedData,
                     BackgroundGradientStart = "#255ea6",
-                    BackgroundGradientEnd = "#b350d1"
-                }
+                    BackgroundGradientEnd = "#b350d1",
+                },
             };
 
-            listItems = new ObservableCollection<HealthCare>()
+            this.healthCareListItems = new ObservableCollection<HealthCare>()
             {
                 new HealthCare()
                 {
                     Category = "Blood Pressure",
                     CategoryValue = "141/90 mmgh",
                     CategoryPercentage = "30%",
-                    BackgroundGradientStart = "#cf86ff"
+                    BackgroundGradientStart = "#cf86ff",
                 },
                 new HealthCare()
                 {
                     Category = "Body Weight",
-                    CategoryValue = "80kg",
+                    CategoryValue = "176 lbs",
                     CategoryPercentage = "50%",
-                    BackgroundGradientStart = "#8691ff"
+                    BackgroundGradientStart = "#8691ff",
                 },
                 new HealthCare()
                 {
                     Category = "Steps",
                     CategoryValue = "3463",
                     CategoryPercentage = "60%",
-                    BackgroundGradientStart = "#ff9686"
-                }
+                    BackgroundGradientStart = "#ff9686",
+                },
             };
 
-            this.ProfileImage = App.BaseImageUrl + "ProfileImage1.png";
-            this.MenuCommand = new Command(this.MenuClicked);
+            this.ProfileImage = App.ImageServerPath + "ProfileImage1.png";
+            this.MenuCommand = new Command(this.MenuButtonClicked);
+            this.ProfileSelectedCommand = new Command(this.ProfileImageClicked);
         }
 
         #endregion
@@ -130,48 +130,51 @@ public HealthCareViewModel()
         public string ProfileImage { get; set; }
 
         /// <summary>
-        /// Gets or sets the health care items collection.
+        /// Gets the health care items collection.
         /// </summary>
-        public ObservableCollection<HealthCare> CardItems
+        public ObservableCollection<HealthCare> HealthCareCardItems
         {
             get
             {
-                return this.cardItems;
+                return this.healthCareCardItems;
             }
 
-            set
+            private set
             {
-                this.cardItems = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.healthCareCardItems, value);
             }
         }
 
         /// <summary>
-        /// Gets or sets the health care items collection.
+        /// Gets the health care items collection.
         /// </summary>
-        public ObservableCollection<HealthCare> ListItems
+        public ObservableCollection<HealthCare> HealthCareListItems
         {
             get
             {
-                return this.listItems;
+                return this.healthCareListItems;
             }
 
-            set
+            private set
             {
-                this.listItems = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.healthCareListItems, value);
             }
         }
 
         #endregion
 
         #region Comments
-        
+
         /// <summary>
-        /// Gets or sets the command that will be executed when the menu button is clicked.
+        /// Gets or sets the command is executed when the menu button is clicked.
         /// </summary>
         public Command MenuCommand { get; set; }
 
+        /// <summary>
+        /// Gets or sets the command is executed when the profile image is clicked.
+        /// </summary>
+        public Command ProfileSelectedCommand { get; set; }
+
         #endregion
 
         #region Methods
@@ -183,61 +186,70 @@ private void GetChartData()
         {
             DateTime dateTime = new DateTime(2019, 5, 1);
 
-            heartRateData = new ObservableCollection<ChartDataPoint>()
+            this.heartRateData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 15),
-                new ChartDataPoint(dateTime.AddMonths(1), 20),
-                new ChartDataPoint(dateTime.AddMonths(2), 17),
-                new ChartDataPoint(dateTime.AddMonths(3), 23),
-                new ChartDataPoint(dateTime.AddMonths(4), 18),
-                new ChartDataPoint(dateTime.AddMonths(5), 25),
-                new ChartDataPoint(dateTime.AddMonths(6), 19),
-                new ChartDataPoint(dateTime.AddMonths(7), 21),
+                new ChartModel(dateTime, 15),
+                new ChartModel(dateTime.AddMonths(1), 20),
+                new ChartModel(dateTime.AddMonths(2), 17),
+                new ChartModel(dateTime.AddMonths(3), 23),
+                new ChartModel(dateTime.AddMonths(4), 18),
+                new ChartModel(dateTime.AddMonths(5), 25),
+                new ChartModel(dateTime.AddMonths(6), 19),
+                new ChartModel(dateTime.AddMonths(7), 21),
             };
 
-            caloriesBurnedData = new ObservableCollection<ChartDataPoint>()
+            this.caloriesBurnedData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 940),
-                new ChartDataPoint(dateTime.AddMonths(1), 960),
-                new ChartDataPoint(dateTime.AddMonths(2), 942),
-                new ChartDataPoint(dateTime.AddMonths(3), 957),
-                new ChartDataPoint(dateTime.AddMonths(4), 940),
-                new ChartDataPoint(dateTime.AddMonths(5), 942),
+                new ChartModel(dateTime, 940),
+                new ChartModel(dateTime.AddMonths(1), 960),
+                new ChartModel(dateTime.AddMonths(2), 942),
+                new ChartModel(dateTime.AddMonths(3), 957),
+                new ChartModel(dateTime.AddMonths(4), 940),
+                new ChartModel(dateTime.AddMonths(5), 942),
             };
 
-            sleepTimeData = new ObservableCollection<ChartDataPoint>()
+            this.sleepTimeData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 7.8),
-                new ChartDataPoint(dateTime.AddMonths(1), 7.2),
-                new ChartDataPoint(dateTime.AddMonths(2), 8.0),
-                new ChartDataPoint(dateTime.AddMonths(3), 6.8),
-                new ChartDataPoint(dateTime.AddMonths(4), 7.6),
-                new ChartDataPoint(dateTime.AddMonths(5), 7.0),
-                new ChartDataPoint(dateTime.AddMonths(6), 7.5),
+                new ChartModel(dateTime, 7.8),
+                new ChartModel(dateTime.AddMonths(1), 7.2),
+                new ChartModel(dateTime.AddMonths(2), 8.0),
+                new ChartModel(dateTime.AddMonths(3), 6.8),
+                new ChartModel(dateTime.AddMonths(4), 7.6),
+                new ChartModel(dateTime.AddMonths(5), 7.0),
+                new ChartModel(dateTime.AddMonths(6), 7.5),
             };
 
-            waterConsumedData = new ObservableCollection<ChartDataPoint>()
+            this.waterConsumedData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 36),
-                new ChartDataPoint(dateTime.AddMonths(1), 41),
-                new ChartDataPoint(dateTime.AddMonths(2), 38),
-                new ChartDataPoint(dateTime.AddMonths(3), 41),
-                new ChartDataPoint(dateTime.AddMonths(4), 35),
-                new ChartDataPoint(dateTime.AddMonths(5), 37),
-                new ChartDataPoint(dateTime.AddMonths(6), 38),
-                new ChartDataPoint(dateTime.AddMonths(7), 36),
+                new ChartModel(dateTime, 36),
+                new ChartModel(dateTime.AddMonths(1), 41),
+                new ChartModel(dateTime.AddMonths(2), 38),
+                new ChartModel(dateTime.AddMonths(3), 41),
+                new ChartModel(dateTime.AddMonths(4), 35),
+                new ChartModel(dateTime.AddMonths(5), 37),
+                new ChartModel(dateTime.AddMonths(6), 38),
+                new ChartModel(dateTime.AddMonths(7), 36),
             };
         }
 
         /// <summary>
-        /// Invoked when the menu button is clicked.
+        /// Invoked when the menu button is clicked
         /// </summary>
-        /// <param name="obj">The Object</param>
-        private void MenuClicked(object obj)
+        /// <param name="obj">The object</param>
+        private void MenuButtonClicked(object obj)
         {
             // Do something
         }
-        
+
+        /// <summary>
+        /// Invoked when the profile image is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void ProfileImageClicked(object obj)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Dashboard/StockOverviewViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/StockOverviewViewModel.cs
index ac3b183e..d416df1d 100644
--- a/EssentialUIKit/ViewModels/Dashboard/StockOverviewViewModel.cs
+++ b/EssentialUIKit/ViewModels/Dashboard/StockOverviewViewModel.cs
@@ -1,10 +1,7 @@
 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Linq;
 using EssentialUIKit.Models.Dashboard;
-using Syncfusion.SfChart.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -22,15 +19,13 @@ public class StockOverviewViewModel : BaseViewModel
 
         private int selectedDataVariantIndex;
 
-        ObservableCollection<ChartDataPoint> oneMonthData;
+        private ObservableCollection<ChartModel> threeMonthData;
 
-        ObservableCollection<ChartDataPoint> threeMonthData;
+        private ObservableCollection<ChartModel> sixMonthData;
 
-        ObservableCollection<ChartDataPoint> sixMonthData;
+        private ObservableCollection<ChartModel> nineMonthData;
 
-        ObservableCollection<ChartDataPoint> nineMonthData;
-
-        ObservableCollection<ChartDataPoint> yearData;
+        private ObservableCollection<ChartModel> yearData;
 
         #endregion
 
@@ -41,9 +36,9 @@ public class StockOverviewViewModel : BaseViewModel
         /// </summary>
         public StockOverviewViewModel()
         {
-            GetChartData();
-            var variants = new List<string> { "1M", "3M", "6M", "9M", "1Y" };
-            items = new ObservableCollection<Stock>()
+            this.GetChartData();
+            var variants = new List<string> { "3M", "6M", "9M", "1Y" };
+            this.items = new ObservableCollection<Stock>()
             {
                 new Stock()
                 {
@@ -51,9 +46,9 @@ public StockOverviewViewModel()
                     CategoryValue = 20.35,
                     SubCategory = "NIFTY 50",
                     SubCategoryValue = 6164.34,
-                    ChartData = sixMonthData,
+                    ChartData = this.sixMonthData,
                     DataVariants = variants,
-                    IsExpandable = true
+                    IsSelected = true,
                 },
                 new Stock()
                 {
@@ -61,7 +56,7 @@ public StockOverviewViewModel()
                     CategoryValue = 26.32,
                     SubCategory = "S&P BSE SENSEX",
                     SubCategoryValue = 5649.43,
-                    ChartData = sixMonthData,
+                    ChartData = this.sixMonthData,
                     DataVariants = variants,
                 },
                 new Stock()
@@ -70,7 +65,7 @@ public StockOverviewViewModel()
                     CategoryValue = 26.32,
                     SubCategory = "APPLE INC",
                     SubCategoryValue = 5649.43,
-                    ChartData = sixMonthData,
+                    ChartData = this.sixMonthData,
                     DataVariants = variants,
                 },
                 new Stock()
@@ -79,15 +74,16 @@ public StockOverviewViewModel()
                     CategoryValue = 26.32,
                     SubCategory = "STARSSBUCKS CORP",
                     SubCategoryValue = 5649.43,
-                    ChartData = sixMonthData,
+                    ChartData = this.sixMonthData,
                     DataVariants = variants,
-                }
+                },
             };
 
-            this.ProfileImage = App.BaseImageUrl + "ProfileImage1.png";
+            this.ProfileImage = App.ImageServerPath + "ProfileImage1.png";
             this.DataVariantCommand = new Command(this.DataVariantClicked);
-            this.MenuCommand = new Command(this.MenuClicked);
             this.SelectionCommand = new Command(this.ItemClicked);
+            this.MenuCommand = new Command(this.MenuButtonClicked);
+            this.ProfileSelectedCommand = new Command(this.ProfileImageClicked);
         }
 
         #endregion
@@ -106,18 +102,17 @@ public int SelectedDataVariantIndex
         {
             get
             {
-                return selectedDataVariantIndex;
+                return this.selectedDataVariantIndex;
             }
 
             set
             {
-                selectedDataVariantIndex = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.selectedDataVariantIndex, value);
             }
         }
 
         /// <summary>
-        /// Gets or sets the stock items collection.
+        /// Gets the stock items collection.
         /// </summary>
         public ObservableCollection<Stock> Items
         {
@@ -126,23 +121,23 @@ public ObservableCollection<Stock> Items
                 return this.items;
             }
 
-            set
+            private set
             {
-                this.items = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.items, value);
             }
         }
 
         #endregion
 
         #region Comments
+
         /// <summary>
         /// Gets or sets the command that will be executed when the data variant for chart is clicked.
         /// </summary>
         public Command DataVariantCommand { get; set; }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the menu button is clicked.
+        /// Gets or sets the command is executed when the menu button is clicked.
         /// </summary>
         public Command MenuCommand { get; set; }
 
@@ -150,6 +145,12 @@ public ObservableCollection<Stock> Items
         /// Gets or sets the command that will be executed when the expand the stock item.
         /// </summary>
         public Command SelectionCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the profile image is clicked.
+        /// </summary>
+        public Command ProfileSelectedCommand { get; set; }
+
         #endregion
 
         #region Methods
@@ -161,151 +162,149 @@ private void GetChartData()
         {
             DateTime dateTime = new DateTime(2019, 5, 1);
 
-            sixMonthData = new ObservableCollection<ChartDataPoint>()
+            this.sixMonthData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 4478),
-                new ChartDataPoint(dateTime.AddDays(4), 4508),
-                new ChartDataPoint(dateTime.AddDays(6), 4157),
-                new ChartDataPoint(dateTime.AddDays(8), 4062),
-                new ChartDataPoint(dateTime.AddDays(10), 4587),
-                new ChartDataPoint(dateTime.AddDays(12), 4642),
-                new ChartDataPoint(dateTime.AddDays(14), 4205),
-                new ChartDataPoint(dateTime.AddDays(16), 4678),
-                new ChartDataPoint(dateTime.AddDays(18), 4402),
-                new ChartDataPoint(dateTime.AddDays(20), 4650),
-                new ChartDataPoint(dateTime.AddDays(22), 4704),
-                new ChartDataPoint(dateTime.AddDays(24), 4680),
-                new ChartDataPoint(dateTime.AddDays(26), 5351),
-                new ChartDataPoint(dateTime.AddDays(28), 5385),
-                new ChartDataPoint(dateTime.AddDays(30), 5289),
-                new ChartDataPoint(dateTime.AddDays(32), 4703),
-                new ChartDataPoint(dateTime.AddDays(34), 4718),
-                new ChartDataPoint(dateTime.AddDays(36), 4430),
-                new ChartDataPoint(dateTime.AddDays(38), 4308),
-                new ChartDataPoint(dateTime.AddDays(40), 4212),
-                new ChartDataPoint(dateTime.AddDays(42), 4643),
-                new ChartDataPoint(dateTime.AddDays(44), 5620),
-                new ChartDataPoint(dateTime.AddDays(46), 5432),
-                new ChartDataPoint(dateTime.AddDays(48), 5339),
-                new ChartDataPoint(dateTime.AddDays(50), 5718),
-                new ChartDataPoint(dateTime.AddDays(52), 5450),
-                new ChartDataPoint(dateTime.AddDays(54), 5578),
-                new ChartDataPoint(dateTime.AddDays(56), 5337),
-                new ChartDataPoint(dateTime.AddDays(58), 5317),
-                new ChartDataPoint(dateTime.AddDays(60), 5204),
-                new ChartDataPoint(dateTime.AddDays(64), 4922),
-                new ChartDataPoint(dateTime.AddDays(68), 4878),
-                new ChartDataPoint(dateTime.AddDays(72), 4975),
-                new ChartDataPoint(dateTime.AddDays(76), 4900),
-                new ChartDataPoint(dateTime.AddDays(80), 5312),
-                new ChartDataPoint(dateTime.AddDays(84), 5283),
-                new ChartDataPoint(dateTime.AddDays(88), 5390),
-                new ChartDataPoint(dateTime.AddDays(92), 5550),
-                new ChartDataPoint(dateTime.AddDays(96), 5620),
-                new ChartDataPoint(dateTime.AddDays(100), 5430),
-                new ChartDataPoint(dateTime.AddDays(104), 5522),
-                new ChartDataPoint(dateTime.AddDays(108), 5604),
-                new ChartDataPoint(dateTime.AddDays(112), 5837),
-                new ChartDataPoint(dateTime.AddDays(116), 5720),
-                new ChartDataPoint(dateTime.AddDays(120), 5703),
-                new ChartDataPoint(dateTime.AddDays(124), 5904),
-                new ChartDataPoint(dateTime.AddDays(128), 6110),
-                new ChartDataPoint(dateTime.AddDays(132), 6280),
-                new ChartDataPoint(dateTime.AddDays(136), 6217),
-                new ChartDataPoint(dateTime.AddDays(140), 5830),
-                new ChartDataPoint(dateTime.AddDays(144), 5742),
-                new ChartDataPoint(dateTime.AddDays(148), 5701),
-                new ChartDataPoint(dateTime.AddDays(152), 5640),
-                new ChartDataPoint(dateTime.AddDays(156), 5780),
-                new ChartDataPoint(dateTime.AddDays(160), 6232),
-                new ChartDataPoint(dateTime.AddDays(164), 6150),
-                new ChartDataPoint(dateTime.AddDays(168), 6183),
-                new ChartDataPoint(dateTime.AddDays(172), 5630),
-                new ChartDataPoint(dateTime.AddDays(176), 5692),
-                new ChartDataPoint(dateTime.AddDays(180), 5680),
+                new ChartModel(dateTime, 4478),
+                new ChartModel(dateTime.AddDays(4), 4508),
+                new ChartModel(dateTime.AddDays(6), 4157),
+                new ChartModel(dateTime.AddDays(8), 4062),
+                new ChartModel(dateTime.AddDays(10), 4587),
+                new ChartModel(dateTime.AddDays(12), 4642),
+                new ChartModel(dateTime.AddDays(14), 4205),
+                new ChartModel(dateTime.AddDays(16), 4678),
+                new ChartModel(dateTime.AddDays(18), 4402),
+                new ChartModel(dateTime.AddDays(20), 4650),
+                new ChartModel(dateTime.AddDays(22), 4704),
+                new ChartModel(dateTime.AddDays(24), 4680),
+                new ChartModel(dateTime.AddDays(26), 5351),
+                new ChartModel(dateTime.AddDays(28), 5385),
+                new ChartModel(dateTime.AddDays(30), 5289),
+                new ChartModel(dateTime.AddDays(32), 4703),
+                new ChartModel(dateTime.AddDays(34), 4718),
+                new ChartModel(dateTime.AddDays(36), 4430),
+                new ChartModel(dateTime.AddDays(38), 4308),
+                new ChartModel(dateTime.AddDays(40), 4212),
+                new ChartModel(dateTime.AddDays(42), 4643),
+                new ChartModel(dateTime.AddDays(44), 5620),
+                new ChartModel(dateTime.AddDays(46), 5432),
+                new ChartModel(dateTime.AddDays(48), 5339),
+                new ChartModel(dateTime.AddDays(50), 5718),
+                new ChartModel(dateTime.AddDays(52), 5450),
+                new ChartModel(dateTime.AddDays(54), 5578),
+                new ChartModel(dateTime.AddDays(56), 5337),
+                new ChartModel(dateTime.AddDays(58), 5317),
+                new ChartModel(dateTime.AddDays(60), 5204),
+                new ChartModel(dateTime.AddDays(64), 4922),
+                new ChartModel(dateTime.AddDays(68), 4878),
+                new ChartModel(dateTime.AddDays(72), 4975),
+                new ChartModel(dateTime.AddDays(76), 4900),
+                new ChartModel(dateTime.AddDays(80), 5312),
+                new ChartModel(dateTime.AddDays(84), 5283),
+                new ChartModel(dateTime.AddDays(88), 5390),
+                new ChartModel(dateTime.AddDays(92), 5550),
+                new ChartModel(dateTime.AddDays(96), 5620),
+                new ChartModel(dateTime.AddDays(100), 5430),
+                new ChartModel(dateTime.AddDays(104), 5522),
+                new ChartModel(dateTime.AddDays(108), 5604),
+                new ChartModel(dateTime.AddDays(112), 5837),
+                new ChartModel(dateTime.AddDays(116), 5720),
+                new ChartModel(dateTime.AddDays(120), 5703),
+                new ChartModel(dateTime.AddDays(124), 5904),
+                new ChartModel(dateTime.AddDays(128), 6110),
+                new ChartModel(dateTime.AddDays(132), 6280),
+                new ChartModel(dateTime.AddDays(136), 6217),
+                new ChartModel(dateTime.AddDays(140), 5830),
+                new ChartModel(dateTime.AddDays(144), 5742),
+                new ChartModel(dateTime.AddDays(148), 5701),
+                new ChartModel(dateTime.AddDays(152), 5640),
+                new ChartModel(dateTime.AddDays(156), 5780),
+                new ChartModel(dateTime.AddDays(160), 6232),
+                new ChartModel(dateTime.AddDays(164), 6150),
+                new ChartModel(dateTime.AddDays(168), 6183),
+                new ChartModel(dateTime.AddDays(172), 5630),
+                new ChartModel(dateTime.AddDays(176), 5692),
+                new ChartModel(dateTime.AddDays(180), 5680),
             };
 
-            threeMonthData = new ObservableCollection<ChartDataPoint>()
+            this.threeMonthData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 4478),
-                new ChartDataPoint(dateTime.AddDays(4), 4508),
-                new ChartDataPoint(dateTime.AddDays(6), 4157),
-                new ChartDataPoint(dateTime.AddDays(8), 4062),
-                new ChartDataPoint(dateTime.AddDays(10), 4587),
-                new ChartDataPoint(dateTime.AddDays(12), 4642),
-                new ChartDataPoint(dateTime.AddDays(14), 4205),
-                new ChartDataPoint(dateTime.AddDays(16), 4678),
-                new ChartDataPoint(dateTime.AddDays(18), 4402),
-                new ChartDataPoint(dateTime.AddDays(20), 4650),
-                new ChartDataPoint(dateTime.AddDays(22), 4704),
-                new ChartDataPoint(dateTime.AddDays(24), 4680),
-                new ChartDataPoint(dateTime.AddDays(26), 5351),
-                new ChartDataPoint(dateTime.AddDays(28), 5385),
-                new ChartDataPoint(dateTime.AddDays(30), 5289),
-                new ChartDataPoint(dateTime.AddDays(32), 4703),
-                new ChartDataPoint(dateTime.AddDays(34), 4718),
-                new ChartDataPoint(dateTime.AddDays(36), 4430),
-                new ChartDataPoint(dateTime.AddDays(38), 4308),
-                new ChartDataPoint(dateTime.AddDays(40), 4212),
-                new ChartDataPoint(dateTime.AddDays(42), 4643),
-                new ChartDataPoint(dateTime.AddDays(44), 5620),
-                new ChartDataPoint(dateTime.AddDays(46), 5432),
-                new ChartDataPoint(dateTime.AddDays(48), 5339),
-                new ChartDataPoint(dateTime.AddDays(50), 5718),
-                new ChartDataPoint(dateTime.AddDays(52), 5450),
-                new ChartDataPoint(dateTime.AddDays(54), 5578),
-                new ChartDataPoint(dateTime.AddDays(56), 5337),
-                new ChartDataPoint(dateTime.AddDays(58), 5317),
-                new ChartDataPoint(dateTime.AddDays(60), 5204),
-                new ChartDataPoint(dateTime.AddDays(64), 4922),
-                new ChartDataPoint(dateTime.AddDays(68), 4878),
-                new ChartDataPoint(dateTime.AddDays(72), 4975),
-                new ChartDataPoint(dateTime.AddDays(76), 4900),
-                new ChartDataPoint(dateTime.AddDays(80), 5312),
-                new ChartDataPoint(dateTime.AddDays(84), 5283),
-                new ChartDataPoint(dateTime.AddDays(88), 5390),
+                new ChartModel(dateTime, 4478),
+                new ChartModel(dateTime.AddDays(4), 4508),
+                new ChartModel(dateTime.AddDays(6), 4157),
+                new ChartModel(dateTime.AddDays(8), 4062),
+                new ChartModel(dateTime.AddDays(10), 4587),
+                new ChartModel(dateTime.AddDays(12), 4642),
+                new ChartModel(dateTime.AddDays(14), 4205),
+                new ChartModel(dateTime.AddDays(16), 4678),
+                new ChartModel(dateTime.AddDays(18), 4402),
+                new ChartModel(dateTime.AddDays(20), 4650),
+                new ChartModel(dateTime.AddDays(22), 4704),
+                new ChartModel(dateTime.AddDays(24), 4680),
+                new ChartModel(dateTime.AddDays(26), 5351),
+                new ChartModel(dateTime.AddDays(28), 5385),
+                new ChartModel(dateTime.AddDays(30), 5289),
+                new ChartModel(dateTime.AddDays(32), 4703),
+                new ChartModel(dateTime.AddDays(34), 4718),
+                new ChartModel(dateTime.AddDays(36), 4430),
+                new ChartModel(dateTime.AddDays(38), 4308),
+                new ChartModel(dateTime.AddDays(40), 4212),
+                new ChartModel(dateTime.AddDays(42), 4643),
+                new ChartModel(dateTime.AddDays(44), 5620),
+                new ChartModel(dateTime.AddDays(46), 5432),
+                new ChartModel(dateTime.AddDays(48), 5339),
+                new ChartModel(dateTime.AddDays(50), 5718),
+                new ChartModel(dateTime.AddDays(52), 5450),
+                new ChartModel(dateTime.AddDays(54), 5578),
+                new ChartModel(dateTime.AddDays(56), 5337),
+                new ChartModel(dateTime.AddDays(58), 5317),
+                new ChartModel(dateTime.AddDays(60), 5204),
+                new ChartModel(dateTime.AddDays(64), 4922),
+                new ChartModel(dateTime.AddDays(68), 4878),
+                new ChartModel(dateTime.AddDays(72), 4975),
+                new ChartModel(dateTime.AddDays(76), 4900),
+                new ChartModel(dateTime.AddDays(80), 5312),
+                new ChartModel(dateTime.AddDays(84), 5283),
+                new ChartModel(dateTime.AddDays(88), 5390),
             };
 
-            oneMonthData = new ObservableCollection<ChartDataPoint>(threeMonthData.Take(15));
-
-            nineMonthData = new ObservableCollection<ChartDataPoint>()
+            this.nineMonthData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 4478),
-                new ChartDataPoint(dateTime.AddDays(15), 4508),
-                new ChartDataPoint(dateTime.AddDays(30), 4157),
-                new ChartDataPoint(dateTime.AddDays(45), 4062),
-                new ChartDataPoint(dateTime.AddDays(60), 4587),
-                new ChartDataPoint(dateTime.AddDays(75), 4642),
-                new ChartDataPoint(dateTime.AddDays(90), 4205),
-                new ChartDataPoint(dateTime.AddDays(105), 4678),
-                new ChartDataPoint(dateTime.AddDays(120), 4402),
-                new ChartDataPoint(dateTime.AddDays(135), 4650),
-                new ChartDataPoint(dateTime.AddDays(150), 4704),
-                new ChartDataPoint(dateTime.AddDays(165), 4680),
-                new ChartDataPoint(dateTime.AddDays(180), 5351),
-                new ChartDataPoint(dateTime.AddDays(195), 5385),
-                new ChartDataPoint(dateTime.AddDays(210), 5289),
-                new ChartDataPoint(dateTime.AddDays(225), 4680),
-                new ChartDataPoint(dateTime.AddDays(240), 5351),
-                new ChartDataPoint(dateTime.AddDays(255), 5385),
-                new ChartDataPoint(dateTime.AddDays(260), 5289),
+                new ChartModel(dateTime, 4478),
+                new ChartModel(dateTime.AddDays(15), 4508),
+                new ChartModel(dateTime.AddDays(30), 4157),
+                new ChartModel(dateTime.AddDays(45), 4062),
+                new ChartModel(dateTime.AddDays(60), 4587),
+                new ChartModel(dateTime.AddDays(75), 4642),
+                new ChartModel(dateTime.AddDays(90), 4205),
+                new ChartModel(dateTime.AddDays(105), 4678),
+                new ChartModel(dateTime.AddDays(120), 4402),
+                new ChartModel(dateTime.AddDays(135), 4650),
+                new ChartModel(dateTime.AddDays(150), 4704),
+                new ChartModel(dateTime.AddDays(165), 4680),
+                new ChartModel(dateTime.AddDays(180), 5351),
+                new ChartModel(dateTime.AddDays(195), 5385),
+                new ChartModel(dateTime.AddDays(210), 5289),
+                new ChartModel(dateTime.AddDays(225), 4680),
+                new ChartModel(dateTime.AddDays(240), 5351),
+                new ChartModel(dateTime.AddDays(255), 5385),
+                new ChartModel(dateTime.AddDays(260), 5289),
             };
 
-            yearData = new ObservableCollection<ChartDataPoint>()
+            this.yearData = new ObservableCollection<ChartModel>()
             {
-                new ChartDataPoint(dateTime, 4478),
-                new ChartDataPoint(dateTime.AddMonths(1), 4508),
-                new ChartDataPoint(dateTime.AddMonths(2), 4157),
-                new ChartDataPoint(dateTime.AddMonths(3), 4062),
-                new ChartDataPoint(dateTime.AddMonths(4), 4587),
-                new ChartDataPoint(dateTime.AddMonths(5), 4642),
-                new ChartDataPoint(dateTime.AddMonths(6), 4205),
-                new ChartDataPoint(dateTime.AddMonths(7), 4678),
-                new ChartDataPoint(dateTime.AddMonths(8), 4402),
-                new ChartDataPoint(dateTime.AddMonths(9), 4650),
-                new ChartDataPoint(dateTime.AddMonths(10), 4704),
-                new ChartDataPoint(dateTime.AddMonths(11), 4680),
-                new ChartDataPoint(dateTime.AddMonths(12), 5351)
+                new ChartModel(dateTime, 4478),
+                new ChartModel(dateTime.AddMonths(1), 4508),
+                new ChartModel(dateTime.AddMonths(2), 4157),
+                new ChartModel(dateTime.AddMonths(3), 4062),
+                new ChartModel(dateTime.AddMonths(4), 4587),
+                new ChartModel(dateTime.AddMonths(5), 4642),
+                new ChartModel(dateTime.AddMonths(6), 4205),
+                new ChartModel(dateTime.AddMonths(7), 4678),
+                new ChartModel(dateTime.AddMonths(8), 4402),
+                new ChartModel(dateTime.AddMonths(9), 4650),
+                new ChartModel(dateTime.AddMonths(10), 4704),
+                new ChartModel(dateTime.AddMonths(11), 4680),
+                new ChartModel(dateTime.AddMonths(12), 5351),
             };
         }
 
@@ -316,59 +315,68 @@ private void GetChartData()
         private void DataVariantClicked(object obj)
         {
             var item = obj as Stock;
-            switch (SelectedDataVariantIndex)
+            switch (this.SelectedDataVariantIndex)
             {
                 case 0:
                     {
-                        item.ChartData = oneMonthData;
+                        item.ChartData = this.threeMonthData;
                         break;
                     }
+
                 case 1:
                     {
-                        item.ChartData = threeMonthData;
+                        item.ChartData = this.sixMonthData;
                         break;
                     }
+
                 case 2:
                     {
-                        item.ChartData = sixMonthData;
+                        item.ChartData = this.nineMonthData;
                         break;
                     }
+
                 case 3:
                     {
-                        item.ChartData = nineMonthData;
-                        break;
-                    }
-                case 4:
-                    {
-                        item.ChartData = yearData;
+                        item.ChartData = this.yearData;
                         break;
                     }
             }
         }
 
         /// <summary>
-        /// Invoked when the menu button is clicked.
+        /// Invoked when the menu button clicked
         /// </summary>
-        /// <param name="obj">The Object</param>
-        private void MenuClicked(object obj)
+        /// <param name="obj">The object</param>
+        private void MenuButtonClicked(object obj)
         {
             // Do something
         }
 
         /// <summary>
-        /// Invoked when the menu button is clicked.
+        /// Invoked when the item is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void ItemClicked(object obj)
         {
             var item = obj as Stock;
-            foreach (var stock in Items)
+            foreach (var stock in this.Items)
             {
                 if (item != stock)
-                    stock.IsExpandable = false;
+                {
+                    stock.IsSelected = false;
+                }
             }
         }
 
+        /// <summary>
+        /// Invoked when the profile image is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void ProfileImageClicked(object obj)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Dashboard/WalletViewModel.cs b/EssentialUIKit/ViewModels/Dashboard/WalletViewModel.cs
new file mode 100644
index 00000000..c87cbb98
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Dashboard/WalletViewModel.cs
@@ -0,0 +1,599 @@
+using System;
+using System.Collections.ObjectModel;
+using System.Linq;
+using EssentialUIKit.Models.Dashboard;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Model = EssentialUIKit.Models.Dashboard.PaymentDetail;
+
+namespace EssentialUIKit.ViewModels.Dashboard
+{
+    /// <summary>
+    /// ViewModel for my wallet page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class WalletViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private int selectedIndex;
+
+        private double totalBalance;
+
+        private string[] days;
+
+        private string[] weeks;
+
+        private string[] months;
+
+        private string[] section;
+
+        private ObservableCollection<Model> weekListItems;
+
+        private ObservableCollection<Model> monthListItems;
+
+        private ObservableCollection<Model> yearListItems;
+
+        private ObservableCollection<Model> listItems;
+
+        private Command<object> itemTappedCommand;
+
+        private Command<object> viewAllCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="WalletViewModel" /> class.
+        /// </summary>
+        public WalletViewModel()
+        {
+            this.WeekData();
+            this.MonthData();
+            this.YearData();
+            this.days = new string[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" };
+            this.weeks = new string[] { "Week 1", "Week 2", "Week 3", "Week 4" };
+            this.months = new string[] { "Jan", "Mar", "May", "Jul", "Sep", "Nov" };
+            this.ChartData = new ObservableCollection<TransactionChartData>();
+            this.DataSource = new ObservableCollection<Model>()
+            {
+                new Model() { Duration = "Week" },
+                new Model() { Duration = "Month" },
+                new Model() { Duration = "Year" },
+            };
+            this.ListItems = this.WeekListItems;
+        }
+
+        #endregion
+
+        #region Properties
+
+        public ObservableCollection<TransactionChartData> ChartData { get; private set; }
+
+        public ObservableCollection<Model> DataSource { get; private set; }
+
+        /// <summary>
+        /// Gets the my wallet items collection in a week.
+        /// </summary>
+        public ObservableCollection<Model> WeekListItems
+        {
+            get
+            {
+                return this.weekListItems;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.weekListItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the my wallet items collection in a month.
+        /// </summary>
+        public ObservableCollection<Model> MonthListItems
+        {
+            get
+            {
+                return this.monthListItems;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.monthListItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the my wallet items collection in a year.
+        /// </summary>
+        public ObservableCollection<Model> YearListItems
+        {
+            get
+            {
+                return this.yearListItems;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.yearListItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the my wallet items collection.
+        /// </summary>
+        public ObservableCollection<Model> ListItems
+        {
+            get
+            {
+                return this.listItems;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.listItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command<object> ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command<object>(this.NavigateToNextPage));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an view all is selected.
+        /// </summary>
+        public Command<object> ViewAllCommand
+        {
+            get
+            {
+                return this.viewAllCommand ?? (this.viewAllCommand = new Command<object>(this.ViewAllClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the selected index of combobox.
+        /// </summary>
+        public int SelectedIndex
+        {
+            get
+            {
+                return this.selectedIndex;
+            }
+
+            set
+            {
+                this.selectedIndex = value;
+                this.UpdateListViewData();
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the total balance remaining in the wallet.
+        /// </summary>
+        public double TotalBalance
+        {
+            get
+            {
+                return this.totalBalance;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.totalBalance, value);
+            }
+        }
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Week data collection.
+        /// </summary>
+        private void WeekData()
+        {
+            this.weekListItems = new ObservableCollection<Model>()
+            {
+                new Model()
+                {
+                    ProfileImage = "ProfileImage1.png",
+                    Name = "Phillip Estrada",
+                    Title = "Cash Back",
+                    Amount = 50,
+                    Date = new DateTime(2019, 1, 7),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 50,
+                    Date = new DateTime(2019, 1, 7),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage11.png",
+                    Name = "Essie Hansen",
+                    Title = "XXXXXXX6585",
+                    Amount = 60,
+                    Date = new DateTime(2019, 1, 6),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 40,
+                    Date = new DateTime(2019, 1, 6),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage7.png",
+                    Name = "Amelia Coleman",
+                    Title = "Refund",
+                    Amount = 40,
+                    Date = new DateTime(2019, 1, 5),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Recharge",
+                    Amount = 60,
+                    Date = new DateTime(2019, 1, 5),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage2.png",
+                    Name = "Alta Sims",
+                    Title = "Cash Back",
+                    Amount = 60,
+                    Date = new DateTime(2019, 1, 4),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 40.25,
+                    Date = new DateTime(2019, 1, 4),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage3.png",
+                    Name = "Blake Moore",
+                    Title = "XXXXXXX6585",
+                    Amount = 45,
+                    Date = new DateTime(2019, 1, 3),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 55,
+                    Date = new DateTime(2019, 1, 3),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage4.png",
+                    Name = "Chase Blair",
+                    Title = "Refund",
+                    Amount = 65,
+                    Date = new DateTime(2019, 1, 2),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 35,
+                    Date = new DateTime(2019, 1, 2),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage5.png",
+                    Name = "Bernard Daniels",
+                    Title = "Cash Back",
+                    Amount = 35,
+                    Date = new DateTime(2019, 1, 1),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 65,
+                    Date = new DateTime(2019, 1, 1),
+                    IsCredited = false,
+                },
+            };
+        }
+
+        /// <summary>
+        /// Month data collection.
+        /// </summary>
+        private void MonthData()
+        {
+            this.monthListItems = new ObservableCollection<Model>()
+            {
+                new Model()
+                {
+                    ProfileImage = "ProfileImage7.png",
+                    Name = "Amelia Coleman",
+                    Title = "Refund",
+                    Amount = 85,
+                    Date = new DateTime(2019, 1, 28),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 15.75,
+                    Date = new DateTime(2019, 1, 26),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage6.png",
+                    Name = "Arthur Kim",
+                    Title = "XXXXXXX6585",
+                    Amount = 65,
+                    Date = new DateTime(2019, 1, 20),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Delivery Bill",
+                    Amount = 35,
+                    Date = new DateTime(2019, 1, 18),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage9.png",
+                    Name = "Bettie Conlon",
+                    Title = "Refund",
+                    Amount = 40,
+                    Date = new DateTime(2019, 1, 12),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food Order Bill",
+                    Amount = 60,
+                    Date = new DateTime(2019, 1, 10),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage11.png",
+                    Name = "Essie Hansen",
+                    Title = "Cashback",
+                    Amount = 30,
+                    Date = new DateTime(2019, 1, 6),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Food order Bill",
+                    Amount = 70,
+                    Date = new DateTime(2019, 1, 5),
+                    IsCredited = false,
+                },
+            };
+        }
+
+        /// <summary>
+        /// Year data collection.
+        /// </summary>
+        private void YearData()
+        {
+            this.yearListItems = new ObservableCollection<Model>()
+            {
+                new Model()
+                {
+                    ProfileImage = "ProfileImage6.png",
+                    Name = "Arthur Kim",
+                    Title = "XXXXXXX6585",
+                    Amount = 65,
+                    Date = new DateTime(2019, 11, 24),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Delivery Bill",
+                    Amount = 35,
+                    Date = new DateTime(2019, 11, 2),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage7.png",
+                    Name = "Amelia Coleman",
+                    Title = "XXXXXXX6585",
+                    Amount = 70,
+                    Date = new DateTime(2019, 9, 21),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 30.50,
+                    Date = new DateTime(2019, 9, 8),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage2.png",
+                    Name = "Alta Sims",
+                    Title = "XXXXXXX6585",
+                    Amount = 50,
+                    Date = new DateTime(2019, 7, 18),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 50,
+                    Date = new DateTime(2019, 7, 12),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage3.png",
+                    Name = "Blake Moore",
+                    Title = "Refund",
+                    Amount = 35,
+                    Date = new DateTime(2019, 5, 21),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 65,
+                    Date = new DateTime(2019, 5, 15),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage4.png",
+                    Name = "Chase Blair",
+                    Title = "XXXXXXX6585",
+                    Amount = 20,
+                    Date = new DateTime(2019, 3, 15),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 80,
+                    Date = new DateTime(2019, 3, 5),
+                    IsCredited = false,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage6.png",
+                    Name = "Arthur Kim",
+                    Title = "Cashback",
+                    Amount = 85,
+                    Date = new DateTime(2019, 1, 26),
+                    IsCredited = true,
+                },
+                new Model()
+                {
+                    ProfileImage = "ProfileImage8.png",
+                    Name = "Nell Sanchez",
+                    Title = "Credit Card Bill",
+                    Amount = 15,
+                    Date = new DateTime(2019, 1, 13),
+                    IsCredited = false,
+                },
+            };
+        }
+
+        /// <summary>
+        /// Method for update the listview items.
+        /// </summary>
+        private void UpdateListViewData()
+        {
+            switch (this.SelectedIndex)
+            {
+                case 0:
+                    this.ListItems = this.WeekListItems;
+                    this.section = this.days;
+                    break;
+                case 1:
+                    this.ListItems = this.MonthListItems;
+                    this.section = this.weeks;
+                    break;
+                case 2:
+                    this.ListItems = this.YearListItems;
+                    this.section = this.months;
+                    break;
+                default:
+                    break;
+            }
+
+            this.UpdateChartData();
+        }
+
+        /// <summary>
+        /// Method for update the chart data.
+        /// </summary>
+        private void UpdateChartData()
+        {
+            this.ChartData.Clear();
+            this.TotalBalance = 0;
+
+            var incomeCollection = this.ListItems.Where(item => item.IsCredited).ToList();
+            var expenseCollection = this.ListItems.Where(item => !item.IsCredited).ToList();
+
+            for (int i = 0; i < incomeCollection.Count; i++)
+            {
+                this.TotalBalance += incomeCollection[i].Amount;
+                this.TotalBalance -= expenseCollection[i].Amount;
+                this.ChartData.Add(new TransactionChartData(this.section[i], incomeCollection[i].Amount, expenseCollection[i].Amount, 4));
+            }
+        }
+
+        /// <summary>
+        /// Invoked when an item is selected from the my wallet page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void NavigateToNextPage(object selectedItem)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when an view all button is selected from the my wallet page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void ViewAllClicked(object selectedItem)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Detail/ArticleDetailPageViewModel.cs b/EssentialUIKit/ViewModels/Detail/ArticleDetailPageViewModel.cs
index ff463594..ee5111d0 100644
--- a/EssentialUIKit/ViewModels/Detail/ArticleDetailPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Detail/ArticleDetailPageViewModel.cs
@@ -1,9 +1,10 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using Syncfusion.XForms.Buttons;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Model = EssentialUIKit.Models.Article;
+using Model = EssentialUIKit.Models.Story;
 
 namespace EssentialUIKit.ViewModels.Detail
 {
@@ -11,10 +12,13 @@ namespace EssentialUIKit.ViewModels.Detail
     /// ViewModel for Article Detail page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ArticleDetailPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static ArticleDetailPageViewModel articleDetailPageViewModel;
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
@@ -50,6 +54,16 @@ public class ArticleDetailPageViewModel : BaseViewModel
         /// </summary>
         private string articleReadingTime;
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite or not.
+        /// </summary>
+        private bool isFavourite;
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        private bool isBookmarked;
+
         /// <summary>
         /// Gets or sets the related stories.
         /// </summary>
@@ -70,91 +84,37 @@ public class ArticleDetailPageViewModel : BaseViewModel
         /// </summary>
         private string subTitle2;
 
+        private Command favouriteCommand;
+
+        private Command bookmarkCommand;
+
+        private Command itemSelectedCommand;
+
         #endregion
 
         #region Constructor
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="DetailViewModel" /> class
+        /// Initializes a new instance of the <see cref="ArticleDetailPageViewModel" /> class
         /// </summary>
         public ArticleDetailPageViewModel()
         {
-            this.articleName = "Better Brainstorming by Hand";
-            this.articleImage = App.BaseImageUrl + "ArticleImage2.png";
-            this.articleSubImage = App.BaseImageUrl + "BlogDetail.png";
-            this.articleAuthor = "John Doe";
-            this.articleDate = "Apr 16";
-            this.articleReadingTime = "5 mins read";
-            this.articleContent = "Organizing projects is now predominantly a digital endeavor. Physical whiteboards have given way to electronic Gantt charts. Pocket calendars have yielded to smartphone scheduling apps. Even the most popular tool of the most ferocious organizers—the sticky note—now has a digital counterpart. Despite this digitization, one shouldn’t lose sight of the usefulness of articulating ideas on paper. Handwriting is still the most viable means for bringing ideas and concepts into the physical world for organizing and comparing.This isn’t to say you should remain in the archaic world of markers and pens; rather, handwriting should be harnessed as the initial step in understanding a project—a free association of all the ideas that pop into your head. After organizing and reorganizing your thoughts on paper, moving them into the digital realm as tasks, reminders, and schedules serves as the final refinement of what you’re trying to accomplishment and how you plan to accomplish it.";
-            this.SubTitle1 = "Procedure for writing out your ideas";
-            this.SubTitle2 = "RELATED STORIES";
-
-            this.RelatedStories = new ObservableCollection<Model>
-            {
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage2.png",
-                    Name = "Learning to Reset",
-                    Author = "John Doe",
-                    Date = "Aug 2010",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage3.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage4.png",
-                    Name = "Guiding Your Flock to Success",
-                    Author = "John Doe",
-                    Date = "May 2012",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage5.png",
-                    Name = "Be a Nurturing, Fierce Team Leader",
-                    Author = "John Doe",
-                    Date = "Apr 16",
-                    AverageReadingTime = "5 mins read"
-                },
-                new Model
-                {
-                    ImagePath = App.BaseImageUrl + "ArticleImage6.png",
-                    Name = "Holistic Approach to UI Design",
-                    Author = "John Doe",
-                    Date = "Dec 2013",
-                    AverageReadingTime = "5 mins read"
-                }
-            };
-
-            this.ContentList = new ObservableCollection<Model>
-            {
-                new Model { Description = "Write a one- or two-sentence summary of the goal or project you want to complete." },
-                new Model { Description = "Then write every idea you associate with the goal or project on separate pieces of paper (sticky notes are ideal). Don’t self-edit at this point, write everything that comes to mind." },
-                new Model { Description = "Spread all the pieces of paper onto a table, a desk, a bed, or even the floor." },
-                new Model { Description = "Sort the ideas by category—some will be tasks to do, others will be equipment or training you need." },
-                new Model { Description = "Organize the categories from top to bottom according to the sequence in which they need to occur. This will help you remove items that are redundant and identify items that need to be added." },
-                new Model { Description = "Now you’re ready to enter the items in an organized fashion into your project management software." },
-            };
-
-            this.FavouriteCommand = new Command(this.FavouriteButtonClicked);
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.ItemSelectedCommand = new Command(this.ItemClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of article detail page view model.
+        /// </summary>
+        public static ArticleDetailPageViewModel BindingContext =>
+            articleDetailPageViewModel = PopulateData<ArticleDetailPageViewModel>("detail.json");
+
         /// <summary>
         /// Gets or sets the article name
         /// </summary>
+        [DataMember(Name = "articleName")]
         public string ArticleName
         {
             get
@@ -166,8 +126,7 @@ public string ArticleName
             {
                 if (this.articleName != value)
                 {
-                    this.articleName = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleName, value);
                 }
             }
         }
@@ -175,19 +134,19 @@ public string ArticleName
         /// <summary>
         /// Gets or sets the article image
         /// </summary>
+        [DataMember(Name = "articleImage")]
         public string ArticleImage
         {
             get
             {
-                return this.articleImage;
+                return App.ImageServerPath + this.articleImage;
             }
 
             set
             {
                 if (this.articleImage != value)
                 {
-                    this.articleImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleImage, value);
                 }
             }
         }
@@ -195,19 +154,19 @@ public string ArticleImage
         /// <summary>
         /// Gets or sets the article sub image
         /// </summary>
+        [DataMember(Name = "articleSubImage")]
         public string ArticleSubImage
         {
             get
             {
-                return this.articleSubImage;
+                return App.ImageServerPath + this.articleSubImage;
             }
 
             set
             {
                 if (this.articleSubImage != value)
                 {
-                    this.articleSubImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleSubImage, value);
                 }
             }
         }
@@ -215,6 +174,7 @@ public string ArticleSubImage
         /// <summary>
         /// Gets or sets the articleAuthor
         /// </summary>
+        [DataMember(Name = "articleAuthor")]
         public string ArticleAuthor
         {
             get
@@ -226,8 +186,7 @@ public string ArticleAuthor
             {
                 if (this.articleAuthor != value)
                 {
-                    this.articleAuthor = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleAuthor, value);
                 }
             }
         }
@@ -235,6 +194,7 @@ public string ArticleAuthor
         /// <summary>
         /// Gets or sets the article reading time
         /// </summary>
+        [DataMember(Name = "articleReadingTime")]
         public string ArticleReadingTime
         {
             get
@@ -246,8 +206,7 @@ public string ArticleReadingTime
             {
                 if (this.articleReadingTime != value)
                 {
-                    this.articleReadingTime = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleReadingTime, value);
                 }
             }
         }
@@ -255,6 +214,7 @@ public string ArticleReadingTime
         /// <summary>
         /// Gets or sets the article date
         /// </summary>
+        [DataMember(Name = "articleDate")]
         public string ArticleDate
         {
             get
@@ -266,8 +226,7 @@ public string ArticleDate
             {
                 if (this.articleDate != value)
                 {
-                    this.articleDate = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleDate, value);
                 }
             }
         }
@@ -275,6 +234,7 @@ public string ArticleDate
         /// <summary>
         /// Gets or sets the article content
         /// </summary>
+        [DataMember(Name = "articleContent")]
         public string ArticleContent
         {
             get
@@ -286,15 +246,47 @@ public string ArticleContent
             {
                 if (this.articleContent != value)
                 {
-                    this.articleContent = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.articleContent, value);
                 }
             }
         }
 
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is favourite or not.
+        /// </summary>
+        public bool IsFavourite
+        {
+            get
+            {
+                return this.isFavourite;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isFavourite, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the article is bookmarked or not.
+        /// </summary>
+        public bool IsBookmarked
+        {
+            get
+            {
+                return this.isBookmarked;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isBookmarked, value);
+            }
+        }
+
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the articles related stories items.
         /// </summary>
+        [DataMember(Name = "relatedStories")]
         public ObservableCollection<Model> RelatedStories
         {
             get
@@ -309,14 +301,14 @@ public ObservableCollection<Model> RelatedStories
                     return;
                 }
 
-                this.relatedStories = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.relatedStories, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property has been bound with the list view which displays the articles content list items.
         /// </summary>
+        [DataMember(Name = "contentList")]
         public ObservableCollection<Model> ContentList
         {
             get
@@ -331,14 +323,14 @@ public ObservableCollection<Model> ContentList
                     return;
                 }
 
-                this.contentList = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.contentList, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
+        [DataMember(Name = "subTitle1")]
         public string SubTitle1
         {
             get
@@ -353,14 +345,14 @@ public string SubTitle1
                     return;
                 }
 
-                this.subTitle1 = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.subTitle1, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the article sub title
         /// </summary>
+        [DataMember(Name = "subTitle2")]
         public string SubTitle2
         {
             get
@@ -375,57 +367,83 @@ public string SubTitle2
                     return;
                 }
 
-                this.subTitle2 = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.subTitle2, value);
             }
         }
 
         #endregion
 
         #region Command
+
         /// <summary>
-        /// Gets or sets the command is executed when the favourite button is clicked.
+        /// Gets the command is executed when the favourite button is clicked.
         /// </summary>
-        public Command FavouriteCommand { get; set; }
+        public Command FavouriteCommand
+        {
+            get
+            {
+                return this.favouriteCommand ?? (this.favouriteCommand = new Command(this.FavouriteButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the book mark button is clicked.
+        /// Gets the command is executed when the book mark button is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command is executed when the related features item is clicked.
+        /// Gets the command is executed when the related features item is clicked.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
 
         /// <summary>
-        /// Invoked when the favourite button clicked
+        /// Populates the data for view model from json file.
         /// </summary>
-        /// <param name="obj">The object</param>
-        private void FavouriteButtonClicked(object obj)
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
         {
-            var button = obj as SfButton;
+            var file = "EssentialUIKit.Data." + fileName;
 
-            if (button == null)
-            {
-                return;
-            }
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
 
-            if (button.Text == "\ue701")
+            using (var stream = assembly.GetManifestResourceStream(file))
             {
-                button.Text = "\ue732";
-                Application.Current.Resources.TryGetValue("PrimaryColor", out var retVal);
-                button.TextColor = (Color)retVal;
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
             }
-            else
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the favourite button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void FavouriteButtonClicked(object obj)
+        {
+            if (obj != null && (obj is ArticleDetailPageViewModel))
             {
-                button.Text = "\ue701";
-                Application.Current.Resources.TryGetValue("Gray-600", out var retVal);
-                button.TextColor = (Color)retVal;
+                (obj as ArticleDetailPageViewModel).IsFavourite = (obj as ArticleDetailPageViewModel).IsFavourite ? false : true;
             }
         }
 
@@ -448,13 +466,9 @@ private void BookmarkButtonClicked(object obj)
             {
                 (obj as Model).IsBookmarked = (obj as Model).IsBookmarked ? false : true;
             }
-            else
+            else if (obj != null && (obj is ArticleDetailPageViewModel))
             {
-                var button = obj as SfButton;
-                if (button != null)
-                {
-                    button.Text = (button.Text == "\ue72f") ? "\ue734" : "\ue72f";
-                }
+                (obj as ArticleDetailPageViewModel).IsBookmarked = (obj as ArticleDetailPageViewModel).IsBookmarked ? false : true;
             }
         }
 
diff --git a/EssentialUIKit/ViewModels/Detail/DataTableViewModel.cs b/EssentialUIKit/ViewModels/Detail/DataTableViewModel.cs
new file mode 100644
index 00000000..6a8217f6
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Detail/DataTableViewModel.cs
@@ -0,0 +1,118 @@
+using System.Collections.Generic;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models.Detail;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Detail
+{
+    /// <summary>
+    /// View model for data table 
+    /// </summary> 
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class DataTableViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static DataTableViewModel dataTableViewModel;
+
+        private List<DataTableModel> listItems;
+
+        private Command itemTappedCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="DataTableViewModel" /> class.
+        /// </summary>
+        public DataTableViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Public Properties
+
+        /// <summary>
+        /// Gets or sets the value of data table view model.
+        /// </summary>
+        public static DataTableViewModel BindingContext =>
+            dataTableViewModel = PopulateData<DataTableViewModel>("detail.json");
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a list view, which displays the items.
+        /// </summary>
+        [DataMember(Name = "dataTableList")]
+        public List<DataTableModel> ListItems
+        {
+            get
+            {
+                return this.listItems;
+            }
+
+            set
+            {
+                if (this.listItems == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.listItems, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that will be executed when the Comment button is clicked.
+        /// </summary>
+        public Command ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command(this.ItemClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods 
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        private void ItemClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Detail/DetailPageViewModel.cs b/EssentialUIKit/ViewModels/Detail/DetailPageViewModel.cs
index 529aae5c..d1d970a0 100644
--- a/EssentialUIKit/ViewModels/Detail/DetailPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Detail/DetailPageViewModel.cs
@@ -1,9 +1,8 @@
-using System;
-using System.Collections.Generic;
+using System.Collections.Generic;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Linq;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -14,13 +13,14 @@ namespace EssentialUIKit.ViewModels.Detail
     /// ViewModel for detail page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class DetailPageViewModel : BaseViewModel
     {
         #region Fields
 
-        private readonly double productRating;
+        private static DetailPageViewModel detailPageViewModel;
 
-        private Product productDetail;
+        private double productRating;
 
         private ObservableCollection<Category> categories;
 
@@ -32,149 +32,39 @@ public class DetailPageViewModel : BaseViewModel
 
         private int? cartItemCount;
 
+        private double actualPrice;
+
+        private double discountPercent;
+
+        private List<string> previewImages;
+
+        private double overallRating;
+
+        private double discountPrice;
+
+        private Command addFavouriteCommand;
+
+        private Command addToCartCommand;
+
+        private Command shareCommand;
+
+        private Command variantCommand;
+
+        private Command itemSelectedCommand;
+
+        private Command cardItemCommand;
+
+        private Command loadMoreCommand;
+
         #endregion
 
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance for the <see cref="DetailPageViewModel" /> class.
         /// </summary>
-        public DetailPageViewModel()
+        static DetailPageViewModel()
         {
-            this.reviews = new ObservableCollection<Review>
-            {
-                new Review
-                {
-                    CustomerImage = "ProfileImage10.png",
-                    CustomerName = "Serina Williams",
-                    Comment = "Greatest purchase I have ever made in my life.",
-                    ReviewedDate = "29 Dec, 2019",
-                    Rating = 5,
-                    Images = new List<string>
-                    {
-                        "Image1.png",
-                        "Image1.png",
-                        "Image1.png",
-                        "Image1.png"
-                    }
-                },
-                new Review
-                {
-                    CustomerImage = "ProfileImage11.png",
-                    CustomerName = "Alise Valasquez",
-                    Comment = "Absolutely love them! Can't stop wearing!",
-                    ReviewedDate = "29 Dec, 2019",
-                    Rating = 3,
-                    Images = new List<string>
-                    {
-                       "Image1.png",
-                       "Image1.png",
-                       "Image1.png"
-                    }
-                }
-            };
-
-            this.ProductDetail = new Product
-            {
-                Name = "Full-Length Skirt",
-                Summary = "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
-                ActualPrice = 245,
-                DiscountPercent = 30,
-                Description = "Ankle-length skirt with high waistband. Lightweight, comfortable cotton construction with side zipper.",
-                PreviewImages = new List<string>
-                {
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                },
-
-                Reviews = new ObservableCollection<Review>(reviews)
-            };
-
-            if (this.ProductDetail.Reviews == null || this.ProductDetail.Reviews.Count == 0)
-            {
-                this.IsReviewVisible = true;
-            }
-            else
-            {
-                foreach (var review in this.ProductDetail.Reviews)
-                {
-                    this.productRating += review.Rating;
-                }
-            }
-
-            if (this.productRating > 0)
-                this.ProductDetail.OverallRating = this.productRating / this.ProductDetail.Reviews.Count;
-
-            this.Categories = new ObservableCollection<Category>
-            {
-                new Category
-                {
-                    Name = "Electronics",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Fashion",
-                    SubCategories = new List<string>
-                    {
-                        "Shirts", "Skirts", "Casual Wear", "Jeans", "Kurtis"
-                    }
-                },
-                new Category
-                {
-                    Name = "Home and Furniture",
-                    SubCategories = new List<string>
-                    {
-                        "Diwans", "Sofas", "Curtains"
-                    }
-                },
-                new Category
-                {
-                    Name = "Personal Care",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Sports and Books",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Grocery",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Toys and Baby",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-            };
-
-            this.AddFavouriteCommand = new Command(this.AddFavouriteClicked);
-            this.AddToCartCommand = new Command(this.AddToCartClicked);
-            this.ShareCommand = new Command(this.ShareClicked);
-            this.VariantCommand = new Command(this.VariantClicked);
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
-            this.CardItemCommand = new Command(this.CartClicked);
-            this.LoadMoreCommand = new Command(this.LoadMoreClicked);
-            this.BackButtonCommand = new Command(BackButtonClicked);
         }
 
         #endregion
@@ -182,46 +72,48 @@ public DetailPageViewModel()
         #region Public properties
 
         /// <summary>
-        /// Gets or sets the property that has been bound with SfRotator and labels, which display the product images and details.
+        /// Gets or sets the value of detail page view model.
         /// </summary>
-        public Product ProductDetail
+        public static DetailPageViewModel BindingContext =>
+            detailPageViewModel = PopulateData<DetailPageViewModel>("detail.json");
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with StackLayout, which displays the categories using ComboBox.
+        /// </summary>
+        public ObservableCollection<Category> Categories
         {
             get
             {
-                return this.productDetail;
+                return this.categories;
             }
 
-            set
+            private set
             {
-                if (this.productDetail == value)
+                if (this.categories == value)
                 {
                     return;
                 }
 
-                this.productDetail = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.categories, value);
             }
         }
 
         /// <summary>
-        /// Gets or sets the property that has been bound with StackLayout, which displays the categories using ComboBox.
+        /// Gets or sets the review of the customers .
         /// </summary>
-        public ObservableCollection<Category> Categories
+        [DataMember(Name = "detailPageReviews")]
+        public ObservableCollection<Review> Reviews
         {
             get
             {
-                return this.categories;
+                return this.reviews;
             }
 
             set
             {
-                if (this.categories == value)
-                {
-                    return;
-                }
-
-                this.categories = value;
-                this.NotifyPropertyChanged();
+                this.reviews = value;
+                this.CalculateOverallRating();
+                this.NotifyPropertyChanged(nameof(this.Reviews));
             }
         }
 
@@ -234,10 +126,10 @@ public bool IsFavourite
             {
                 return this.isFavourite;
             }
+
             set
             {
-                this.isFavourite = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.isFavourite, value);
             }
         }
 
@@ -248,16 +140,33 @@ public bool IsReviewVisible
         {
             get
             {
-                if (productDetail.Reviews.Count == 0)
+                if (this.Reviews == null || this.Reviews.Count == 0)
                 {
                     this.isReviewVisible = true;
                 }
 
                 return this.isReviewVisible;
             }
+
             set
             {
-                this.isReviewVisible = value;
+                this.SetProperty(ref this.isReviewVisible, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with label, which displays the overall rating of the product.
+        /// </summary>
+        public double OverallRating
+        {
+            get
+            {
+                return this.overallRating;
+            }
+
+            set
+            {
+                this.overallRating = value;
                 this.NotifyPropertyChanged();
             }
         }
@@ -271,10 +180,109 @@ public int? CartItemCount
             {
                 return this.cartItemCount;
             }
+
             set
             {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cartItemCount, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the product name.
+        /// </summary>
+        [DataMember(Name = "name")]
+        public string Name { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the product summary.
+        /// </summary>
+        [DataMember(Name = "summary")]
+        public string Summary { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the product description.
+        /// </summary>
+        [DataMember(Name = "description")]
+        public string Description { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with SfCombobox, which displays the product variants.
+        /// </summary>
+        [DataMember(Name = "sizevariants")]
+        public List<string> SizeVariants { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the actual price of the product.
+        /// </summary>
+        [DataMember(Name = "actualPrice")]
+        public double ActualPrice
+        {
+            get
+            {
+                return this.actualPrice;
+            }
+
+            set
+            {
+                this.actualPrice = value;
+                this.NotifyPropertyChanged(nameof(this.ActualPrice));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the discounted percent of the product.
+        /// </summary>
+        [DataMember(Name = "discountPercent")]
+        public double DiscountPercent
+        {
+            get
+            {
+                return this.discountPercent;
+            }
+
+            set
+            {
+                this.discountPercent = value;
+                this.NotifyPropertyChanged(nameof(this.DiscountPercent));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with a label, which displays the discounted price of the product.
+        /// </summary>
+        public double DiscountPrice
+        {
+            get
+            {
+                return this.ActualPrice - (this.ActualPrice * (this.DiscountPercent / 100));
+            }
+
+            set
+            {
+                this.discountPrice = value;
+                this.NotifyPropertyChanged(nameof(this.DiscountPrice));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with SfRotator, which displays the item images.
+        /// </summary>
+        [DataMember(Name = "previewImages")]
+        public List<string> PreviewImages
+        {
+            get
+            {
+                for (var i = 0; i < this.previewImages.Count; i++)
+                {
+                    this.previewImages[i] = this.previewImages[i].Contains(App.ImageServerPath) ? this.previewImages[i] : App.ImageServerPath + this.previewImages[i];
+                }
+
+                return this.previewImages;
+            }
+
+            set
+            {
+                this.previewImages = value;
             }
         }
 
@@ -285,46 +293,130 @@ public int? CartItemCount
         /// <summary>
         /// Gets or sets the command that will be executed when the Favourite button is clicked.
         /// </summary>
-        public Command AddFavouriteCommand { get; set; }
+        public Command AddFavouriteCommand
+        {
+            get
+            {
+                return this.addFavouriteCommand ?? (this.addFavouriteCommand = new Command(this.AddFavouriteClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the AddToCart button is clicked.
         /// </summary>
-        public Command AddToCartCommand { get; set; }
+        public Command AddToCartCommand
+        {
+            get
+            {
+                return this.addToCartCommand ?? (this.addToCartCommand = new Command(this.AddToCartClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the Share button is clicked.
         /// </summary>
-        public Command ShareCommand { get; set; }
+        public Command ShareCommand
+        {
+            get
+            {
+                return this.shareCommand ?? (this.shareCommand = new Command(this.ShareClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the size button is clicked.
         /// </summary>
-        public Command VariantCommand { get; set; }
+        public Command VariantCommand
+        {
+            get
+            {
+                return this.variantCommand ?? (this.variantCommand = new Command(this.VariantClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when cart button is clicked.
         /// </summary>
-        public Command CardItemCommand { get; set; }
+        public Command CardItemCommand
+        {
+            get
+            {
+                return this.cardItemCommand ?? (this.cardItemCommand = new Command(this.CartClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the Show All button is clicked.
         /// </summary>
-        public Command LoadMoreCommand { get; set; }
+        public Command LoadMoreCommand
+        {
+            get
+            {
+                return this.loadMoreCommand ?? (this.loadMoreCommand = new Command(this.LoadMoreClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
 
         /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
+        /// Populates the data for view model from json file.
         /// </summary>
-        public Command BackButtonCommand { get; set; }
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
 
-        #endregion
+            var assembly = typeof(App).GetTypeInfo().Assembly;
 
-        #region Methods
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the Favourite button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void CalculateOverallRating()
+        {
+            if (this.Reviews == null || this.Reviews.Count == 0)
+            {
+                this.IsReviewVisible = true;
+            }
+            else
+            {
+                foreach (var review in this.Reviews)
+                {
+                    this.productRating += review.Rating;
+                }
+            }
+
+            if (this.productRating > 0)
+            {
+                this.OverallRating = this.productRating / this.Reviews.Count;
+            }
+        }
 
         /// <summary>
         /// Invoked when the Favourite button is clicked.
@@ -334,7 +426,7 @@ private void AddFavouriteClicked(object obj)
         {
             if (obj is DetailPageViewModel model)
             {
-                model.ProductDetail.IsFavourite = !model.ProductDetail.IsFavourite;
+                model.IsFavourite = !model.IsFavourite;
             }
         }
 
@@ -346,7 +438,6 @@ private void AddToCartClicked(object obj)
         {
             this.cartItemCount = this.cartItemCount ?? 0;
             this.CartItemCount += 1;
-            // Do something
         }
 
         /// <summary>
@@ -379,7 +470,7 @@ private void ItemSelected(object attachedObject)
         /// <summary>
         /// Invoked when cart icon button is clicked.
         /// </summary>
-        /// <param name="obj"></param>
+        /// <param name="obj">The Object.</param>
         private void CartClicked(object obj)
         {
             // Do something
@@ -389,16 +480,7 @@ private void CartClicked(object obj)
         /// Invoked when Load more button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private void LoadMoreClicked (object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when an back button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void BackButtonClicked(object obj)
+        private void LoadMoreClicked(object obj)
         {
             // Do something
         }
diff --git a/EssentialUIKit/ViewModels/Detail/DetailViewModel.cs b/EssentialUIKit/ViewModels/Detail/DetailViewModel.cs
index d7d91ee0..ea534778 100644
--- a/EssentialUIKit/ViewModels/Detail/DetailViewModel.cs
+++ b/EssentialUIKit/ViewModels/Detail/DetailViewModel.cs
@@ -1,6 +1,9 @@
 using System.Collections.Generic;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models.Feedback;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,41 +13,63 @@ namespace EssentialUIKit.ViewModels.Detail
     /// ViewModel for detail page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class DetailViewModel : BaseViewModel
     {
         #region Fields
 
+        private static DetailViewModel detailViewModel;
+
         private List<string> images;
 
+        private Command closeCommand;
+
+        private Command profileCommand;
+
+        private Command itemSelectedCommand;
+
+        private Command sortCommand;
+
         #endregion
 
         #region Constrctor
+
         /// <summary>
         /// Initializes a new instance for the <see cref="DetailViewModel" /> class.
         /// </summary>
         public DetailViewModel()
         {
-            this.Images = new List<string>
-            {
-                App.BaseImageUrl + "Shoe1.png",
-                App.BaseImageUrl + "Shoe1.png",
-                App.BaseImageUrl + "Shoe1.png"
-            };
-            this.CloseCommand = new Command(this.OnCloseButtonTapped);
-            this.ProfileCommand = new Command(this.ProfileClicked);
         }
 
         #endregion
 
         #region Properties
-        
+
+        /// <summary>
+        /// Gets or sets the value of detail view model.
+        /// </summary>
+        public static DetailViewModel BindingContext =>
+            detailViewModel = PopulateData<DetailViewModel>("detail.json");
+
+        /// <summary>
+        /// Gets or sets the value for feedback info.
+        /// </summary>
+        [DataMember(Name = "feedbackInfo")]
+        public ObservableCollection<Review> FeedbackInfo { get; set; }
+
         /// <summary>
         /// Gets or sets the value for images.
         /// </summary>
+        [DataMember(Name = "images")]
         public List<string> Images
         {
             get
             {
+                for (var i = 0; i < this.images.Count; i++)
+                {
+                    this.images[i] = this.images[i].Contains(App.ImageServerPath) ? this.images[i] : App.ImageServerPath + this.images[i];
+                }
+
                 return this.images;
             }
 
@@ -55,25 +80,81 @@ public List<string> Images
                     return;
                 }
 
-                this.images = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.images, value);
             }
         }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the close button is clicked.
+        /// Gets the command that will be executed when the close button is clicked.
         /// </summary>
-        public Command CloseCommand { get; set; }
+        public Command CloseCommand
+        {
+            get
+            {
+                return this.closeCommand ?? (this.closeCommand = new Command(this.OnCloseButtonTapped));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when the profile is clicked.
+        /// Gets the command that will be executed when the profile is clicked.
         /// </summary>
-        public Command ProfileCommand { get; set; }
+        public Command ProfileCommand
+        {
+            get
+            {
+                return this.profileCommand ?? (this.profileCommand = new Command(this.ProfileClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when the sorting button is clicked.
+        /// </summary>
+        public Command SortCommand
+        {
+            get
+            {
+                return this.sortCommand ?? (this.sortCommand = new Command(this.OnSortTapped));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the close button is clicked.
         /// </summary>
@@ -92,6 +173,23 @@ private void ProfileClicked(object obj)
             // Do Something
         }
 
+        /// <summary>
+        /// Invoked when an item is selected.
+        /// </summary>
+        private void ItemSelected(object selectedItem)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the sorting button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void OnSortTapped(object obj)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Detail/EventDetailViewModel.cs b/EssentialUIKit/ViewModels/Detail/EventDetailViewModel.cs
new file mode 100644
index 00000000..1a61379d
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Detail/EventDetailViewModel.cs
@@ -0,0 +1,216 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using ProfileModel = EssentialUIKit.Models.UserProfile;
+
+namespace EssentialUIKit.ViewModels.Detail
+{
+    /// <summary>
+    /// ViewModel for event detail page
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class EventDetailViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static EventDetailViewModel eventDetailViewModel;
+
+        private ObservableCollection<ProfileModel> connnections;
+
+        private string headerImagePath;
+
+        private Command joinCommand;
+
+        private Command favouriteCommand;
+
+        private Command menuCommand;
+
+        private Command profileSelectedCommand;
+
+        private bool isFavourite;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="EventDetailViewModel" /> class.
+        /// </summary>
+        public EventDetailViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of even detail view model.
+        /// </summary>
+        public static EventDetailViewModel BindingContext =>
+            eventDetailViewModel = PopulateData<EventDetailViewModel>("detail.json");
+
+        /// <summary>
+        /// Gets or sets the header image path.
+        /// </summary>
+        [DataMember(Name = "headerImagePath")]
+        public string HeaderImagePath
+        {
+            get { return App.ImageServerPath + this.headerImagePath; }
+            set { this.headerImagePath = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the profile image collection.
+        /// </summary>
+        [DataMember(Name = "connections")]
+        public ObservableCollection<ProfileModel> Connections
+        {
+            get
+            {
+                return this.connnections;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.connnections, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the event is favourite or not.
+        /// </summary>
+        public bool IsFavourite
+        {
+            get
+            {
+                return this.isFavourite;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isFavourite, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command is executed when the join button is clicked.
+        /// </summary>
+        public Command JoinCommand
+        {
+            get
+            {
+                return this.joinCommand ?? (this.joinCommand = new Command(this.JoinButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the favourite button is clicked.
+        /// </summary>
+        public Command FavouriteCommand
+        {
+            get
+            {
+                return this.favouriteCommand ?? (this.favouriteCommand = new Command(this.FavouriteButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the menu button is clicked.
+        /// </summary>
+        public Command MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command(this.MenuButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the profile item is clicked.
+        /// </summary>
+        public Command ProfileSelectedCommand
+        {
+            get
+            {
+                return this.profileSelectedCommand ?? (this.profileSelectedCommand = new Command(this.ProfileClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the favourite button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void FavouriteButtonClicked(object obj)
+        {
+            if (obj != null && (obj is EventDetailViewModel))
+            {
+                (obj as EventDetailViewModel).IsFavourite = (obj as EventDetailViewModel).IsFavourite ? false : true;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when the menu button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void MenuButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the join button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void JoinButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the profile is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void ProfileClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Detail/MyAddressViewModel.cs b/EssentialUIKit/ViewModels/Detail/MyAddressViewModel.cs
new file mode 100644
index 00000000..792d8784
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Detail/MyAddressViewModel.cs
@@ -0,0 +1,142 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models.Detail;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Detail
+{
+    /// <summary>
+    /// ViewModel for my address page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class MyAddressViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static MyAddressViewModel myAddressViewModel;
+
+        private Command editCommand;
+
+        private Command deleteCommand;
+
+        private Command addCardCommand;
+
+        #endregion
+
+        #region Constructor
+
+        public MyAddressViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of my address page view model.
+        /// </summary>
+        public static MyAddressViewModel BindingContext =>
+            myAddressViewModel = PopulateData<MyAddressViewModel>("detail.json");
+
+        [DataMember(Name = "addressDetails")]
+        public ObservableCollection<Address> AddressDetails { get; set; }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command is executed when the edit button is clicked.
+        /// </summary>
+        public Command EditCommand
+        {
+            get
+            {
+                return this.editCommand ?? (this.editCommand = new Command(this.EditButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the delete button is clicked.
+        /// </summary>
+        public Command DeleteCommand
+        {
+            get
+            {
+                return this.deleteCommand ?? (this.deleteCommand = new Command(this.DeleteButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the add card button is clicked.
+        /// </summary>
+        public Command AddCardCommand
+        {
+            get
+            {
+                return this.addCardCommand ?? (this.addCardCommand = new Command(this.AddCardButtonClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the edit button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void EditButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the delete button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void DeleteButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the add card button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void AddCardButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Detail/RoomBookingPageViewModel.cs b/EssentialUIKit/ViewModels/Detail/RoomBookingPageViewModel.cs
new file mode 100644
index 00000000..57c37a95
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Detail/RoomBookingPageViewModel.cs
@@ -0,0 +1,606 @@
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.Globalization;
+using System.Windows.Input;
+using EssentialUIKit.Models;
+using EssentialUIKit.Models.Detail;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using SelectionChangedEventArgs = Syncfusion.SfCalendar.XForms.SelectionChangedEventArgs;
+
+namespace EssentialUIKit.ViewModels.Detail
+{
+    /// <summary>
+    /// ViewModel for room booking page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class RoomBookingPageViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private readonly double productRating;
+
+        private RoomDetail roomDetail;
+
+        private ObservableCollection<Review> reviews;
+
+        private List<RoomDetail> facilities;
+
+        private List<RoomDetail> previewImages;
+
+        private bool isReviewVisible;
+
+        private bool isFavourite;
+
+        private string mapMarkerLatitude;
+
+        private string mapMarkerLongitude;
+
+        private string mapMarkerImage;
+
+        private List<RoomDetail> guestsCollection;
+
+        private List<RoomDetail> bedsCollection;
+
+        private Point geoCoordinate;
+
+        private bool isDropDownOpen;
+
+        private IList<DateTime> selectedDates;
+
+        private string selectionChangedCommand;
+
+        private ObservableCollection<object> calender;
+
+        private int selectedIndex;
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets or sets the command is executed when the book button is clicked.
+        /// </summary>
+        private Command bookCommand;
+
+        /// <summary>
+        /// Gets or sets the command is executed when the  selection button is clicked.
+        /// </summary>
+        private Command selectionCommand;
+
+        /// <summary>
+        /// Gets or sets the command is executed when the more button is clicked.
+        /// </summary>
+        private Command moreCommand;
+
+        /// <summary>
+        /// Gets or sets the command is executed when the  showAll button is clicked.
+        /// </summary>
+        private Command showAllCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="RoomBookingPageViewModel" /> class.
+        /// </summary>
+        public RoomBookingPageViewModel()
+        {
+            this.OnSelectionChanged = new Command<SelectionChangedEventArgs>(this.SelectionChanged);
+
+            this.GuestCommand = new Command(this.GuestSelectionChanged);
+
+            this.BedCommand = new Command(this.BedSelectionChanged);
+
+            this.FavouriteCommand = new Command(this.FavouriteButtonClicked);
+
+            this.Calender = new ObservableCollection<object>() { "i" };
+
+            this.previewImages = new List<RoomDetail>()
+            {
+                new RoomDetail { ImagePath = "HotelImage1.png" },
+                new RoomDetail { ImagePath = "HotelImage2.jpeg" },
+                new RoomDetail { ImagePath = "HotelImage3.jpeg" },
+                new RoomDetail { ImagePath = "HotelImage4.jpeg" },
+                new RoomDetail { ImagePath = "HotelImage5.jpeg" },
+                new RoomDetail { ImagePath = "HotelImage6.jpeg" },
+            };
+
+            this.facilities = new List<RoomDetail>()
+            {
+               new RoomDetail
+               {
+                   Icon = "\ue704",
+                   Facility = "Wi-Fi",
+               },
+               new RoomDetail
+               {
+                   Icon = "\ue74e",
+                   Facility = "Kitchen",
+               },
+               new RoomDetail
+               {
+                   Icon = "\ue740",
+                   Facility = "Parking",
+               },
+               new RoomDetail
+               {
+                   Icon = "\ue74c",
+                   Facility = "Gym",
+               },
+            };
+
+            this.reviews = new ObservableCollection<Review>
+            {
+                new Review
+                {
+                    CustomerImage = "ProfileImage10.png",
+                    CustomerName = "Jane Deo",
+                    Comment = "Great Resort, excellent hospitality!",
+                    ReviewedDate = "29 Dec, 2019",
+                    Rating = 5,
+                    CustomerReviewImages = new List<string>
+                    {
+                        "HotelImage1.png",
+                        "HotelImage4.jpeg",
+                        "HotelImage6.jpeg",
+                    },
+                },
+                new Review
+                {
+                    CustomerImage = "ProfileImage11.png",
+                    CustomerName = "Alise Valasquez",
+                    Comment = "Best resort on the planet. LOVE our visits there.",
+                    ReviewedDate = "29 Dec, 2019",
+                    Rating = 5,
+                    CustomerReviewImages = new List<string>
+                    {
+                       "HotelImage2.jpeg",
+                       "HotelImage3.jpeg",
+                       "HotelImage7.jpeg",
+                    },
+                },
+            };
+
+            this.BedsCollection = new List<RoomDetail>()
+            {
+                new RoomDetail { DisplayText = "1 Bed", ValueText = 1 },
+                new RoomDetail { DisplayText = "2 Beds", ValueText = 2 },
+                new RoomDetail { DisplayText = "3 Beds", ValueText = 3 },
+            };
+
+            this.GuestsCollection = new List<RoomDetail>()
+            {
+                new RoomDetail { DisplayText = "1 Guest", ValueText = 1 },
+                new RoomDetail { DisplayText = "2 Guests", ValueText = 2 },
+                new RoomDetail { DisplayText = "3 Guests", ValueText = 3 },
+            };
+            this.MapMarkerImage = "Pin.png";
+            this.MapMarkerLatitude = "40.133808";
+            this.MapMarkerLongitude = "-75.516279";
+            this.GetPinLocation();
+
+            this.RoomDetail = new RoomDetail
+            {
+                Name = "Modern Resort",
+                OverallRating = 5,
+                TotalReviews = "534 Reviews",
+                ResortDescription = "A charming oceanfront resort with 38 hotel rooms, studios, and suites, most with a balcony and jacuzzi, located on the turquoise water of the Atlantic Ocean.",
+                Address = "7654 Cleveland Street, Phoenixville, PA 19460",
+                PhoneNumber = "+1 202-555-0101",
+                Cost = 30,
+                TotalDays = 1,
+                Reviews = this.reviews,
+            };
+
+            if (this.RoomDetail.Reviews == null || this.RoomDetail.Reviews.Count == 0)
+            {
+                this.IsReviewVisible = true;
+            }
+            else
+            {
+                foreach (var review in this.RoomDetail.Reviews)
+                {
+                    this.productRating += review.Rating;
+                }
+            }
+
+            if (this.productRating > 0)
+            {
+                this.RoomDetail.OverallRating = this.productRating / this.RoomDetail.Reviews.Count;
+            }
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the property that has been bound with icon and labels, which display the resort details.
+        /// </summary>
+        public RoomDetail RoomDetail
+        {
+            get
+            {
+                return this.roomDetail;
+            }
+
+            set
+            {
+                if (this.roomDetail == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.roomDetail, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the review is visible or not.
+        /// </summary>
+        public bool IsReviewVisible
+        {
+            get
+            {
+                if (this.RoomDetail.Reviews.Count == 0)
+                {
+                    this.isReviewVisible = true;
+                }
+
+                return this.isReviewVisible;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isReviewVisible, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the room is favourite or not.
+        /// </summary>
+        public bool IsFavourite
+        {
+            get
+            {
+                return this.isFavourite;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isFavourite, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker latitude.
+        /// </summary>
+        public string MapMarkerLatitude
+        {
+            get
+            {
+                return this.mapMarkerLatitude;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerLatitude, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value of map marker longitude.
+        /// </summary>
+        public string MapMarkerLongitude
+        {
+            get
+            {
+                return this.mapMarkerLongitude;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerLongitude, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value for map marker template image.
+        /// </summary>
+        public string MapMarkerImage
+        {
+            get
+            {
+                return this.mapMarkerImage;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.mapMarkerImage, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the beds collection.
+        /// </summary>
+        public ObservableCollection<object> Calender
+        {
+            get
+            {
+                return this.calender;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.calender, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the facilities items collection.
+        /// </summary>
+        public List<RoomDetail> Facilities
+        {
+            get
+            {
+                return this.facilities;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.facilities, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the previewImages collection.
+        /// </summary>
+        public List<RoomDetail> PreviewImages
+        {
+            get
+            {
+                return this.previewImages;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.previewImages, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the beds collection.
+        /// </summary>
+        public List<RoomDetail> BedsCollection
+        {
+            get
+            {
+                return this.bedsCollection;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.bedsCollection, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets the guests collection.
+        /// </summary>
+        public List<RoomDetail> GuestsCollection
+        {
+            get
+            {
+                return this.guestsCollection;
+            }
+
+            private set
+            {
+                this.SetProperty(ref this.guestsCollection, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the geo coordinate.
+        /// </summary>
+        public Point GeoCoordinate
+        {
+            get
+            {
+                return this.geoCoordinate;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.geoCoordinate, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a value indicating whether the drop down is open or not.
+        /// </summary>
+        public bool IsDropDownOpen
+        {
+            get
+            {
+                return this.isDropDownOpen;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.isDropDownOpen, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the carusel view swipe item index.
+        /// </summary>
+        public int SelectedIndex
+        {
+            get
+            {
+                return this.selectedIndex;
+            }
+
+            set
+            {
+                if (this.selectedIndex == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.selectedIndex, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the SelectionChangedCommand.
+        /// </summary>
+        public string SelectionChangedCommand
+        {
+            get { return this.selectionChangedCommand; }
+            set { this.selectionChangedCommand = value; }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an book button is selected.
+        /// </summary>
+        public Command BookCommand
+        {
+            get
+            {
+                return this.bookCommand ?? (this.bookCommand = new Command(this.BookClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an book button is selected.
+        /// </summary>
+        public Command SelectionCommand
+        {
+            get
+            {
+                return this.selectionCommand ?? (this.selectionCommand = new Command(this.SelectionClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an more button is selected.
+        /// </summary>
+        public Command MoreCommand
+        {
+            get
+            {
+                return this.moreCommand ?? (this.moreCommand = new Command(this.MoreClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an more button is selected.
+        /// </summary>
+        public Command ShowAllCommand
+        {
+            get
+            {
+                return this.showAllCommand ?? (this.showAllCommand = new Command(this.ShowAllClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the combo box is clicked for guest.
+        /// </summary>
+        public Command GuestCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the combo box is clicked for bed.
+        /// </summary>
+        public Command BedCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the calender is clicked.
+        /// </summary>
+        public ICommand OnSelectionChanged { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the favourite button is clicked.
+        /// </summary>
+        public Command FavouriteCommand { get; set; }
+
+        #endregion
+
+        #region Methods
+        private void GetPinLocation()
+        {
+            this.GeoCoordinate = new Point(Convert.ToDouble(this.MapMarkerLatitude, CultureInfo.CurrentCulture), Convert.ToDouble(this.MapMarkerLongitude, CultureInfo.CurrentCulture));
+        }
+
+        private void SelectionChanged(SelectionChangedEventArgs e)
+        {
+            this.selectedDates = e.DateAdded;
+            if (this.selectedDates.Count != 0)
+            {
+                this.RoomDetail.SelectedRanges = this.selectedDates[0].Date.ToString("MMM dd", CultureInfo.CurrentCulture) + " - " + this.selectedDates[this.selectedDates.Count - 1].Date.ToString("MMM dd", CultureInfo.CurrentCulture);
+                this.IsDropDownOpen = false;
+            }
+        }
+
+        private void GuestSelectionChanged(object obj)
+        {
+            // Do your command action
+        }
+
+        private void BedSelectionChanged(object obj)
+        {
+            // Do your command action
+        }
+
+        private void FavouriteButtonClicked(object obj)
+        {
+            if (obj != null && (obj is RoomBookingPageViewModel))
+            {
+                (obj as RoomBookingPageViewModel).IsFavourite = (obj as RoomBookingPageViewModel).IsFavourite ? false : true;
+            }
+        }
+
+        /// <summary>
+        /// Invoked when the book button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void BookClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when carousel view item is swiped.
+        /// </summary>
+        /// <param name="obj">The rotator item</param>
+        private void SelectionClicked(object obj)
+        {
+            this.SelectedIndex = this.PreviewImages.IndexOf(obj);
+        }
+
+        /// <summary>
+        /// Invoked when the more button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void MoreClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the show all button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void ShowAllClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Ecommerce/CatalogPageViewModel.cs b/EssentialUIKit/ViewModels/Ecommerce/CatalogPageViewModel.cs
deleted file mode 100644
index 0f025465..00000000
--- a/EssentialUIKit/ViewModels/Ecommerce/CatalogPageViewModel.cs
+++ /dev/null
@@ -1,383 +0,0 @@
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Runtime.Serialization;
-using Syncfusion.ListView.XForms;
-using EssentialUIKit.Models;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.ViewModels.ECommerce
-{
-    /// <summary>
-    /// ViewModel for catalog page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [DataContract]
-    public class CatalogPageViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private ObservableCollection<Category> filterOptions;
-
-        private ObservableCollection<string> sortOptions;
-
-        private Command addFavouriteCommand;
-
-        private Command itemSelectedCommand;
-
-        private Command sortCommand;
-
-        private Command filterCommand;
-
-        private Command addToCartCommand;
-
-        private Command expandingCommand;
-
-        public Command cardItemCommand;
-
-        private string cartItemCount;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="CatalogPageViewModel" /> class.
-        /// </summary>
-        public CatalogPageViewModel()
-        {
-            this.FilterOptions = new ObservableCollection<Category>
-            {
-                new Category
-                {
-                    Name = "Gender",
-                    SubCategories = new List<string>
-                    {
-                        "Men",
-                        "Women"
-                    }
-                },
-                new Category
-                {
-                    Name = "Brand",
-                    SubCategories = new List<string>
-                    {
-                        "Brand A",
-                        "Brand B"
-                    }
-                },
-                new Category
-                {
-                    Name = "Categories",
-                    SubCategories = new List<string>
-                    {
-                        "Category A",
-                        "Category B"
-                    }
-                },
-                new Category
-                {
-                    Name = "Color",
-                    SubCategories = new List<string>
-                    {
-                        "Maroon",
-                        "Pink"
-                    }
-                },
-                new Category
-                {
-                    Name = "Price",
-                    SubCategories = new List<string>
-                    {
-                        "Above 3000",
-                        "1000 to 3000",
-                        "Below 1000"
-                    }
-                },
-                new Category
-                {
-                    Name = "Size",
-                    SubCategories = new List<string>
-                    {
-                        "S", "M", "L", "XL", "XXL"
-                    }
-                },
-                new Category
-                {
-                    Name = "Patterns",
-                    SubCategories = new List<string>
-                    {
-                        "Pattern 1", "Pattern 2"
-                    }
-                },
-                new Category
-                {
-                    Name = "Offers",
-                    SubCategories = new List<string>
-                    {
-                        "Buy 1 Get 1", "Buy 1 Get 2"
-                    }
-                },
-                new Category
-                {
-                    Name = "Coupons",
-                    SubCategories = new List<string>
-                    {
-                        "Coupon 1", "Coupon 2"
-                    }
-                },
-            };
-
-            this.SortOptions = new ObservableCollection<string>
-            {
-                "New Arrivals",
-                "Price - high to low",
-                "Price - Low to High",
-                "Popularity",
-                "Discount"
-            };
-        }
-
-        #endregion
-
-        #region Event
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the item details in tile.
-        /// </summary>
-        [DataMember(Name="products")]
-        public ObservableCollection<Product> Products
-        {
-            get; set;
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the filter options.
-        /// </summary>
-        public ObservableCollection<Category> FilterOptions
-        {
-            get
-            {
-                return this.filterOptions;
-            }
-
-            set
-            {
-                if (this.filterOptions == value)
-                {
-                    return;
-                }
-
-                this.filterOptions = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property has been bound with a list view, which displays the sort details.
-        /// </summary>
-        public ObservableCollection<string> SortOptions
-        {
-            get
-            {
-                return this.sortOptions;
-            }
-
-            set
-            {
-                if (this.sortOptions == value)
-                {
-                    return;
-                }
-
-                this.sortOptions = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with view, which displays the cart items count.
-        /// </summary>
-        public string CartItemCount
-        {
-            get
-            {
-                return this.cartItemCount;
-            }
-            set
-            {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
-        /// </summary>
-        public Command ItemSelectedCommand
-        {
-            get { return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the sort button is clicked.
-        /// </summary>
-        public Command SortCommand
-        {
-            get { return this.sortCommand ?? (this.sortCommand = new Command(this.SortClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the filter button is clicked.
-        /// </summary>
-        public Command FilterCommand
-        {
-            get { return this.filterCommand ?? (this.filterCommand = new Command(this.FilterClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Favourite button is clicked.
-        /// </summary>
-        public Command AddFavouriteCommand
-        {
-            get
-            {
-                return this.addFavouriteCommand ?? (this.addFavouriteCommand = new Command(this.AddFavouriteClicked));
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the AddToCart button is clicked.
-        /// </summary>
-        public Command AddToCartCommand
-        {
-            get { return this.addToCartCommand ?? (this.addToCartCommand = new Command(this.AddToCartClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when expander is expanded.
-        /// </summary>
-        public Command ExpandingCommand
-        {
-            get { return this.expandingCommand ?? (this.expandingCommand = new Command(this.ExpanderClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command will be executed when the cart icon button has been clicked.
-        /// </summary>
-        public Command CardItemCommand
-        {
-            get { return this.cardItemCommand ?? (this.cardItemCommand = new Command(this.CartClicked)); }
-        }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        public void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="attachedObject">The Object</param>
-        private void ItemSelected(object attachedObject)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the items are sorted.
-        /// </summary>
-        /// <param name="attachedObject">The Object</param>
-        private void SortClicked(object attachedObject)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the filter button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void FilterClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the favourite button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddFavouriteClicked(object obj)
-        {
-            if (obj is Product product)
-                product.IsFavourite = !product.IsFavourite;
-        }
-
-        /// <summary>
-        /// Invoked when the cart button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddToCartClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the expander is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void ExpanderClicked(object obj)
-        {
-            var objects = obj as List<object>;
-            var category = objects[0] as Category;
-            var listView = objects[1] as SfListView;
-
-            if (listView == null)
-            {
-                return;
-            }
-
-            var itemIndex = listView.DataSource.DisplayItems.IndexOf(category);
-            var scrollIndex = itemIndex + category.SubCategories.Count;
-            //Expand and bring the item in the view.
-            Device.BeginInvokeOnMainThread(async () =>
-            {
-                await System.Threading.Tasks.Task.Delay(100);
-                listView.LayoutManager.ScrollToRowIndex(scrollIndex, Syncfusion.ListView.XForms.ScrollToPosition.End, true);
-            });
-        }
-
-        /// <summary>
-        /// Invoked when cart icon button is clicked.
-        /// </summary>
-        /// <param name="obj"></param>
-        private void CartClicked(object obj)
-        {
-            // Do something
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/EmptyCartPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/EmptyCartPageViewModel.cs
index ef386b9d..7e1ba20f 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/EmptyCartPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/EmptyCartPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for empty cart page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class EmptyCartPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static EmptyCartPageViewModel emptyCartPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class EmptyCartPageViewModel : BaseViewModel
         /// </summary>
         public EmptyCartPageViewModel()
         {
-            this.ImagePath = "EmptyCart.svg";
-            this.Header = "CART IS EMPTY";
-            this.Content = "You don’t have any items in your cart";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of empty cart page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static EmptyCartPageViewModel BindingContext =>
+            emptyCartPageViewModel = PopulateData<EmptyCartPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "emptyCartImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the header.
         /// </summary>
+        [DataMember(Name = "emptyCartHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the content.
         /// </summary>
+        [DataMember(Name = "emptyCartContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/LocationDeniedPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/LocationDeniedPageViewModel.cs
index 100a1b16..64e83646 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/LocationDeniedPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/LocationDeniedPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for location denied page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class LocationDeniedPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static LocationDeniedPageViewModel locationDeniedPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class LocationDeniedPageViewModel : BaseViewModel
         /// </summary>
         public LocationDeniedPageViewModel()
         {
-            this.ImagePath = "LocationAccessDenied.svg";
-            this.Header = "LOCATION BLOCKED";
-            this.Content = "You cannot access this location at this time";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of Location denied page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static LocationDeniedPageViewModel BindingContext =>
+            locationDeniedPageViewModel = PopulateData<LocationDeniedPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "locationDeniedImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "locationDeniedHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "locationDeniedContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoCreditsPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoCreditsPageViewModel.cs
index 83943464..04a2bbb7 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoCreditsPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoCreditsPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no credits page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoCreditsPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoCreditsPageViewModel noCreditsPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoCreditsPageViewModel : BaseViewModel
         /// </summary>
         public NoCreditsPageViewModel()
         {
-            this.ImagePath = "NoCredits.svg";
-            this.Header = "NO CREDITS";
-            this.Content = "You don’t have any credits";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of no credits page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoCreditsPageViewModel BindingContext =>
+            noCreditsPageViewModel = PopulateData<NoCreditsPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noCreditsImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noCreditsHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noCreditsContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoInternetConnectionPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoInternetConnectionPageViewModel.cs
index 30956fae..cbd4fc57 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoInternetConnectionPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoInternetConnectionPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no internet connection page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoInternetConnectionPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoInternetConnectionPageViewModel noInternetConnectionPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command tryAgainCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoInternetConnectionPageViewModel : BaseViewModel
         /// </summary>
         public NoInternetConnectionPageViewModel()
         {
-            this.ImagePath = "NoInternet.svg";
-            this.Header = "NO INTERNET";
-            this.Content = "You must be connected to the internet to complete this action";
-            this.TryAgainCommand = new Command(this.TryAgain);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the TryAgain button is clicked.
+        /// Gets or sets the value of no internet connection page view model.
         /// </summary>
-        public ICommand TryAgainCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoInternetConnectionPageViewModel BindingContext =>
+            noInternetConnectionPageViewModel = PopulateData<NoInternetConnectionPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noInternetImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noInternetHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noInternetContent")]
         public string Content
         {
             get
@@ -94,15 +93,52 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the TryAgain button is clicked.
+        /// </summary>
+        public Command TryAgainCommand
+        {
+            get
+            {
+                return this.tryAgainCommand ?? (this.tryAgainCommand = new Command(this.TryAgain));
             }
         }
 
         #endregion
 
         #region Methods
-     
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Try again button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoItemPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoItemPageViewModel.cs
index ba42a2e7..2bfc6a99 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoItemPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoItemPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no item page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoItemPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoItemPageViewModel noItemPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoItemPageViewModel : BaseViewModel
         /// </summary>
         public NoItemPageViewModel()
         {
-            this.ImagePath = "NoItem.svg";
-            this.Header = "NO ITEMS";
-            this.Content = "You haven’t selected any items yet";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of no items page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoItemPageViewModel BindingContext =>
+            noItemPageViewModel = PopulateData<NoItemPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noItemImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noItemHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noItemContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoPhotosPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoPhotosPageViewModel.cs
index 08b94f84..ce7d58f9 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoPhotosPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoPhotosPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no photos page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoPhotosPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoPhotosPageViewModel noPhotosPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoPhotosPageViewModel : BaseViewModel
         /// </summary>
         public NoPhotosPageViewModel()
         {
-            this.ImagePath = "NoPhotos.svg";
-            this.Header = "NO PHOTOS";
-            this.Content = "You haven’t selected any photos yet";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of no photos page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoPhotosPageViewModel BindingContext =>
+            noPhotosPageViewModel = PopulateData<NoPhotosPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noPhotosImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noPhotosHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noPhotosContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoTasksPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoTasksPageViewModel.cs
index f56f9efd..75d45b63 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoTasksPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoTasksPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no tasks page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoTasksPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoTasksPageViewModel noTasksPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoTasksPageViewModel : BaseViewModel
         /// </summary>
         public NoTasksPageViewModel()
         {
-            this.ImagePath = "NoTasks.svg";
-            this.Header = "NO TASKS";
-            this.Content = "You haven’t been assigned any tasks yet";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of no tasks page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoTasksPageViewModel BindingContext =>
+            noTasksPageViewModel = PopulateData<NoTasksPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noTasksImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noTasksHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noTasksContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoVideosPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoVideosPageViewModel.cs
index 0f70c524..fd6fedb6 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NoVideosPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NoVideosPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for no videos page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NoVideosPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NoVideosPageViewModel noVideosPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NoVideosPageViewModel : BaseViewModel
         /// </summary>
         public NoVideosPageViewModel()
         {
-            this.ImagePath = "NoVideos.svg";
-            this.Header = "NO VIDEOS";
-            this.Content = "You haven’t selected any videos yet";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Go back button is clicked.
+        /// Gets or sets the value of no videos page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NoVideosPageViewModel BindingContext =>
+            noVideosPageViewModel = PopulateData<NoVideosPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "noVideosImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "noVideosHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "noVideosContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/NotEnoughCreditPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/NotEnoughCreditPageViewModel.cs
index 476d41a8..97a0cde8 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/NotEnoughCreditPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/NotEnoughCreditPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for not enough credit page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class NotEnoughCreditPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static NotEnoughCreditPageViewModel notEnoughCreditPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command gobackCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class NotEnoughCreditPageViewModel : BaseViewModel
         /// </summary>
         public NotEnoughCreditPageViewModel()
         {
-            this.ImagePath = "NotEnoughCredit.svg";
-            this.Header = "NOT ENOUGH CREDIT";
-            this.Content = "You do not have enough credit to access this benefit";
-            this.GoBackCommand = new Command(this.GoBack);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the go back button is clicked.
+        /// Gets or sets the value of not enough credit page view model.
         /// </summary>
-        public ICommand GoBackCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static NotEnoughCreditPageViewModel BindingContext =>
+            notEnoughCreditPageViewModel = PopulateData<NotEnoughCreditPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "notEnoughCreditImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "notEnoughCreditHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "notEnoughCreditContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the go back button is clicked.
+        /// </summary>
+        public Command GoBackCommand
+        {
+            get
+            {
+                return this.gobackCommand ?? (this.gobackCommand = new Command(this.GoBack));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Go back button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/PaymentFailedPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/PaymentFailedPageViewModel.cs
index d954b779..40f52822 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/PaymentFailedPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/PaymentFailedPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for payment failed page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class PaymentFailedPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static PaymentFailedPageViewModel paymentFailedPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command tryAgain;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class PaymentFailedPageViewModel : BaseViewModel
         /// </summary>
         public PaymentFailedPageViewModel()
         {
-            this.ImagePath = "PaymentFailed.svg";
-            this.Header = "PAYMENT FAILED";
-            this.Content = "An error occurred while processing your payment";
-            this.TryAgainCommand = new Command(this.TryAgain);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Try again button is clicked.
+        /// Gets or sets the value of payment page view model.
         /// </summary>
-        public ICommand TryAgainCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static PaymentFailedPageViewModel BindingContext =>
+            paymentFailedPageViewModel = PopulateData<PaymentFailedPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "paymentFailedImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "paymentFailedHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "paymentFailedContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the Try again button is clicked.
+        /// </summary>
+        public Command TryAgainCommand
+        {
+            get
+            {
+                return this.tryAgain ?? (this.tryAgain = new Command(this.TryAgain));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the Try again button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/ErrorAndEmpty/SomethingWentWrongPageViewModel.cs b/EssentialUIKit/ViewModels/ErrorAndEmpty/SomethingWentWrongPageViewModel.cs
index 2d023443..bbf73b1b 100644
--- a/EssentialUIKit/ViewModels/ErrorAndEmpty/SomethingWentWrongPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/ErrorAndEmpty/SomethingWentWrongPageViewModel.cs
@@ -1,6 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -10,16 +10,21 @@ namespace EssentialUIKit.ViewModels.ErrorAndEmpty
     /// ViewModel for something went wrong page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class SomethingWentWrongPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static SomethingWentWrongPageViewModel somethingWentWrongPageViewModel;
+
         private string imagePath;
 
         private string header;
 
         private string content;
 
+        private Command tryAgainCommand;
+
         #endregion
 
         #region Constructor
@@ -29,28 +34,22 @@ public class SomethingWentWrongPageViewModel : BaseViewModel
         /// </summary>
         public SomethingWentWrongPageViewModel()
         {
-            this.ImagePath = "SomethingWentWrong.svg";
-            this.Header = "SOMETHING WENT WRONG";
-            this.Content = "We’re not sure what happened, but we know an error occurred";
-            this.TryAgainCommand = new Command(this.TryAgain);
         }
 
         #endregion
 
-        #region Commands
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the TryAgain button is clicked.
+        /// Gets or sets the value of something went wrong page view model.
         /// </summary>
-        public ICommand TryAgainCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static SomethingWentWrongPageViewModel BindingContext =>
+            somethingWentWrongPageViewModel = PopulateData<SomethingWentWrongPageViewModel>("errorAndEmpty.json");
 
         /// <summary>
         /// Gets or sets the ImagePath.
         /// </summary>
+        [DataMember(Name = "somethingWentWrongImagePath")]
         public string ImagePath
         {
             get
@@ -60,14 +59,14 @@ public string ImagePath
 
             set
             {
-                this.imagePath = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.imagePath, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Header.
         /// </summary>
+        [DataMember(Name = "somethingWentWrongHeader")]
         public string Header
         {
             get
@@ -77,14 +76,14 @@ public string Header
 
             set
             {
-                this.header = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.header, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the Content.
         /// </summary>
+        [DataMember(Name = "somethingWentWrongContent")]
         public string Content
         {
             get
@@ -94,8 +93,22 @@ public string Content
 
             set
             {
-                this.content = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.content, value);
+            }
+        }
+
+        #endregion
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the TryAgain button is clicked.
+        /// </summary>
+        public Command TryAgainCommand
+        {
+            get
+            {
+                return this.tryAgainCommand ?? (this.tryAgainCommand = new Command(this.TryAgain));
             }
         }
 
@@ -103,6 +116,29 @@ public string Content
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the TryAgain button is clicked.
         /// </summary>
@@ -111,6 +147,7 @@ private void TryAgain(object obj)
         {
             // Do something
         }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Feedback/FeedbackViewModel.cs b/EssentialUIKit/ViewModels/Feedback/FeedbackViewModel.cs
index aa69d702..fbfe3a6a 100644
--- a/EssentialUIKit/ViewModels/Feedback/FeedbackViewModel.cs
+++ b/EssentialUIKit/ViewModels/Feedback/FeedbackViewModel.cs
@@ -1,6 +1,7 @@
-using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models.Feedback;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -11,124 +12,103 @@ namespace EssentialUIKit.ViewModels.Feedback
     /// ViewModel for feedback page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class FeedbackViewModel
+    [DataContract]
+    public class FeedbackViewModel : BaseViewModel
     {
+        #region Fields  
+
+        private static FeedbackViewModel feedbackViewModel;
+
+        private Command filterCommand;
+
+        private Command itemSelectedCommand;
+
+        private Command sortCommand;
+
+        #endregion
+
         #region Constructor
 
         public FeedbackViewModel()
         {
-            var randomNum = new Random(0123456789);
-            this.FeedbackInfo = new ObservableCollection<Review>
-            {
-                new Review
-                {
-                    CustomerName = "Jessica Park",
-                    Comment = "These boots are stunning and I look stunning in them.",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5),
-                    Images = new List<string>
-                    {
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png"
-                    }
-                },
-                new Review
-                {
-                    CustomerName = "Alice",
-                    Comment = "Greatest purchase I have ever made in my life. No lie.",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5)
-                },
-                new Review
-                {
-                    CustomerName = "John",
-                    Comment = "Absolutely love them! Can’t stop wearing!",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5)
-                },
-                new Review
-                {
-                    CustomerName = "Lisa",
-                    Comment = "These boots are very much comfortable for wearing.",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5),
-                    Images = new List<string>
-                    {
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png"
-                    }
-                },
-                new Review
-                {
-                    CustomerName = "Rebacca",
-                    Comment = "Absolutely love them! Can’t stop wearing!",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5)
-                },
-                new Review
-                {
-                    CustomerName = "Jessica Park",
-                    Comment = "Happy purchasing!",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(4, 5)
-                },
-                new Review
-                {
-                    CustomerName = "Alice",
-                    Comment = "Happy buying!",
-                    ReviewedDate = DateTime.Now.AddDays(randomNum.Next(0, 1000)),
-                    CustomerImage = App.BaseImageUrl + "ProfileImage" + randomNum.Next(1, 19) + ".png",
-                    Rating = randomNum.Next(0, 5),
-                    Images = new List<string>
-                    {
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png",
-                        App.BaseImageUrl + "ReviewShoe.png"
-                    }
-                }
-            };
-
-            this.FilterCommand = new Command(this.OnFilterTapped);
-            this.SortCommand = new Command(this.OnSortTapped);
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
         }
 
         #endregion
 
         #region Properties
 
+        /// <summary>
+        /// Gets or sets the value of feedback view model.
+        /// </summary>
+        public static FeedbackViewModel BindingContext =>
+            feedbackViewModel = PopulateData<FeedbackViewModel>("feedback.json");
+
         /// <summary>
         /// Gets or sets the value for feedback info.
         /// </summary>
+        [DataMember(Name = "feedbackInfo")]
         public ObservableCollection<Review> FeedbackInfo { get; set; }
 
         /// <summary>
-        /// Gets or sets the value for filter command.
+        /// Gets the value for filter command.
         /// </summary>
-        public Command FilterCommand { get; set; }
+        public Command FilterCommand
+        {
+            get
+            {
+                return this.filterCommand ?? (this.filterCommand = new Command(this.OnFilterTapped));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the value for sort command.
+        /// Gets the value for sort command.
         /// </summary>
-        public Command SortCommand { get; set; }
+        public Command SortCommand
+        {
+            get
+            {
+                return this.sortCommand ?? (this.sortCommand = new Command(this.OnSortTapped));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
+        /// Gets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the sort button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/Feedback/ReviewPageViewModel.cs b/EssentialUIKit/ViewModels/Feedback/ReviewPageViewModel.cs
index dd8d19f0..2d2bc8d4 100644
--- a/EssentialUIKit/ViewModels/Feedback/ReviewPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Feedback/ReviewPageViewModel.cs
@@ -7,7 +7,7 @@ namespace EssentialUIKit.ViewModels.Feedback
     /// ViewModel for review page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class ReviewPageViewModel
+    public class ReviewPageViewModel : BaseViewModel
     {
         #region Constructor
 
diff --git a/EssentialUIKit/ViewModels/Forms/AddCardViewModel.cs b/EssentialUIKit/ViewModels/Forms/AddCardViewModel.cs
index 599b4742..3b129512 100644
--- a/EssentialUIKit/ViewModels/Forms/AddCardViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/AddCardViewModel.cs
@@ -1,5 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -13,13 +14,15 @@ public class AddCardViewModel : BaseViewModel
     {
         #region Fields
 
-        private string cardNumber;
+        private ValidatableObject<string> cardNumber;
 
-        private string expireDate;
+        private ValidatableObject<string> expireDate;
 
-        private string cvv;
+        private ValidatableObject<string> cvv;
 
-        private string name;
+        private ValidatableObject<string> name;
+
+        private DateTime date = DateTime.Now;
 
         private bool isChecked;
 
@@ -27,19 +30,24 @@ public class AddCardViewModel : BaseViewModel
 
         #region Constrctor
 
+        /// <summary>
+        /// Initializes a new instance of the <see cref="AddCardViewModel" /> class
+        /// </summary>
         public AddCardViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.AddCardCommand = new Command(this.AddCardClicked);
         }
 
         #endregion
-        
+
         #region Properties
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the card number from user.
         /// </summary>
-        public string CardNumber
+        public ValidatableObject<string> CardNumber
         {
             get
             {
@@ -53,15 +61,14 @@ public string CardNumber
                     return;
                 }
 
-                this.cardNumber = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cardNumber, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the expire date from user.
         /// </summary>
-        public string ExpireDate
+        public ValidatableObject<string> ExpireDate
         {
             get
             {
@@ -75,15 +82,14 @@ public string ExpireDate
                     return;
                 }
 
-                this.expireDate = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.expireDate, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the cvv number from user.
         /// </summary>
-        public string CVV
+        public ValidatableObject<string> CVV
         {
             get
             {
@@ -97,15 +103,14 @@ public string CVV
                     return;
                 }
 
-                this.cvv = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.cvv, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the name from user.
         /// </summary>
-        public string Name
+        public ValidatableObject<string> Name
         {
             get
             {
@@ -119,8 +124,28 @@ public string Name
                     return;
                 }
 
-                this.name = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.name, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with a date picker that gets the date from user in the Add Card page.
+        /// </summary>
+        public DateTime Date
+        {
+            get
+            {
+                return this.date;
+            }
+
+            set
+            {
+                if (this.date == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.date, value);
             }
         }
 
@@ -141,13 +166,12 @@ public bool IsChecked
                     return;
                 }
 
-                this.isChecked = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.isChecked, value);
             }
         }
 
         #endregion
-        
+
         #region Command
 
         /// <summary>
@@ -159,13 +183,51 @@ public bool IsChecked
 
         #region Methods
 
+        /// <summary>
+        /// Check the card is valid or not.
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        public bool IsCardValid()
+        {
+            bool isNameValid = this.Name.Validate();
+            bool isNumberValid = this.CardNumber.Validate();
+            bool isCvvValid = this.CVV.Validate();
+            bool isExpireValid = this.ExpireDate.Validate();
+            return isNameValid && isNumberValid && isCvvValid && isExpireValid;
+        }
+
+        /// <summary>
+        /// Intialize the property of name.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Name = new ValidatableObject<string>();
+            this.CardNumber = new ValidatableObject<string>();
+            this.CVV = new ValidatableObject<string>();
+            this.ExpireDate = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Invoked when validation for name
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Name.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+            this.CardNumber.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Card Number Required" });
+            this.CVV.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "CVV Required" });
+            this.ExpireDate.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Select Expiry" });
+        }
+
         /// <summary>
         /// Invoked when the add card button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void AddCardClicked(object obj)
         {
-            // Do something
+            if (this.IsCardValid())
+            {
+                // Do something
+            }
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Forms/AddContactViewModel.cs b/EssentialUIKit/ViewModels/Forms/AddContactViewModel.cs
index c4c21bac..e7b47670 100644
--- a/EssentialUIKit/ViewModels/Forms/AddContactViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/AddContactViewModel.cs
@@ -1,21 +1,32 @@
 using System;
-using System.Collections.Generic;
-using System.Text;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms;
+using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Forms
 {
     /// <summary>
     /// ViewModel for add contact page.
     /// </summary>
+    [Preserve(AllMembers = true)]
     public class AddContactViewModel : LoginViewModel
     {
+        #region Fields
+
+        private DateTime date = DateTime.Now;
+
+        #endregion
+
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance for the <see cref="AddContactViewModel" /> class.
         /// </summary>
         public AddContactViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.SubmitCommand = new Command(this.SubmitButtonClicked);
         }
 
@@ -26,17 +37,33 @@ public AddContactViewModel()
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the first name from user in the Add Contact page.
         /// </summary>
-        public string FirstName { get; set; }
+        public ValidatableObject<string> FirstName { get; set; }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the last name from user in the Add Contact page.
         /// </summary>
-        public string LastName { get; set; }
+        public ValidatableObject<string> LastName { get; set; }
 
         /// <summary>
         /// Gets or sets the property that bounds with a date picker that gets the date from user in the Add Contact page.
         /// </summary>
-        public DateTime Date{ get; set; }
+        public DateTime Date 
+        {
+            get
+            {
+                return this.date;
+            }
+
+            set
+            {
+                if (this.date == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.date, value);
+            }
+        }
 
         /// <summary>
         /// Gets or sets the property that bounds with a combo box that gets the gender from user in the Add Contact page.
@@ -58,16 +85,6 @@ public AddContactViewModel()
         /// </summary>
         public string City { get; set; }
 
-        /// <summary>
-        /// Gets or sets the property that bounds with an combobox that gets the state from user in the Add Contact page.
-        /// </summary>
-        public string State { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that bounds with an combobox that gets the country from user in the Add Contact page.
-        /// </summary>
-        public string Country { get; set; }
-
         #endregion
 
         #region Comments
@@ -81,16 +98,48 @@ public AddContactViewModel()
 
         #region Methods
 
+        /// <summary>
+        /// check the fields are valid or not
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        public bool AreFieldsValid()
+        {
+            bool isEmailValid = this.Email.Validate();
+            bool isFirstNameValid = this.FirstName.Validate();
+            bool isLastNameValid = this.LastName.Validate();
+            return isFirstNameValid && isLastNameValid && isEmailValid;
+        }
+
+        /// <summary>
+        /// Intialize the methods for validation
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.FirstName = new ValidatableObject<string>();
+            this.LastName = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation Rules for firstname and lastname
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.FirstName.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+            this.LastName.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+        }
+
         /// <summary>
         /// Invoked when the submit button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void SubmitButtonClicked(object obj)
         {
-            // Do something
+            if (this.AreFieldsValid())
+            {
+                // Do Something
+            }
         }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/ViewModels/Forms/AddProfileViewModel.cs b/EssentialUIKit/ViewModels/Forms/AddProfileViewModel.cs
new file mode 100644
index 00000000..6f5c94e9
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Forms/AddProfileViewModel.cs
@@ -0,0 +1,165 @@
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Forms
+{
+    /// <summary>
+    /// ViewModel for add profile page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class AddProfileViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private ValidatableObject<string> firstName;
+
+        private ValidatableObject<string> lastName;
+
+        private Command<object> addContactCommand;
+
+        private Command<object> addProfileCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializing the profile details.
+        /// </summary>
+        public AddProfileViewModel()
+        {
+            this.InitializeProperties();
+            this.AddValidationRules();
+        }
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the FirstName
+        /// </summary>
+        public ValidatableObject<string> FirstName
+        {
+            get
+            {
+                return this.firstName;
+            }
+
+            set
+            {
+                if (this.firstName == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.firstName, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the LastName.
+        /// </summary>
+        public ValidatableObject<string> LastName
+        {
+            get
+            {
+                return this.lastName;
+            }
+
+            set
+            {
+                if (this.lastName == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.lastName, value);
+            }
+        }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command that will be executed when an add profile button is clicked.
+        /// </summary>
+        public Command<object> AddProfileCommand
+        {
+            get
+            {
+                return this.addProfileCommand ?? (this.addProfileCommand = new Command<object>(this.AddProfileClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an add contact button is clicked.
+        /// </summary>
+        public Command<object> AddContactCommand
+        {
+            get
+            {
+                return this.addContactCommand ?? (this.addContactCommand = new Command<object>(this.AddContactClicked));
+            }
+        }
+
+        #endregion
+
+        #region Method
+
+        /// <summary>
+        /// Check the names are null or empty.
+        /// </summary>
+        /// <returns>Returns the names are valid or not</returns>
+        public bool AreNamesValid()
+        {
+            bool isFirstNameValid = this.FirstName.Validate();
+            bool isLastNameValid = this.LastName.Validate();
+            return isFirstNameValid && isLastNameValid;
+        }
+
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.FirstName = new ValidatableObject<string>();
+            this.LastName = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation rules for name fields
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.FirstName.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+            this.LastName.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+        }
+
+        /// <summary>
+        /// Invoked when add contact button is clicked from the add profile page.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void AddContactClicked(object obj)
+        {
+            if (this.AreNamesValid())
+            {
+                // Do Something
+            }
+        }
+
+        /// <summary>
+        /// Invoked when add profile button is clicked from the add profile page.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void AddProfileClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Forms/BusinessRegistrationFormViewModel.cs b/EssentialUIKit/ViewModels/Forms/BusinessRegistrationFormViewModel.cs
index 13855538..f5bcea74 100644
--- a/EssentialUIKit/ViewModels/Forms/BusinessRegistrationFormViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/BusinessRegistrationFormViewModel.cs
@@ -1,4 +1,5 @@
-using System;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -8,7 +9,7 @@ namespace EssentialUIKit.ViewModels.Forms
     /// ViewModel for Business Registration Form page 
     /// </summary> 
     [Preserve(AllMembers = true)]
-    public class BusinessRegistrationFormViewModel : BaseViewModel
+    public class BusinessRegistrationFormViewModel : LoginViewModel
     {
         #region Constructor
 
@@ -17,32 +18,30 @@ public class BusinessRegistrationFormViewModel : BaseViewModel
         /// </summary>
         public BusinessRegistrationFormViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.SubmitCommand = new Command(this.SubmitClicked);
         }
+
         #endregion
 
-        #region Property
+        #region Properties
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the Full Name from user.
         /// </summary>
-        public string FullName { get; set; }
+        public ValidatableObject<string> FullName { get; set; }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the Business Name from user.
         /// </summary>
         public string BusinessName { get; set; }
-        
+
         /// <summary>
         /// Gets or sets the property that bounds with a ComboBox that gets the Business from user.
         /// </summary>
         public string Business { get; set; }
 
-        /// <summary>
-        /// Gets or sets the property that bounds with an entry that gets the Email ID from user.
-        /// </summary>
-        public string Email { get; set; }
-
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the Phone Number from user.
         /// </summary>
@@ -58,16 +57,6 @@ public BusinessRegistrationFormViewModel()
         /// </summary>
         public string City { get; set; }
 
-        /// <summary>
-        /// Gets or sets the property that bounds with a ComboBox that gets the State from user.
-        /// </summary>
-        public string State { get; set; }
-
-        /// <summary>
-        /// Gets or sets the property that bounds with a ComboBox that gets the Country from user.
-        /// </summary>
-        public string Country { get; set; }
-
         #endregion 
 
         #region Comments
@@ -81,13 +70,43 @@ public BusinessRegistrationFormViewModel()
 
         #region Methods
 
+        /// <summary>
+        /// Initializzing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.FullName = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation rule for name
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.FullName.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+        }
+
+        /// <summary>
+        /// Check name is valid or not
+        /// </summary>
+        /// <returns>Returns the fields are valid or not</returns>
+        private bool AreFieldsValid()
+        {
+            bool isEmailValid = this.Email.Validate();
+            bool isFullNameValid = this.FullName.Validate();
+            return isFullNameValid && isEmailValid;
+        }
+
         /// <summary>
         /// Invoked when the Submit button clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void SubmitClicked(Object obj)
+        private void SubmitClicked(object obj)
         {
-
+            if (this.AreFieldsValid())
+            {
+                // Do Something
+            }
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Forms/CardPaymentPageViewModel.cs b/EssentialUIKit/ViewModels/Forms/CardPaymentPageViewModel.cs
new file mode 100644
index 00000000..2128355f
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Forms/CardPaymentPageViewModel.cs
@@ -0,0 +1,173 @@
+using System;
+using System.Runtime.Serialization;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Forms
+{
+    /// <summary>
+    /// ViewModel for card payment page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class CardPaymentPageViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private string cardNumber = "XXXX-XXXX-XXXX-XXXX";
+
+        private string cardCvv;
+
+        private string cardHolderName;
+
+        private String cardExpirationDate = string.Format("{0:MM/yy}", DateTime.Now);
+
+        private DateTime minimumDate;
+
+        private Command addCardCommand;
+
+        #endregion
+
+        #region Property
+
+        /// <summary>
+        /// Gets or sets the property that bounds with an entry that gets the card holder name from user.
+        /// </summary>
+        public string CardHolderName
+        {
+            get
+            {
+                return this.cardHolderName;
+            }
+
+            set
+            {
+                if (this.cardHolderName == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.cardHolderName, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with an entry that gets the card number from user.
+        /// </summary>
+        public string CardNumber
+        {
+            get
+            {
+                return this.cardNumber;
+            }
+
+            set
+            {
+                if (this.cardNumber == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.cardNumber, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the card type.
+        /// </summary>
+        public string CardType { get; set; } = "CREDIT CARD";
+
+        /// <summary>
+        /// Gets or sets the property that bounds with an entry that gets the cvv number from user.
+        /// </summary>
+        public string CardCvv
+        {
+            get
+            {
+                return this.cardCvv;
+            }
+
+            set
+            {
+                if (this.cardCvv == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.cardCvv, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with an entry that gets the expire date from user.
+        /// </summary>
+        public String CardExpirationDate
+        {
+            get
+            {
+                return this.cardExpirationDate;
+            }
+
+            set
+            {
+                if (this.cardExpirationDate == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.cardExpirationDate, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that bounds with an entry that gets the expire date from user.
+        /// </summary>
+        public DateTime MinimumDate
+        {
+            get
+            {
+                return this.minimumDate = DateTime.Now.AddDays(1);
+            }
+
+            set
+            {
+                if (this.minimumDate == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.minimumDate, value);
+            }
+        }
+
+        #endregion
+
+        #region commands
+
+        /// <summary>
+        /// Gets the command is executed when the add card button is clicked.
+        /// </summary>
+        public Command AddCardCommand
+        {
+            get
+            {
+                return this.addCardCommand ?? (this.addCardCommand = new Command(this.AddCardButtonClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when the add card button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void AddCardButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Forms/ForgotPasswordViewModel.cs b/EssentialUIKit/ViewModels/Forms/ForgotPasswordViewModel.cs
index 3c8f343e..66504c13 100644
--- a/EssentialUIKit/ViewModels/Forms/ForgotPasswordViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/ForgotPasswordViewModel.cs
@@ -44,7 +44,10 @@ public ForgotPasswordViewModel()
         /// <param name="obj">The Object</param>
         private void SendClicked(object obj)
         {
-            // Do something
+            if (this.IsEmailFieldValid())
+            {
+                // Do something
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Forms/LoginPageViewModel.cs b/EssentialUIKit/ViewModels/Forms/LoginPageViewModel.cs
index d4d4df28..a5baf729 100644
--- a/EssentialUIKit/ViewModels/Forms/LoginPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/LoginPageViewModel.cs
@@ -1,4 +1,5 @@
-using System.Threading.Tasks;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -12,7 +13,7 @@ public class LoginPageViewModel : LoginViewModel
     {
         #region Fields
 
-        private string password;
+        private ValidatableObject<string> password;
 
         #endregion
 
@@ -23,6 +24,8 @@ public class LoginPageViewModel : LoginViewModel
         /// </summary>
         public LoginPageViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.LoginCommand = new Command(this.LoginClicked);
             this.SignUpCommand = new Command(this.SignUpClicked);
             this.ForgotPasswordCommand = new Command(this.ForgotPasswordClicked);
@@ -36,7 +39,7 @@ public LoginPageViewModel()
         /// <summary>
         /// Gets or sets the property that is bound with an entry that gets the password from user in the login page.
         /// </summary>
-        public string Password
+        public ValidatableObject<string> Password
         {
             get
             {
@@ -50,8 +53,7 @@ public string Password
                     return;
                 }
 
-                this.password = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.password, value);
             }
         }
 
@@ -83,13 +85,43 @@ public string Password
 
         #region methods
 
+        /// <summary>
+        /// Check the password is null or empty
+        /// </summary>
+        /// <returns>Returns the fields are valid or not</returns>
+        public bool AreFieldsValid()
+        {
+            bool isEmailValid = this.Email.Validate();
+            bool isPasswordValid = this.Password.Validate();
+            return isEmailValid && isPasswordValid;
+        }
+
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Password = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation rule for password
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Password.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Password Required" });
+        }
+
         /// <summary>
         /// Invoked when the Log In button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void LoginClicked(object obj)
         {
-            // Do something
+            if (this.AreFieldsValid())
+            {
+                // Do Something
+            }
         }
 
         /// <summary>
@@ -98,19 +130,16 @@ private void LoginClicked(object obj)
         /// <param name="obj">The Object</param>
         private void SignUpClicked(object obj)
         {
-            // Do something
+            // Do Something
         }
 
         /// <summary>
         /// Invoked when the Forgot Password button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private async void ForgotPasswordClicked(object obj)
+        private void ForgotPasswordClicked(object obj)
         {
-            var label = obj as Label;
-            label.BackgroundColor = Color.FromHex("#70FFFFFF");
-            await Task.Delay(100);
-            label.BackgroundColor = Color.Transparent;
+            // Do something
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Forms/LoginViewModel.cs b/EssentialUIKit/ViewModels/Forms/LoginViewModel.cs
index 8783b78e..00ba2ea7 100644
--- a/EssentialUIKit/ViewModels/Forms/LoginViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/LoginViewModel.cs
@@ -1,5 +1,5 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Forms
@@ -12,18 +12,29 @@ public class LoginViewModel : BaseViewModel
     {
         #region Fields
 
-        private string email;
+        private ValidatableObject<string> email;
 
-        private bool isInvalidEmail;
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="LoginViewModel" /> class.
+        /// </summary>
+        public LoginViewModel()
+        {
+            this.InitializeProperties();
+            this.AddValidationRules();
+        }
 
         #endregion
-        
+
         #region Property
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the email ID from user in the login page.
         /// </summary>
-        public string Email
+        public ValidatableObject<string> Email
         {
             get
             {
@@ -37,31 +48,38 @@ public string Email
                     return;
                 }
 
-                this.email = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.email, value);
             }
         }
+        #endregion
+
+        #region Methods
 
         /// <summary>
-        /// Gets or sets a value indicating whether the entered email is valid or invalid.
+        /// This method to validate the email
         /// </summary>
-        public bool IsInvalidEmail
+        /// <returns>returns bool value</returns>
+        public bool IsEmailFieldValid()
         {
-            get
-            {
-                return this.isInvalidEmail;
-            }
+            bool isEmailValid = this.Email.Validate();
+            return isEmailValid;
+        }
 
-            set
-            {
-                if (this.isInvalidEmail == value)
-                {
-                    return;
-                }
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Email = new ValidatableObject<string>();
+        }
 
-                this.isInvalidEmail = value;
-                this.NotifyPropertyChanged();
-            }
+        /// <summary>
+        /// This method contains the validation rules
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Email.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Email Required" });
+            this.Email.Validations.Add(new IsValidEmailRule<string> { ValidationMessage = "Invalid Email" });
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Forms/LoginWithSocialIconViewModel.cs b/EssentialUIKit/ViewModels/Forms/LoginWithSocialIconViewModel.cs
new file mode 100644
index 00000000..1223f081
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Forms/LoginWithSocialIconViewModel.cs
@@ -0,0 +1,186 @@
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Forms
+{
+    /// <summary>
+    /// ViewModel for login with social icon page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class LoginWithSocialIconViewModel : LoginViewModel
+    {
+        #region Fields
+
+        private ValidatableObject<string> password;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="LoginWithSocialIconViewModel" /> class.
+        /// </summary>
+        public LoginWithSocialIconViewModel()
+        {
+            this.InitializeProperties();
+            this.AddValidationRules();
+            this.LoginCommand = new Command(this.LoginClicked);
+            this.SignUpCommand = new Command(this.SignUpClicked);
+            this.ForgotPasswordCommand = new Command(this.ForgotPasswordClicked);
+            this.FaceBookLoginCommand = new Command(this.FaceBookClicked);
+            this.TwitterLoginCommand = new Command(this.TwitterClicked);
+            this.GmailLoginCommand = new Command(this.GmailClicked);
+        }
+
+        #endregion
+
+        #region property
+
+        /// <summary>
+        /// Gets or sets the property that is bound with an entry that gets the password from user in the login page.
+        /// </summary>
+        public ValidatableObject<string> Password
+        {
+            get
+            {
+                return this.password;
+            }
+
+            set
+            {
+                if (this.password == value)
+                {
+                    return;
+                }
+
+                this.SetProperty(ref this.password, value);
+            }
+        }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the Log In button is clicked.
+        /// </summary>
+        public Command LoginCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the Sign Up button is clicked.
+        /// </summary>
+        public Command SignUpCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the Forgot Password button is clicked.
+        /// </summary>
+        public Command ForgotPasswordCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the facebook login button is clicked.
+        /// </summary>
+        public Command FaceBookLoginCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the twitter login button is clicked.
+        /// </summary>
+        public Command TwitterLoginCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command that is executed when the gmail login button is clicked.
+        /// </summary>
+        public Command GmailLoginCommand { get; set; }
+
+        #endregion
+
+        #region methods
+
+        /// <summary>
+        /// check the validation
+        /// </summary>
+        /// <returns>returns bool value</returns>
+        public bool AreFieldsValid()
+        {
+            bool isEmailValid = this.Email.Validate();
+            bool isPassword = this.Password.Validate();
+            return isEmailValid && isPassword;
+        }
+
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Password = new ValidatableObject<string>();
+        }
+
+        /// <summary>
+        /// Validation rules for password
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Password.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Password Required" });
+        }
+
+        /// <summary>
+        /// Invoked when the Log In button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void LoginClicked(object obj)
+        {
+            if (this.AreFieldsValid())
+            {
+                // Do something
+            }
+        }
+
+        /// <summary>
+        /// Invoked when the Sign Up button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void SignUpClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the Forgot Password button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void ForgotPasswordClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when facebook login button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void FaceBookClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when twitter login button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void TwitterClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when gmail login button is clicked.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void GmailClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Forms/ResetPasswordViewModel.cs b/EssentialUIKit/ViewModels/Forms/ResetPasswordViewModel.cs
index b7901635..2b1b7912 100644
--- a/EssentialUIKit/ViewModels/Forms/ResetPasswordViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/ResetPasswordViewModel.cs
@@ -1,5 +1,5 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -13,9 +13,7 @@ public class ResetPasswordViewModel : BaseViewModel
     {
         #region Fields
 
-        private string newPassword;
-
-        private string confirmPassword;
+        private ValidatablePair<string> password;
 
         #endregion
 
@@ -26,10 +24,11 @@ public class ResetPasswordViewModel : BaseViewModel
         /// </summary>
         public ResetPasswordViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.SubmitCommand = new Command(this.SubmitClicked);
             this.SignUpCommand = new Command(this.SignUpClicked);
         }
-
         #endregion
 
         #region Command
@@ -43,7 +42,6 @@ public ResetPasswordViewModel()
         /// Gets or sets the command that is executed when the Sign Up button is clicked.
         /// </summary>
         public Command SignUpCommand { get; set; }
-
         #endregion
 
         #region Public property
@@ -51,58 +49,64 @@ public ResetPasswordViewModel()
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the new password from user in the reset password page.
         /// </summary>
-        public string NewPassword
+        public ValidatablePair<string> Password
         {
             get
             {
-                return this.newPassword;
+                return this.password;
             }
 
             set
             {
-                if (this.newPassword == value)
+                if (this.password == value)
                 {
                     return;
                 }
 
-                this.newPassword = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.password, value);
             }
         }
+        #endregion
+
+        #region Methods
 
         /// <summary>
-        /// Gets or sets the property that bounds with an entry that gets the new password confirmation from the user in the reset password page.
+        /// Initialize whether fieldsvalue are true or false.
         /// </summary>
-        public string ConfirmPassword
+        /// <returns>true or false </returns>
+        public bool AreFieldsValid()
         {
-            get
-            {
-                return this.confirmPassword;
-            }
+            bool isPassword = this.Password.Validate();
+            return isPassword;
+        }
 
-            set
-            {
-                if (this.confirmPassword == value)
-                {
-                    return;
-                }
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Password = new ValidatablePair<string>();
+        }
 
-                this.confirmPassword = value;
-                this.NotifyPropertyChanged();
-            }
+        /// <summary>
+        /// Validation rule for password
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Password.Item1.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Password Required" });
+            this.Password.Item2.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Re-enter Password" });
         }
 
-        #endregion
-        
-        #region Methods
-        
         /// <summary>
         /// Invoked when the Submit button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
         private void SubmitClicked(object obj)
         {
-            // Do something
+            if (this.AreFieldsValid())
+            {
+                // Do something
+            }
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Forms/SignUpPageViewModel.cs b/EssentialUIKit/ViewModels/Forms/SignUpPageViewModel.cs
index bd3069f8..197edb34 100644
--- a/EssentialUIKit/ViewModels/Forms/SignUpPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Forms/SignUpPageViewModel.cs
@@ -1,4 +1,6 @@
-using Xamarin.Forms;
+using EssentialUIKit.Validators;
+using EssentialUIKit.Validators.Rules;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Forms
@@ -11,11 +13,9 @@ public class SignUpPageViewModel : LoginViewModel
     {
         #region Fields
 
-        private string name;
+        private ValidatableObject<string> name;
 
-        private string password;
-
-        private string confirmPassword;
+        private ValidatablePair<string> password;
 
         #endregion
 
@@ -26,10 +26,11 @@ public class SignUpPageViewModel : LoginViewModel
         /// </summary>
         public SignUpPageViewModel()
         {
+            this.InitializeProperties();
+            this.AddValidationRules();
             this.LoginCommand = new Command(this.LoginClicked);
             this.SignUpCommand = new Command(this.SignUpClicked);
         }
-
         #endregion
 
         #region Property
@@ -37,7 +38,7 @@ public SignUpPageViewModel()
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the name from user in the Sign Up page.
         /// </summary>
-        public string Name
+        public ValidatableObject<string> Name
         {
             get
             {
@@ -51,15 +52,14 @@ public string Name
                     return;
                 }
 
-                this.name = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.name, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that bounds with an entry that gets the password from users in the Sign Up page.
         /// </summary>
-        public string Password
+        public ValidatablePair<string> Password
         {
             get
             {
@@ -73,33 +73,9 @@ public string Password
                     return;
                 }
 
-                this.password = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.password, value);
             }
         }
-
-        /// <summary>
-        /// Gets or sets the property that bounds with an entry that gets the password confirmation from users in the Sign Up page.
-        /// </summary>
-        public string ConfirmPassword
-        {
-            get
-            {
-                return this.confirmPassword;
-            }
-
-            set
-            {
-                if (this.confirmPassword == value)
-                {
-                    return;
-                }
-
-                this.confirmPassword = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
         #endregion
 
         #region Command
@@ -113,11 +89,41 @@ public string ConfirmPassword
         /// Gets or sets the command that is executed when the Sign Up button is clicked.
         /// </summary>
         public Command SignUpCommand { get; set; }
-
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Initialize whether fieldsvalue are true or false.
+        /// </summary>
+        /// <returns>true or false </returns>
+        public bool AreFieldsValid()
+        {
+            bool isEmail = this.Email.Validate();
+            bool isNameValid = this.Name.Validate();
+            bool isPasswordValid = this.Password.Validate();
+            return isPasswordValid && isNameValid && isEmail;
+        }
+
+        /// <summary>
+        /// Initializing the properties.
+        /// </summary>
+        private void InitializeProperties()
+        {
+            this.Name = new ValidatableObject<string>();
+            this.Password = new ValidatablePair<string>();
+        }
+
+        /// <summary>
+        /// this method contains the validation rules
+        /// </summary>
+        private void AddValidationRules()
+        {
+            this.Name.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Name Required" });
+            this.Password.Item1.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Password Required" });
+            this.Password.Item2.Validations.Add(new IsNotNullOrEmptyRule<string> { ValidationMessage = "Re-enter Password" });
+        }
+
         /// <summary>
         /// Invoked when the Log in button is clicked.
         /// </summary>
@@ -133,7 +139,10 @@ private void LoginClicked(object obj)
         /// <param name="obj">The Object</param>
         private void SignUpClicked(object obj)
         {
-            // Do something
+            if (this.AreFieldsValid())
+            {
+                // Do something
+            }
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/History/MyOrdersPageViewModel.cs b/EssentialUIKit/ViewModels/History/MyOrdersPageViewModel.cs
index 1fd261f7..8b141bdd 100644
--- a/EssentialUIKit/ViewModels/History/MyOrdersPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/History/MyOrdersPageViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
 using EssentialUIKit.Models.History;
 using Xamarin.Forms;
@@ -45,14 +43,13 @@ public ObservableCollection<Orders> MyOrders
                     return;
                 }
 
-                this.myOrders = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.myOrders, value);
                 this.GetProducts(this.MyOrders);
             }
         }
 
         /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the order details in list.
+        /// Gets the property that has been bound with a list view, which displays the order details in list.
         /// </summary>
         public ObservableCollection<Orders> OrderDetails
         {
@@ -61,15 +58,14 @@ public ObservableCollection<Orders> OrderDetails
                 return this.orderDetails;
             }
 
-            set
+            private set
             {
                 if (this.orderDetails == value)
                 {
                     return;
                 }
 
-                this.orderDetails = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.orderDetails, value);
             }
         }
 
diff --git a/EssentialUIKit/ViewModels/History/TransactionHistoryViewModel.cs b/EssentialUIKit/ViewModels/History/TransactionHistoryViewModel.cs
index 5d3d95b6..8b8f4770 100644
--- a/EssentialUIKit/ViewModels/History/TransactionHistoryViewModel.cs
+++ b/EssentialUIKit/ViewModels/History/TransactionHistoryViewModel.cs
@@ -1,5 +1,7 @@
-using System;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models.History;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -10,72 +12,78 @@ namespace EssentialUIKit.ViewModels.History
     /// ViewModel of transaction history template.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class TransactionHistoryViewModel
+    [DataContract]
+    public class TransactionHistoryViewModel : BaseViewModel
     {
+        #region fields
+
+        private static TransactionHistoryViewModel transactionHistoryViewModel;
+
+        private Command itemSelectedCommand;
+
+        #endregion
+
         #region Constructor
+
         public TransactionHistoryViewModel()
         {
-            var randomNum = new Random(0123456789);
-            this.TransactionDetails = new ObservableCollection<Transactions>()
-            {
-                new Transactions
-                {
-                     CustomerName = "Alice",
-                     TransactionDescription = "Cashback",
-                     Image = App.BaseImageUrl + "ProfileImage15.png",
-                     TransactionAmount = "+ $70",
-                     Date = DateTime.Now.AddDays(randomNum.Next(-1000, 0)),
-                     IsCredited = true
-                },
-                new Transactions
-                {
-                     CustomerName = "Jessica Park",
-                     TransactionDescription = "XXXXXXX6585",
-                     Image = App.BaseImageUrl + "ProfileImage10.png",
-                     TransactionAmount = "+ $80",
-                     Date = DateTime.Now.AddDays(randomNum.Next(-1000, 0)),
-                     IsCredited = true
-                },
-                new Transactions
-                {
-                     CustomerName = "Lisa",
-                     TransactionDescription = "Recharge",
-                     Image = App.BaseImageUrl + "ProfileImage11.png",
-                     TransactionAmount = "- $50",
-                     Date = DateTime.Now.AddDays(randomNum.Next(-1000, 0)),
-                     IsCredited = false
-                },
-                new Transactions
-                {
-                     CustomerName = "Rebecca",
-                     TransactionDescription = "Credit Card Bill",
-                     Image = App.BaseImageUrl + "ProfileImage12.png",
-                     TransactionAmount = "- $180",
-                     Date = DateTime.Now.AddDays(randomNum.Next(-1000, 0)),
-                     IsCredited = false
-                },
-            };
-
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
         }
+
         #endregion
 
         #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of transaction History page view model.
+        /// </summary>
+        public static TransactionHistoryViewModel BindingContext =>
+            transactionHistoryViewModel = PopulateData<TransactionHistoryViewModel>("ecommerce.json");
+
         /// <summary>
         /// Gets or sets the employee details.
         /// </summary>
         /// <value>The employee details.</value>
-        public ObservableCollection<Transactions> TransactionDetails { get; set; }
+        [DataMember(Name = "transactionDetails")]
+        public ObservableCollection<TransactionHistory> TransactionDetails { get; set; }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
+        /// Gets the command that will be executed when an item is selected.
         /// </summary>
-        public Command ItemSelectedCommand { get; set; }
+        public Command ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when an item is selected.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/Navigation/AlbumViewModel.cs b/EssentialUIKit/ViewModels/Navigation/AlbumViewModel.cs
index b037add0..e542ec59 100644
--- a/EssentialUIKit/ViewModels/Navigation/AlbumViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/AlbumViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
 using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
@@ -55,8 +53,7 @@ public ObservableCollection<Album> AlbumInfo
                     return;
                 }
 
-                this.albumInfo = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.albumInfo, value);
             }
         }
 
diff --git a/EssentialUIKit/ViewModels/Navigation/AppUsageViewModel.cs b/EssentialUIKit/ViewModels/Navigation/AppUsageViewModel.cs
index 228e4506..4187931e 100644
--- a/EssentialUIKit/ViewModels/Navigation/AppUsageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/AppUsageViewModel.cs
@@ -1,8 +1,8 @@
 using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Navigation;
 
 namespace EssentialUIKit.ViewModels.Navigation
 {
@@ -25,7 +25,6 @@ public class AppUsageViewModel : BaseViewModel
         /// </summary>
         public AppUsageViewModel()
         {
-
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Navigation/ContactsViewModel.cs b/EssentialUIKit/ViewModels/Navigation/ContactsViewModel.cs
index 73b866da..86056542 100644
--- a/EssentialUIKit/ViewModels/Navigation/ContactsViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/ContactsViewModel.cs
@@ -1,8 +1,8 @@
 using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Navigation;
 
 namespace EssentialUIKit.ViewModels.Navigation
 {
@@ -26,7 +26,6 @@ public class ContactsViewModel : BaseViewModel
         /// </summary>
         public ContactsViewModel()
         {
-
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Navigation/DocumentsListViewModel.cs b/EssentialUIKit/ViewModels/Navigation/DocumentsListViewModel.cs
index 364897f2..628143e2 100644
--- a/EssentialUIKit/ViewModels/Navigation/DocumentsListViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/DocumentsListViewModel.cs
@@ -1,8 +1,8 @@
 using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Navigation;
 
 namespace EssentialUIKit.ViewModels.Navigation
 {
@@ -17,6 +17,8 @@ public class DocumentsViewModel : BaseViewModel
 
         private Command<object> itemTappedCommand;
 
+        private Command<object> menuCommand;
+
         #endregion
 
         #region Constructor
@@ -26,7 +28,6 @@ public class DocumentsViewModel : BaseViewModel
         /// </summary>
         public DocumentsViewModel()
         {
-
         }
 
         #endregion
@@ -44,6 +45,17 @@ public Command<object> ItemTappedCommand
             }
         }
 
+        /// <summary>
+        /// Gets the command that will be executed when an menu button is selected.
+        /// </summary>
+        public Command<object> MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
+            }
+        }
+
         /// <summary>
         /// Gets or sets a collction of value to be displayed in documents list page.
         /// </summary>
@@ -63,6 +75,14 @@ private void NavigateToNextPage(object selectedItem)
             // Do something
         }
 
+        /// <summary>
+        /// Invoked when the more button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void MenuButtonClicked(object obj)
+        {
+            // Do something
+        }
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Navigation/FAQViewModel.cs b/EssentialUIKit/ViewModels/Navigation/FAQViewModel.cs
index 469d78ce..6d111dea 100644
--- a/EssentialUIKit/ViewModels/Navigation/FAQViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/FAQViewModel.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Navigation
@@ -19,7 +19,6 @@ public class FAQViewModel : BaseViewModel
         /// </summary>
         public FAQViewModel()
         {
-
         }
 
         #endregion
@@ -33,6 +32,5 @@ public FAQViewModel()
         public ObservableCollection<FAQ> Questions { get; set; }
 
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/ViewModels/Navigation/FileExploreViewModel.cs b/EssentialUIKit/ViewModels/Navigation/FileExploreViewModel.cs
new file mode 100644
index 00000000..c7636b81
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Navigation/FileExploreViewModel.cs
@@ -0,0 +1,89 @@
+using System.Collections.ObjectModel;
+using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Navigation
+{
+    /// <summary>
+    /// ViewModel for file explorer list page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class FileExploreViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private Command<object> itemTappedCommand;
+
+        private Command<object> categoryCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="FileExploreViewModel"/> class.
+        /// </summary>
+        public FileExploreViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command<object> ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command<object>(this.NavigateToNextPage));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when an category button is selected.
+        /// </summary>
+        public Command<object> CategoryCommand
+        {
+            get
+            {
+                return this.categoryCommand ?? (this.categoryCommand = new Command<object>(this.CategorySelected));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a collction of value to be displayed in file explorer list page.
+        /// </summary>
+        [DataMember(Name = "fileExploreList")]
+        public ObservableCollection<File> FileExploreList { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when an item is selected from the file explorer list.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void NavigateToNextPage(object selectedItem)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when an category is selected from the file explorer list.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void CategorySelected(object selectedItem)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Navigation/IconNamesListViewModel.cs b/EssentialUIKit/ViewModels/Navigation/IconNamesListViewModel.cs
index a1e92908..bda379d6 100644
--- a/EssentialUIKit/ViewModels/Navigation/IconNamesListViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/IconNamesListViewModel.cs
@@ -1,7 +1,7 @@
-using Xamarin.Forms;
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Navigation
@@ -28,7 +28,6 @@ public class IconNamesListViewModel : BaseViewModel
         /// </summary>
         public IconNamesListViewModel()
         {
-
         }
         #endregion
 
@@ -46,7 +45,7 @@ public Command<object> ItemTappedCommand
         }
 
         /// <summary>
-        /// Gets or sets the next command that will be executed when an item is selected.
+        /// Gets the next command that will be executed when an item is selected.
         /// </summary>   
         public Command NextCommand
         {
@@ -81,7 +80,7 @@ private void NavigateToNextPage(object selectedItem)
         /// <param name="obj">The Object</param>
         private void NextClicked(object obj)
         {
-            //Do something
+            // Do something
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Navigation/MoviesPageViewModel.cs b/EssentialUIKit/ViewModels/Navigation/MoviesPageViewModel.cs
index eb2f8d34..bd93c2dd 100644
--- a/EssentialUIKit/ViewModels/Navigation/MoviesPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/MoviesPageViewModel.cs
@@ -1,22 +1,20 @@
-using EssentialUIKit.Models.Navigation;
-using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
-using System.Text;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Navigation
 {
-
     /// <summary>
     /// ViewModel for movies page.
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class MoviesPageViewModel :  BaseViewModel
+    public class MoviesPageViewModel : BaseViewModel
     {
+        #region MoviesListPage
+
         #region Fields
 
         private Command<object> itemTappedCommand;
@@ -30,7 +28,6 @@ public class MoviesPageViewModel :  BaseViewModel
         /// </summary>
         public MoviesPageViewModel()
         {
-
         }
         #endregion
 
@@ -52,7 +49,7 @@ public Command<object> ItemTappedCommand
         /// </summary>
         [DataMember(Name = "moviesPageList")]
         public ObservableCollection<Movie> MoviesList { get; set; }
- 
+
         #endregion
 
         #region Methods
@@ -68,6 +65,157 @@ private void NavigateToNextPage(object selectedItem)
 
         #endregion
 
+        #endregion
+
+        #region MoviesPage
+
+        #region Fields
+
+        private Command<object> searchButtonCommand;
+
+        private Command<object> itemSelectedCommand;
+
+        private Command<object> showingNowViewAllCommand;
+        private Command<object> trailerViewAllCommand;
+        private Command<object> upcomingViewAllCommand;
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets a collection of value to be displayed in the rotator of movies page.
+        /// </summary>
+        [DataMember(Name = "rotatorMoviesList")]
+        public ObservableCollection<Movie> RotatorMoviesList { get; set; }
+
+        /// <summary>
+        /// Gets or sets a collection of value to be displayed in now showing list of movies page.
+        /// </summary>
+        [DataMember(Name = "showingMoviesList")]
+        public ObservableCollection<Movie> NowShowingMoviesList { get; set; }
+
+        /// <summary>
+        /// Gets or sets a collection of value to be displayed in the trailer list of movies page.
+        /// </summary>
+        [DataMember(Name = "trailerMoviesList")]
+        public ObservableCollection<Movie> TrailerMoviesList { get; set; }
+
+        /// <summary>
+        /// Gets or sets a collection of value to be displayed in the upcoming movies list of movies page.
+        /// </summary>
+        [DataMember(Name = "upcomingMoviesList")]
+        public ObservableCollection<Movie> UpcomingMoviesList { get; set; }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command that will be executed when an search button is clicked.
+        /// </summary>
+        public Command<object> SearchButtonCommand
+        {
+            get
+            {
+                return this.searchButtonCommand ?? (this.searchButtonCommand = new Command<object>(this.SearchButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when now showing category view all button is clicked.
+        /// </summary>
+        public Command<object> ShowingNowViewAllCommand
+        {
+            get
+            {
+                return this.showingNowViewAllCommand ?? (this.showingNowViewAllCommand = new Command<object>(this.ShowingNowViewAllButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when trailer category view all button is clicked.
+        /// </summary>
+        public Command<object> TrailerViewAllCommand
+        {
+            get
+            {
+                return this.trailerViewAllCommand ?? (this.trailerViewAllCommand = new Command<object>(this.TrailerViewAllButtonClicked));
+            }
+        }
 
+        /// <summary>
+        /// Gets the command that will be executed when coming soon view all button is clicked.
+        /// </summary>
+        public Command<object> UpcomingViewAllCommand
+        {
+            get
+            {
+                return this.upcomingViewAllCommand ?? (this.upcomingViewAllCommand = new Command<object>(this.UpcomingViewAllButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when item is selected.
+        /// </summary>
+        public Command<object> ItemSelectedCommand
+        {
+            get
+            {
+                return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command<object>(this.ItemSelected));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when search button is clicked from the movies page.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void SearchButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when now showing category view all button is clicked.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void ShowingNowViewAllButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when when trailer category view all button is clicked.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void TrailerViewAllButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when coming soon category view all button is clicked.
+        /// </summary>
+        /// <param name="obj">Selected item from the list view.</param>
+        private void UpcomingViewAllButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when an item is selected from the movies page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void ItemSelected(object selectedItem)
+        {
+            // Do something
+        }
+        #endregion
+
+        #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Navigation/NamesListViewModel.cs b/EssentialUIKit/ViewModels/Navigation/NamesListViewModel.cs
index 84f252f6..ba25b230 100644
--- a/EssentialUIKit/ViewModels/Navigation/NamesListViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/NamesListViewModel.cs
@@ -1,7 +1,7 @@
-using Xamarin.Forms;
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Navigation
@@ -26,7 +26,6 @@ public class NamesListViewModel : BaseViewModel
         /// </summary>
         public NamesListViewModel()
         {
-
         }
         #endregion
 
diff --git a/EssentialUIKit/ViewModels/Navigation/NavigationViewModel.cs b/EssentialUIKit/ViewModels/Navigation/NavigationViewModel.cs
index 17d17387..3bb0e162 100644
--- a/EssentialUIKit/ViewModels/Navigation/NavigationViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/NavigationViewModel.cs
@@ -11,7 +11,7 @@ namespace EssentialUIKit.ViewModels.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class NavigationViewModel
+    public class NavigationViewModel : BaseViewModel
     {
         #region Fields
 
@@ -48,7 +48,7 @@ public Command<object> ItemTappedCommand
         /// </summary>
         [DataMember(Name = "navigationList")]
         public ObservableCollection<NavigationModel> NavigationList { get; set; }
-        
+
         #endregion
 
         #region Methods
diff --git a/EssentialUIKit/ViewModels/Navigation/PhotosViewModel.cs b/EssentialUIKit/ViewModels/Navigation/PhotosViewModel.cs
index f1bd85a0..6b23e1f0 100644
--- a/EssentialUIKit/ViewModels/Navigation/PhotosViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/PhotosViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
 using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
@@ -13,7 +11,7 @@ namespace EssentialUIKit.ViewModels.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class PhotosViewModel: BaseViewModel
+    public class PhotosViewModel : BaseViewModel
     {
         #region Fields
 
@@ -52,7 +50,7 @@ public Command ImageTapCommand
             {
                 return this.imageTapCommand ?? (this.imageTapCommand = new Command(this.OnImageTapped));
             }
-        }       
+        }
 
         #endregion
 
diff --git a/EssentialUIKit/ViewModels/Navigation/RestaurantViewModel.cs b/EssentialUIKit/ViewModels/Navigation/RestaurantViewModel.cs
index 2b120b2f..464d774f 100644
--- a/EssentialUIKit/ViewModels/Navigation/RestaurantViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/RestaurantViewModel.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -11,7 +11,7 @@ namespace EssentialUIKit.ViewModels.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class RestaurantViewModel
+    public class RestaurantViewModel : BaseViewModel
     {
         #region Fields
 
@@ -22,7 +22,7 @@ public class RestaurantViewModel
         #region Constructor
 
         /// <summary>
-        /// Initializes a new instance for the <see cref=RestaurantViewModel"/> class.
+        /// Initializes a new instance for the <see cref="RestaurantViewModel"/> class.
         /// </summary>
         public RestaurantViewModel()
         {
diff --git a/EssentialUIKit/ViewModels/Navigation/SelectableNamePageViewModel.cs b/EssentialUIKit/ViewModels/Navigation/SelectableNamePageViewModel.cs
index eb90ef25..7bcfeed6 100644
--- a/EssentialUIKit/ViewModels/Navigation/SelectableNamePageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/SelectableNamePageViewModel.cs
@@ -1,7 +1,7 @@
-using Xamarin.Forms;
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Navigation
@@ -26,7 +26,6 @@ public class SelectableNamePageViewModel : BaseViewModel
         /// </summary>
         public SelectableNamePageViewModel()
         {
-
         }
         #endregion
 
diff --git a/EssentialUIKit/ViewModels/Navigation/SettingsViewModel.cs b/EssentialUIKit/ViewModels/Navigation/SettingsViewModel.cs
index 56c9c720..7cf67ed6 100644
--- a/EssentialUIKit/ViewModels/Navigation/SettingsViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/SettingsViewModel.cs
@@ -7,9 +7,8 @@ namespace EssentialUIKit.ViewModels.Navigation
     /// Viewmodel of settings page
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class SettingsViewModel
+    public class SettingsViewModel : BaseViewModel
     {
-
         /// <summary>
         /// Initializes a new instance of the <see cref="T:EssentialUIKit.ViewModels.Navigation.SettingsViewModel"/> class.
         /// </summary>
@@ -41,6 +40,7 @@ public SettingsViewModel()
         /// <param name="obj">The Object.</param>
         private void DownloadQualityTapped(object obj)
         {
+            // Do something
         }
 
         /// <summary>
@@ -49,6 +49,7 @@ private void DownloadQualityTapped(object obj)
         /// <param name="obj">The Object.</param>
         private void ShowHiddenFilesTapped(object obj)
         {
+            // Do something
         }
 
         /// <summary>
@@ -57,6 +58,7 @@ private void ShowHiddenFilesTapped(object obj)
         /// <param name="obj">The Object.</param>
         private void PrivacyPolicyTapped(object obj)
         {
+            // Do something
         }
     }
 }
diff --git a/EssentialUIKit/ViewModels/Navigation/SongsPlayListViewModel.cs b/EssentialUIKit/ViewModels/Navigation/SongsPlayListViewModel.cs
index 9e5dd2d6..10a64ed9 100644
--- a/EssentialUIKit/ViewModels/Navigation/SongsPlayListViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/SongsPlayListViewModel.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -17,6 +17,8 @@ public class SongsPlayListViewModel : BaseViewModel
 
         private Command<object> itemSelectedCommand;
 
+        private Command<object> menuCommand;
+
         #endregion
 
         #region Constructor
@@ -26,7 +28,6 @@ public class SongsPlayListViewModel : BaseViewModel
         /// </summary>
         public SongsPlayListViewModel()
         {
-
         }
         #endregion
 
@@ -43,6 +44,17 @@ public Command<object> ItemSelectedCommand
             }
         }
 
+        /// <summary>
+        /// Gets the command that will be executed when an more button is selected.
+        /// </summary>
+        public Command<object> MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MoreButtonClicked));
+            }
+        }
+
         /// <summary>
         /// Gets or sets a collection of values to be displayed in the Songs play list page.
         /// </summary>
@@ -62,6 +74,15 @@ private void NavigateToNextPage(object selectedItem)
             // Do something
         }
 
+        /// <summary>
+        /// Invoked when an more button is selected from the Songs play list.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void MoreButtonClicked(object selectedItem)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Navigation/SongsViewModel.cs b/EssentialUIKit/ViewModels/Navigation/SongsViewModel.cs
index 3e9ab6e5..79e59937 100644
--- a/EssentialUIKit/ViewModels/Navigation/SongsViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/SongsViewModel.cs
@@ -11,12 +11,10 @@ namespace EssentialUIKit.ViewModels.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [DataContract]
-    public class SongsViewModel
+    public class SongsViewModel : BaseViewModel
     {
         #region Fields
 
-        private Command<object> backButtonCommand;
-
         private Command<object> itemTappedCommand;
 
         #endregion
@@ -45,17 +43,6 @@ public Command<object> ItemTappedCommand
             }
         }
 
-        /// <summary>
-        /// Gets the command that will be executed when an back button is clicked.
-        /// </summary>
-        public Command<object> BackButtonCommand
-        {
-            get
-            {
-                return this.backButtonCommand ?? (this.backButtonCommand = new Command<object>(this.BackButtonClicked));
-            }
-        }
-
         /// <summary>
         /// Gets or sets a collection of values to be displayed in the songs list page.
         /// </summary>
@@ -75,15 +62,6 @@ private void NavigateToNextPage(object selectedItem)
             // Do something
         }
 
-        /// <summary>
-        /// Invoked when the back button is clicked.
-        /// </summary>
-        /// <param name="obj">The sender.</param>
-        private void BackButtonClicked(object obj)
-        {
-            // Do something
-        }
-
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Navigation/SuggestionViewModel.cs b/EssentialUIKit/ViewModels/Navigation/SuggestionViewModel.cs
index b982297d..e56a4ef5 100644
--- a/EssentialUIKit/ViewModels/Navigation/SuggestionViewModel.cs
+++ b/EssentialUIKit/ViewModels/Navigation/SuggestionViewModel.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Navigation;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Navigation;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -17,8 +17,6 @@ public class SuggestionViewModel : BaseViewModel
 
         private Command<object> itemTappedCommand;
 
-        private Command suggestionCommand;
-
         #endregion
 
         #region Properties
@@ -40,17 +38,6 @@ public Command<object> ItemTappedCommand
         [DataMember(Name = "suggestionList")]
         public ObservableCollection<Suggestion> SuggestionList { get; set; }
 
-        /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
-        /// </summary>   
-        public Command SuggestionCommand
-        {
-            get
-            {
-                return this.suggestionCommand ?? (this.suggestionCommand = new Command(this.SuggestionClicked));
-            }
-        }
-
         #endregion
 
         #region Methods
@@ -64,16 +51,6 @@ private void NavigateToNextPage(object selectedItem)
             // Do something
         }
 
-        /// <summary>
-        /// Invoked when the suggestion button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void SuggestionClicked(object obj)
-        {
-            //Do something
-        }
-
         #endregion
-
     }
 }
diff --git a/EssentialUIKit/ViewModels/Notification/ECommerceNotificationViewModel.cs b/EssentialUIKit/ViewModels/Notification/ECommerceNotificationViewModel.cs
new file mode 100644
index 00000000..64334362
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Notification/ECommerceNotificationViewModel.cs
@@ -0,0 +1,89 @@
+using System.Collections.ObjectModel;
+using System.Runtime.Serialization;
+using EssentialUIKit.Models.Notification;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Notification
+{
+    /// <summary>
+    /// ViewModel for E-Commerce notification page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class ECommerceNotificationViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private Command<object> itemTappedCommand;
+
+        private Command<object> menuCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="ECommerceNotificationViewModel"/> class.
+        /// </summary>
+        public ECommerceNotificationViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command<object> ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command<object>(this.ItemSelected));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that will be executed when menu button is clicked.
+        /// </summary>
+        public Command<object> MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets a collction of value to be displayed in E-Commerce notification page.
+        /// </summary>
+        [DataMember(Name = "ecommerceNotificationPageList")]
+        public ObservableCollection<ECommerceNotificationsListModel> ECommerceNotificationsList { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Invoked when an item is selected from the E-Commerce notification page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void ItemSelected(object selectedItem)
+        {
+            ((selectedItem as Syncfusion.ListView.XForms.ItemTappedEventArgs)?.ItemData as ECommerceNotificationsListModel).IsRead = true;
+        }
+
+        /// <summary>
+        /// Invoked when menu button is clicked in the E-Commerce notification page.
+        /// </summary>
+        /// <param name="obj">The object.</param>
+        private void MenuButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Notification/SocialNotificationViewModel.cs b/EssentialUIKit/ViewModels/Notification/SocialNotificationViewModel.cs
index 8c9128a2..46eb2b7f 100644
--- a/EssentialUIKit/ViewModels/Notification/SocialNotificationViewModel.cs
+++ b/EssentialUIKit/ViewModels/Notification/SocialNotificationViewModel.cs
@@ -1,6 +1,6 @@
-using EssentialUIKit.Models.Notification;
-using System.Collections.ObjectModel;
+using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Notification;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -17,10 +17,10 @@ public class SocialNotificationViewModel : BaseViewModel
 
         private Command<object> itemTappedCommand;
 
-        private Command<object> backCommand;
-
         private Command<object> menuCommand;
 
+        private Command<object> markAllCommand;
+
         #endregion
 
         #region Constructor
@@ -30,7 +30,6 @@ public class SocialNotificationViewModel : BaseViewModel
         /// </summary>
         public SocialNotificationViewModel()
         {
-
         }
 
         #endregion
@@ -51,22 +50,22 @@ public Command<object> ItemTappedCommand
         /// <summary>
         /// Gets the command that will be executed when an item is selected.
         /// </summary>
-        public Command<object> BackCommand
+        public Command<object> MenuCommand
         {
             get
             {
-                return this.backCommand ?? (this.backCommand = new Command<object>(this.BackButtonClicked));
+                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
             }
         }
 
         /// <summary>
-        /// Gets the command that will be executed when an item is selected.
+        /// Gets the command that will be executed when an mark all as read is selected.
         /// </summary>
-        public Command<object> MenuCommand
+        public Command<object> MarkAllCommand
         {
             get
             {
-                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
+                return this.markAllCommand ?? (this.markAllCommand = new Command<object>(this.MarkAllClicked));
             }
         }
 
@@ -92,24 +91,26 @@ public Command<object> MenuCommand
         /// <param name="selectedItem">Selected item from the list view.</param>
         private void ItemSelected(object selectedItem)
         {
-            ((selectedItem as Syncfusion.ListView.XForms.ItemTappedEventArgs)?.ItemData as SocialNotificationModel).IsRead = true;
-            // Do something
+            if (((selectedItem as Syncfusion.ListView.XForms.ItemTappedEventArgs)?.ItemData as SocialNotificationModel) != null)
+            {
+                ((selectedItem as Syncfusion.ListView.XForms.ItemTappedEventArgs)?.ItemData as SocialNotificationModel).IsRead = true;
+            }
         }
 
         /// <summary>
-        /// Invoked when back button is clicked in the social notification page.
+        /// Invoked when menu button is clicked in the social notification page.
         /// </summary>
         /// <param name="obj">The object.</param>
-        private void BackButtonClicked(object obj)
+        private void MenuButtonClicked(object obj)
         {
             // Do something
         }
 
         /// <summary>
-        /// Invoked when menu button is clicked in the social notification page.
+        /// Invoked when mark all as read button is clicked in the social notification page.
         /// </summary>
         /// <param name="obj">The object.</param>
-        private void MenuButtonClicked(object obj)
+        private void MarkAllClicked(object obj)
         {
             // Do something
         }
diff --git a/EssentialUIKit/ViewModels/Notification/TaskNotificationViewModel.cs b/EssentialUIKit/ViewModels/Notification/TaskNotificationViewModel.cs
index 246ec2b2..b6eb061a 100644
--- a/EssentialUIKit/ViewModels/Notification/TaskNotificationViewModel.cs
+++ b/EssentialUIKit/ViewModels/Notification/TaskNotificationViewModel.cs
@@ -1,8 +1,8 @@
 using System.Collections.ObjectModel;
 using System.Runtime.Serialization;
+using EssentialUIKit.Models.Notification;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Notification;
 
 namespace EssentialUIKit.ViewModels.Notification
 {
@@ -17,10 +17,10 @@ public class TaskNotificationViewModel : BaseViewModel
 
         private Command<object> itemTappedCommand;
 
-        private Command<object> backCommand;
-
         private Command<object> menuCommand;
 
+        private Command<object> markAllCommand;
+
         #endregion
 
         #region Constructor
@@ -30,7 +30,6 @@ public class TaskNotificationViewModel : BaseViewModel
         /// </summary>
         public TaskNotificationViewModel()
         {
-
         }
 
         #endregion
@@ -49,24 +48,24 @@ public Command<object> ItemTappedCommand
         }
 
         /// <summary>
-        /// Gets the command that will be executed when back button is selected.
+        /// Gets the command that will be executed when menu button is selected.
         /// </summary>
-        public Command<object> BackCommand
+        public Command<object> MenuCommand
         {
             get
             {
-                return this.backCommand ?? (this.backCommand = new Command<object>(this.BackButtonClicked));
+                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
             }
         }
 
         /// <summary>
-        /// Gets the command that will be executed when menu button is selected.
+        /// Gets the command that will be executed when an mark all as read is selected.
         /// </summary>
-        public Command<object> MenuCommand
+        public Command<object> MarkAllCommand
         {
             get
             {
-                return this.menuCommand ?? (this.menuCommand = new Command<object>(this.MenuButtonClicked));
+                return this.markAllCommand ?? (this.markAllCommand = new Command<object>(this.MarkAllClicked));
             }
         }
 
@@ -87,23 +86,22 @@ public Command<object> MenuCommand
         private void ItemSelected(object selectedItem)
         {
             ((selectedItem as Syncfusion.ListView.XForms.ItemTappedEventArgs)?.ItemData as TaskNotificationsListModel).IsRead = true;
-            // Do something
         }
 
         /// <summary>
-        /// Invoked when back button is clicked in the task notification page.
+        /// Invoked when menu button is clicked in the task notification page.
         /// </summary>
         /// <param name="obj">The object.</param>
-        private void BackButtonClicked(object obj)
+        private void MenuButtonClicked(object obj)
         {
             // Do something
         }
 
         /// <summary>
-        /// Invoked when menu button is clicked in the task notification page.
+        /// Invoked when mark all as read button is clicked in the task notification page.
         /// </summary>
         /// <param name="obj">The object.</param>
-        private void MenuButtonClicked(object obj)
+        private void MarkAllClicked(object obj)
         {
             // Do something
         }
diff --git a/EssentialUIKit/ViewModels/OnBoarding/OnBoardingAnimationViewModel.cs b/EssentialUIKit/ViewModels/OnBoarding/OnBoardingAnimationViewModel.cs
index ef09ffe9..b4060b65 100644
--- a/EssentialUIKit/ViewModels/OnBoarding/OnBoardingAnimationViewModel.cs
+++ b/EssentialUIKit/ViewModels/OnBoarding/OnBoardingAnimationViewModel.cs
@@ -1,11 +1,8 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
 using System.Linq;
-using System.Runtime.CompilerServices;
 using System.Windows.Input;
 using EssentialUIKit.Models.OnBoarding;
 using EssentialUIKit.Views.OnBoarding;
-using Syncfusion.SfRotator.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -45,28 +42,28 @@ public OnBoardingAnimationViewModel()
                     ImagePath = "ReSchedule.png",
                     Header = "RESCHEDULE",
                     Content = "Drag and drop meetings in order to reschedule them easily.",
-                    RotatorItem = new WalkthroughItemPage()
+                    RotatorView = new WalkthroughItemPage(),
                 },
                 new Boarding()
                 {
                     ImagePath = "ViewMode.png",
                     Header = "VIEW MODE",
                     Content = "Display your meetings using four configurable view modes",
-                    RotatorItem = new WalkthroughItemPage()
+                    RotatorView = new WalkthroughItemPage(),
                 },
                 new Boarding()
                 {
                     ImagePath = "TimeZone.png",
                     Header = "TIME ZONE",
                     Content = "Display meetings created for different time zones.",
-                    RotatorItem = new WalkthroughItemPage()
-                }
+                    RotatorView = new WalkthroughItemPage(),
+                },
             };
 
             // Set bindingcontext to content view.
             foreach (var boarding in this.Boardings)
             {
-                boarding.RotatorItem.BindingContext = boarding;
+                boarding.RotatorView.BindingContext = boarding;
             }
         }
 
@@ -81,15 +78,14 @@ public ObservableCollection<Boarding> Boardings
                 return this.boardings;
             }
 
-            set
+            private set
             {
                 if (this.boardings == value)
                 {
                     return;
                 }
 
-                this.boardings = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.boardings, value);
             }
         }
 
@@ -107,8 +103,7 @@ public string NextButtonText
                     return;
                 }
 
-                this.nextButtonText = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.nextButtonText, value);
             }
         }
 
@@ -126,8 +121,7 @@ public bool IsSkipButtonVisible
                     return;
                 }
 
-                this.isSkipButtonVisible = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.isSkipButtonVisible, value);
             }
         }
 
@@ -145,8 +139,7 @@ public int SelectedIndex
                     return;
                 }
 
-                this.selectedIndex = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.selectedIndex, value);
             }
         }
 
@@ -168,6 +161,18 @@ public int SelectedIndex
 
         #region Methods
 
+        private static void MoveToNextPage()
+        {
+            if (Device.RuntimePlatform == Device.UWP && Application.Current.MainPage.Navigation.NavigationStack.Count > 1)
+            {
+                Application.Current.MainPage.Navigation.PopAsync();
+            }
+            else if (Device.RuntimePlatform != Device.UWP && Application.Current.MainPage.Navigation.NavigationStack.Count > 0)
+            {
+                Application.Current.MainPage.Navigation.PopAsync();
+            }
+        }
+
         private bool ValidateAndUpdateSelectedIndex(int itemCount)
         {
             if (this.SelectedIndex >= itemCount - 1)
@@ -185,7 +190,7 @@ private bool ValidateAndUpdateSelectedIndex(int itemCount)
         /// <param name="obj">The Object</param>
         private void Skip(object obj)
         {
-            this.MoveToNextPage();
+            MoveToNextPage();
         }
 
         /// <summary>
@@ -194,18 +199,12 @@ private void Skip(object obj)
         /// <param name="obj">The Object</param>
         private void Next(object obj)
         {
-            var itemCount = (obj as SfRotator).ItemsSource.Count();
-            if (this.ValidateAndUpdateSelectedIndex(itemCount))
+            if (this.ValidateAndUpdateSelectedIndex(this.Boardings.Count))
             {
-                this.MoveToNextPage();
+                MoveToNextPage();
             }
         }
 
-        private void MoveToNextPage()
-        {
-            Application.Current.MainPage.Navigation.PopAsync();
-        }
-
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/OnBoarding/OnBoardingGradientViewModel.cs b/EssentialUIKit/ViewModels/OnBoarding/OnBoardingGradientViewModel.cs
index 2c3eea20..3422be27 100644
--- a/EssentialUIKit/ViewModels/OnBoarding/OnBoardingGradientViewModel.cs
+++ b/EssentialUIKit/ViewModels/OnBoarding/OnBoardingGradientViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Windows.Input;
 using EssentialUIKit.Models.OnBoarding;
 using Xamarin.Forms;
@@ -12,7 +10,7 @@ namespace EssentialUIKit.ViewModels.OnBoarding
     /// ViewModel for on-boarding gradient page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class OnBoardingGradientViewModel : INotifyPropertyChanged
+    public class OnBoardingGradientViewModel : BaseViewModel
     {
         #region Fields
 
@@ -39,35 +37,26 @@ public OnBoardingGradientViewModel()
                 {
                     ImagePath = "ChooseGradient.svg",
                     Header = "CHOOSE",
-                    Content = "Pick the item that is right for you"
+                    Content = "Pick the item that is right for you",
                 },
                 new Boarding
                 {
                     ImagePath = "ConfirmGradient.svg",
                     Header = "ORDER CONFIRMED",
-                    Content = "Your order is confirmed and will be on its way soon"
+                    Content = "Your order is confirmed and will be on its way soon",
                 },
                 new Boarding
                 {
                     ImagePath = "DeliverGradient.svg",
                     Header = "DELIVERY",
-                    Content = "Your item will arrive soon. Email us if you have any issues"
-                }
+                    Content = "Your item will arrive soon. Email us if you have any issues",
+                },
             };
 
             this.SkipCommand = new Command(this.Skip);
             this.NextCommand = new Command(this.Next);
         }
 
-        #endregion
-        
-        #region Events
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
         #endregion
 
         #region Commands
@@ -83,11 +72,11 @@ public OnBoardingGradientViewModel()
         public ICommand NextCommand { get; set; }
 
         #endregion
-        
+
         #region Properties
 
         /// <summary>
-        /// Gets or sets the boardings collection.
+        /// Gets the boardings collection.
         /// </summary>
         public ObservableCollection<Boarding> Boardings
         {
@@ -96,10 +85,9 @@ public ObservableCollection<Boarding> Boardings
                 return this.boardings;
             }
 
-            set
+            private set
             {
-                this.boardings = value;
-                this.OnPropertyChanged();
+                this.SetProperty(ref this.boardings, value);
             }
         }
 
@@ -117,8 +105,7 @@ public string NextButtonText
                     return;
                 }
 
-                this.nextButtonText = value;
-                this.OnPropertyChanged();
+                this.SetProperty(ref this.nextButtonText, value);
             }
         }
 
@@ -136,8 +123,7 @@ public bool IsSkipButtonVisible
                     return;
                 }
 
-                this.isSkipButtonVisible = value;
-                this.OnPropertyChanged();
+                this.SetProperty(ref this.isSkipButtonVisible, value);
             }
         }
 
@@ -155,8 +141,7 @@ public int SelectedIndex
                     return;
                 }
 
-                this.selectedIndex = value;
-                this.OnPropertyChanged();
+                this.SetProperty(ref this.selectedIndex, value);
                 this.ValidateSelection();
             }
         }
@@ -165,13 +150,9 @@ public int SelectedIndex
 
         #region Methods
 
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
+        private static void MoveToNextPage()
         {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
+            // Move to next page
         }
 
         private bool ValidateAndUpdateSelectedIndex()
@@ -205,7 +186,7 @@ private void ValidateSelection()
         /// <param name="obj">The Object</param>
         private void Skip(object obj)
         {
-            this.MoveToNextPage();
+            MoveToNextPage();
         }
 
         /// <summary>
@@ -217,15 +198,10 @@ private void Next(object obj)
             if (this.ValidateAndUpdateSelectedIndex())
             {
                 Application.Current.MainPage.Navigation.PopAsync();
-                this.MoveToNextPage();
+                MoveToNextPage();
             }
         }
 
-        private void MoveToNextPage()
-        {
-            // Move to next page
-        }
-
         #endregion
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Profile/ChatProfileViewModel.cs b/EssentialUIKit/ViewModels/Profile/ChatProfileViewModel.cs
index 10ea0669..584b5e0c 100644
--- a/EssentialUIKit/ViewModels/Profile/ChatProfileViewModel.cs
+++ b/EssentialUIKit/ViewModels/Profile/ChatProfileViewModel.cs
@@ -8,7 +8,7 @@ namespace EssentialUIKit.ViewModels.Profile
     /// ViewModel for profile page
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class ChatProfileViewModel
+    public class ChatProfileViewModel : BaseViewModel
     {
         #region Constructor
 
@@ -62,7 +62,7 @@ private async void AvailableStatusClicked(object obj)
         {
             Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
             (obj as Grid).BackgroundColor = (Color)retVal;
-            await Task.Delay(100);
+            await Task.Delay(100).ConfigureAwait(true);
             (obj as Grid).BackgroundColor = Color.Transparent;
         }
 
@@ -74,7 +74,7 @@ private async void NotificationOptionClicked(object obj)
         {
             Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
             (obj as Grid).BackgroundColor = (Color)retVal;
-            await Task.Delay(100);
+            await Task.Delay(100).ConfigureAwait(true);
             (obj as Grid).BackgroundColor = Color.Transparent;
         }
 
diff --git a/EssentialUIKit/ViewModels/Profile/ContactProfileViewModel.cs b/EssentialUIKit/ViewModels/Profile/ContactProfileViewModel.cs
index e513ff4c..05b1fa82 100644
--- a/EssentialUIKit/ViewModels/Profile/ContactProfileViewModel.cs
+++ b/EssentialUIKit/ViewModels/Profile/ContactProfileViewModel.cs
@@ -1,11 +1,10 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Threading.Tasks;
-using Model = EssentialUIKit.Models.Profile;
-using Syncfusion.XForms.Border;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
+using Model = EssentialUIKit.Models.UserProfile;
 
 namespace EssentialUIKit.ViewModels.Profile
 {
@@ -13,12 +12,25 @@ namespace EssentialUIKit.ViewModels.Profile
     /// ViewModel for Individual profile page
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ContactProfileViewModel : BaseViewModel
     {
         #region Field
-        
+
+        private static ContactProfileViewModel contactProfileViewModel;
+
         private ObservableCollection<Model> profileInfo;
 
+        private string profileImage;
+
+        private Command statusCommand;
+
+        private Command editCommand;
+
+        private Command viewAllCommand;
+
+        private Command mediaImageCommand;
+
         #endregion
 
         #region Constructor
@@ -28,26 +40,22 @@ public class ContactProfileViewModel : BaseViewModel
         /// </summary>
         public ContactProfileViewModel()
         {
-            this.ProfileInfo = new ObservableCollection<Model>();
-
-            for (var i = 0; i < 6; i++)
-            {
-                this.ProfileInfo.Add(new Model { ImagePath = App.BaseImageUrl + "ProfileImage1" + i + ".png" });
-            }
-
-            this.ProfileNameCommand = new Command(this.ProfileNameClicked);
-            this.EditCommand = new Command(this.EditButtonClicked);
-            this.ViewAllCommand = new Command(this.ViewAllButtonClicked);
-            this.MediaImageCommand = new Command(this.MediaImageClicked);
         }
 
         #endregion
 
         #region Public Property
 
+        /// <summary>
+        /// Gets or sets the value of contact profile view model.
+        /// </summary>
+        public static ContactProfileViewModel BindingContext =>
+            contactProfileViewModel = PopulateData<ContactProfileViewModel>("profile.json");
+
         /// <summary>
         /// Gets or sets a collection of profile info.
         /// </summary>
+        [DataMember(Name = "profileInfo")]
         public ObservableCollection<Model> ProfileInfo
         {
             get
@@ -57,51 +65,102 @@ public ObservableCollection<Model> ProfileInfo
 
             set
             {
-                this.profileInfo = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.profileInfo, value);
             }
         }
 
+        /// <summary>
+        /// Gets or sets the image path.
+        /// </summary>
+        [DataMember(Name = "contactProfileImage")]
+        public string ProfileImage
+        {
+            get { return App.ImageServerPath + this.profileImage; }
+            set { this.profileImage = value; }
+        }
+
         #endregion
 
         #region Command
 
         /// <summary>
-        /// Gets or sets the command that is executed when the profile name is clicked.
+        /// Gets the command that is executed when the status of the profile is clicked.
         /// </summary>
-        public Command ProfileNameCommand { get; set; }
+        public Command StatusCommand
+        {
+            get
+            {
+                return this.statusCommand ?? (this.statusCommand = new Command(this.StatusClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the edit button is clicked.
+        /// Gets the command that is executed when the edit button is clicked.
         /// </summary>
-        public Command EditCommand { get; set; }
+        public Command EditCommand
+        {
+            get
+            {
+                return this.editCommand ?? (this.editCommand = new Command(this.EditButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the view all button is clicked.
+        /// Gets the command that is executed when the view all button is clicked.
         /// </summary>
-        public Command ViewAllCommand { get; set; }
-        
+        public Command ViewAllCommand
+        {
+            get
+            {
+                return this.viewAllCommand ?? (this.viewAllCommand = new Command(this.ViewAllButtonClicked));
+            }
+        }
+
         /// <summary>
-        /// Gets or sets the command that is executed when the media image is clicked.
+        /// Gets the command that is executed when the media image is clicked.
         /// </summary>
-        public Command MediaImageCommand { get; set; }
+        public Command MediaImageCommand
+        {
+            get
+            {
+                return this.mediaImageCommand ?? (this.mediaImageCommand = new Command(this.MediaImageClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
 
         /// <summary>
-        /// Invoked when the profile name is clicked.
+        /// Populates the data for view model from json file.
         /// </summary>
-        /// <param name="obj">The object</param>
-        private async void ProfileNameClicked(object obj)
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
         {
-            Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
-            (obj as SfBorder).BackgroundColor = (Color)retVal;
-            await Task.Delay(100);
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
 
-            Application.Current.Resources.TryGetValue("Gray-White", out var oldVal);
-            (obj as SfBorder).BackgroundColor = (Color)oldVal;
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the status of the profile is clicked.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void StatusClicked(object obj)
+        {
+            // Do something
         }
 
         /// <summary>
diff --git a/EssentialUIKit/ViewModels/Profile/HealthProfileViewModel.cs b/EssentialUIKit/ViewModels/Profile/HealthProfileViewModel.cs
new file mode 100644
index 00000000..7caa872b
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Profile/HealthProfileViewModel.cs
@@ -0,0 +1,171 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Profile
+{
+    /// <summary>
+    /// ViewModel for health profile page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class HealthProfileViewModel : BaseViewModel
+    {
+        #region Fields
+
+        private static HealthProfileViewModel healthProfileViewModel;
+
+        /// <summary>
+        /// To store the health profile data collection.
+        /// </summary>
+        private string profileImage;
+
+        private ObservableCollection<HealthProfile> cardItems;
+
+        private Command<object> itemTappedCommand;
+
+        #endregion
+
+        #region Constructor
+
+        /// <summary>
+        /// Initializes a new instance for the <see cref="HealthProfileViewModel" /> class.
+        /// </summary>
+        public HealthProfileViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of health profile view model.
+        /// </summary>
+        public static HealthProfileViewModel BindingContext =>
+            healthProfileViewModel = PopulateData<HealthProfileViewModel>("profile.json");
+
+        /// <summary>
+        /// Gets or sets the health profile items collection.
+        /// </summary>
+        [DataMember(Name = "cardItems")]
+        public ObservableCollection<HealthProfile> CardItems
+        {
+            get
+            {
+                return this.cardItems;
+            }
+
+            set
+            {
+                this.SetProperty(ref this.cardItems, value);
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the profile image.
+        /// </summary>
+        [DataMember(Name = "profileImage")]
+        public string ProfileImage
+        {
+            get
+            {
+                return App.ImageServerPath + this.profileImage;
+            }
+
+            set
+            {
+                this.profileImage = value;
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the profile name.
+        /// </summary>
+        [DataMember(Name = "profileName")]
+        public string ProfileName { get; set; }
+
+        /// <summary>
+        /// Gets or sets the state.
+        /// </summary>
+        [DataMember(Name = "state")]
+        public string State { get; set; }
+
+        /// <summary>
+        /// Gets or sets the country.
+        /// </summary>
+        [DataMember(Name = "country")]
+        public string Country { get; set; }
+
+        /// <summary>
+        /// Gets or sets the age.
+        /// </summary>
+        [DataMember(Name = "age")]
+        public string Age { get; set; }
+
+        /// <summary>
+        /// Gets or sets the weight.
+        /// </summary>
+        [DataMember(Name = "weight")]
+        public string Weight { get; set; }
+
+        /// <summary>
+        /// Gets or sets the height.
+        /// </summary>
+        [DataMember(Name = "height")]
+        public string Height { get; set; }
+
+        /// <summary>
+        /// Gets the command that will be executed when an item is selected.
+        /// </summary>
+        public Command<object> ItemTappedCommand
+        {
+            get
+            {
+                return this.itemTappedCommand ?? (this.itemTappedCommand = new Command<object>(this.NavigateToNextPage));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when an item is selected from the health profile page.
+        /// </summary>
+        /// <param name="selectedItem">Selected item from the list view.</param>
+        private void NavigateToNextPage(object selectedItem)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Profile/MasterPageViewModel.cs b/EssentialUIKit/ViewModels/Profile/MasterPageViewModel.cs
index fe3e1c5d..13dda0aa 100644
--- a/EssentialUIKit/ViewModels/Profile/MasterPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Profile/MasterPageViewModel.cs
@@ -1,5 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using System.Threading.Tasks;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -10,16 +11,29 @@ namespace EssentialUIKit.ViewModels.Profile
     /// ViewModel for burger menu expand page.
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class MasterPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static MasterPageViewModel masterPageViewModel;
+
         private string profileName;
 
         private string profileImage;
 
         private string email;
 
+        private Command homeCommand;
+
+        private Command interestsCommand;
+
+        private Command bookmarkCommand;
+
+        private Command activityCommand;
+
+        private Command profileCommand;
+
         #endregion
 
         #region Constructor
@@ -29,24 +43,22 @@ public class MasterPageViewModel : BaseViewModel
         /// </summary>
         public MasterPageViewModel()
         {
-            this.profileName = "John Doe";
-            this.profileImage = App.BaseImageUrl + "ProfileImage1.png";
-            this.email = "johndoe@gmail.com";
-
-            this.HomeCommand = new Command(this.HomeButtonClicked);
-            this.InterestsCommand = new Command(this.InterestsButtonClicked);
-            this.BookmarkCommand = new Command(this.BookmarkButtonClicked);
-            this.ActivityCommand = new Command(this.ActivityButtonClicked);
-            this.ProfileCommand = new Command(this.ProfileButtonClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of master page view model.
+        /// </summary>
+        public static MasterPageViewModel BindingContext =>
+            masterPageViewModel = PopulateData<MasterPageViewModel>("profile.json");
+
         /// <summary>
         /// Gets or sets the profile name.
         /// </summary>
+        [DataMember(Name = "name")]
         public string ProfileName
         {
             get
@@ -58,8 +70,7 @@ public string ProfileName
             {
                 if (this.profileName != value)
                 {
-                    this.profileName = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.profileName, value);
                 }
             }
         }
@@ -67,19 +78,19 @@ public string ProfileName
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
+        [DataMember(Name = "itemImage")]
         public string ProfileImage
         {
             get
             {
-                return this.profileImage;
+                return App.ImageServerPath + this.profileImage;
             }
 
             set
             {
                 if (this.profileImage != value)
                 {
-                    this.profileImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.profileImage, value);
                 }
             }
         }
@@ -87,6 +98,7 @@ public string ProfileImage
         /// <summary>
         /// Gets or sets the email.
         /// </summary>
+        [DataMember(Name = "email")]
         public string Email
         {
             get
@@ -98,8 +110,7 @@ public string Email
             {
                 if (this.email != value)
                 {
-                    this.email = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.email, value);
                 }
             }
         }
@@ -107,42 +118,112 @@ public string Email
         #endregion
 
         #region Command
+
         /// <summary>
-        /// Gets or sets the command that is executed when the home view is clicked.
+        /// Gets the command that is executed when the home view is clicked.
         /// </summary>
-        public Command HomeCommand { get; set; }
+        public Command HomeCommand
+        {
+            get
+            {
+                return this.homeCommand ?? (this.homeCommand = new Command(this.HomeButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the interests view is clicked.
+        /// Gets the command that is executed when the interests view is clicked.
         /// </summary>
-        public Command InterestsCommand { get; set; }
+        public Command InterestsCommand
+        {
+            get
+            {
+                return this.interestsCommand ?? (this.interestsCommand = new Command(this.InterestsButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the bookmark view is clicked.
+        /// Gets the command that is executed when the bookmark view is clicked.
         /// </summary>
-        public Command BookmarkCommand { get; set; }
+        public Command BookmarkCommand
+        {
+            get
+            {
+                return this.bookmarkCommand ?? (this.bookmarkCommand = new Command(this.BookmarkButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the activity view is clicked.
+        /// Gets the command that is executed when the activity view is clicked.
         /// </summary>
-        public Command ActivityCommand { get; set; }
+        public Command ActivityCommand
+        {
+            get
+            {
+                return this.activityCommand ?? (this.activityCommand = new Command(this.ActivityButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the profile view is clicked.
+        /// Gets the command that is executed when the profile view is clicked.
         /// </summary>
-        public Command ProfileCommand { get; set; }
+        public Command ProfileCommand
+        {
+            get
+            {
+                return this.profileCommand ?? (this.profileCommand = new Command(this.ProfileButtonClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Changes the selection color when an item is tapped.
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private static async void UpdateSelectedItemColor(object obj)
+        {
+            var grid = obj as Grid;
+            Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
+            grid.BackgroundColor = (Color)retVal;
+
+            // Makes the selected item color change for 100 milliseconds.
+            await Task.Delay(100).ConfigureAwait(true);
+            Application.Current.Resources.TryGetValue("Gray-Bg", out var retValue);
+            grid.BackgroundColor = (Color)retValue;
+        }
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the home button is clicked.
         /// </summary>
         /// <param name="obj">The object</param>
         private void HomeButtonClicked(object obj)
         {
-            this.UpdateSelectedItemColor(obj);
+            UpdateSelectedItemColor(obj);
         }
 
         /// <summary>
@@ -151,7 +232,7 @@ private void HomeButtonClicked(object obj)
         /// <param name="obj">The object</param>
         private void InterestsButtonClicked(object obj)
         {
-            this.UpdateSelectedItemColor(obj);
+            UpdateSelectedItemColor(obj);
         }
 
         /// <summary>
@@ -160,7 +241,7 @@ private void InterestsButtonClicked(object obj)
         /// <param name="obj">The object</param>
         private void BookmarkButtonClicked(object obj)
         {
-            this.UpdateSelectedItemColor(obj);
+            UpdateSelectedItemColor(obj);
         }
 
         /// <summary>
@@ -169,7 +250,7 @@ private void BookmarkButtonClicked(object obj)
         /// <param name="obj">The object</param>
         private void ActivityButtonClicked(object obj)
         {
-            this.UpdateSelectedItemColor(obj);
+            UpdateSelectedItemColor(obj);
         }
 
         /// <summary>
@@ -178,23 +259,7 @@ private void ActivityButtonClicked(object obj)
         /// <param name="obj">The object</param>
         private void ProfileButtonClicked(object obj)
         {
-            this.UpdateSelectedItemColor(obj);
-        }
-      
-        /// <summary>
-        /// Changes the selection color when an item is tapped.
-        /// </summary>
-        /// <param name="obj">The object</param>
-        private async void UpdateSelectedItemColor(object obj)
-        {
-            var grid = obj as Grid;
-            Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
-            grid.BackgroundColor = (Color)retVal;
-
-            // Makes the selected item color change for 100 milliseconds.
-            await Task.Delay(100);
-            Application.Current.Resources.TryGetValue("Gray-White", out var retValue);
-            grid.BackgroundColor = (Color)retValue;
+            UpdateSelectedItemColor(obj);
         }
 
         #endregion
diff --git a/EssentialUIKit/ViewModels/Profile/ProfileViewModel.cs b/EssentialUIKit/ViewModels/Profile/ProfileViewModel.cs
index ac6928ee..365cc11f 100644
--- a/EssentialUIKit/ViewModels/Profile/ProfileViewModel.cs
+++ b/EssentialUIKit/ViewModels/Profile/ProfileViewModel.cs
@@ -1,5 +1,6 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using System.Threading.Tasks;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
@@ -7,19 +8,30 @@
 namespace EssentialUIKit.ViewModels.Profile
 {
     /// <summary>
-    /// ViewModel for Article profile page 
+    /// ViewModel for profile page 
     /// </summary> 
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class ProfileViewModel : BaseViewModel
     {
         #region Fields
 
+        private static ProfileViewModel profileViewModel;
+
         private string profileImage;
 
         private string profileName;
 
         private string email;
 
+        private Command editCommand;
+
+        private Command nightModeCommand;
+
+        private Command textSizeCommand;
+
+        private Command settingsCommand;
+
         #endregion
 
         #region Constructor
@@ -29,36 +41,34 @@ public class ProfileViewModel : BaseViewModel
         /// </summary>
         public ProfileViewModel()
         {
-            this.profileImage = App.BaseImageUrl + "ProfileImage1.png";
-            this.profileName = "John Deo";
-            this.email = "johndoe@gmail.com";
-
-            this.EditCommand = new Command(this.EditButtonClicked);
-            this.NightModeCommand = new Command(this.NightModeOptionClicked);
-            this.TextSizeCommand = new Command(this.TextSizeOptionClicked);
-            this.SettingsCommand = new Command(this.SettingsOptionClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of profile page view model.
+        /// </summary>
+        public static ProfileViewModel BindingContext =>
+            profileViewModel = PopulateData<ProfileViewModel>("profile.json");
+
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
+        [DataMember(Name = "itemImage")]
         public string ProfileImage
         {
             get
             {
-                return this.profileImage;
+                return App.ImageServerPath + this.profileImage;
             }
 
             set
             {
                 if (this.profileImage != value)
                 {
-                    this.profileImage = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.profileImage, value);
                 }
             }
         }
@@ -66,6 +76,7 @@ public string ProfileImage
         /// <summary>
         /// Gets or sets the profile name.
         /// </summary>
+        [DataMember(Name = "name")]
         public string ProfileName
         {
             get
@@ -77,8 +88,7 @@ public string ProfileName
             {
                 if (this.profileName != value)
                 {
-                    this.profileName = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.profileName, value);
                 }
             }
         }
@@ -86,6 +96,7 @@ public string ProfileName
         /// <summary>
         /// Gets or sets the email.
         /// </summary>
+        [DataMember(Name = "email")]
         public string Email
         {
             get
@@ -97,8 +108,7 @@ public string Email
             {
                 if (this.email != value)
                 {
-                    this.email = value;
-                    this.NotifyPropertyChanged();
+                    this.SetProperty(ref this.email, value);
                 }
             }
         }
@@ -106,30 +116,78 @@ public string Email
         #endregion
 
         #region Command
+
         /// <summary>
-        /// Gets or sets the command that is executed when the edit button is clicked.
+        /// Gets the command that is executed when the edit button is clicked.
         /// </summary>
-        public Command EditCommand { get; set; }
+        public Command EditCommand
+        {
+            get
+            {
+                return this.editCommand ?? (this.editCommand = new Command(this.EditButtonClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the night mode switch is clicked.
+        /// Gets the command that is executed when the night mode switch is clicked.
         /// </summary>
-        public Command NightModeCommand { get; set; }
+        public Command NightModeCommand
+        {
+            get
+            {
+                return this.nightModeCommand ?? (this.nightModeCommand = new Command(this.NightModeOptionClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the settings option is clicked.
+        /// Gets the command that is executed when the settings option is clicked.
         /// </summary>
-        public Command SettingsCommand { get; set; }
+        public Command SettingsCommand
+        {
+            get
+            {
+                return this.settingsCommand ?? (this.settingsCommand = new Command(this.SettingsOptionClicked));
+            }
+        }
 
         /// <summary>
-        /// Gets or sets the command that is executed when the Text size option is clicked.
+        /// Gets the command that is executed when the Text size option is clicked.
         /// </summary>
-        public Command TextSizeCommand { get; set; }
+        public Command TextSizeCommand
+        {
+            get
+            {
+                return this.textSizeCommand ?? (this.textSizeCommand = new Command(this.TextSizeOptionClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
-        
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when the edit button is clicked.
         /// </summary>
@@ -155,12 +213,12 @@ private void NightModeOptionClicked(object obj)
         private async void TextSizeOptionClicked(object obj)
         {
             var grid = obj as Grid;
-            Application.Current.Resources.TryGetValue("Gray-100", out var retVal);            
+            Application.Current.Resources.TryGetValue("Gray-100", out var retVal);
             grid.BackgroundColor = (Color)retVal;
 
             // To make the selected item color changes for 100 milliseconds.
-            await Task.Delay(100);
-            Application.Current.Resources.TryGetValue("Gray-White", out var retValue);            
+            await Task.Delay(100).ConfigureAwait(true);
+            Application.Current.Resources.TryGetValue("Gray-Bg", out var retValue);
             grid.BackgroundColor = (Color)retValue;
         }
 
@@ -175,8 +233,8 @@ private async void SettingsOptionClicked(object obj)
             grid.BackgroundColor = (Color)retVal;
 
             // To make the selected item color changes for 100 milliseconds.
-            await Task.Delay(100);
-            Application.Current.Resources.TryGetValue("Gray-White", out var retValue);
+            await Task.Delay(100).ConfigureAwait(true);
+            Application.Current.Resources.TryGetValue("Gray-Bg", out var retValue);
             grid.BackgroundColor = (Color)retValue;
         }
 
diff --git a/EssentialUIKit/ViewModels/Settings/HelpViewModel.cs b/EssentialUIKit/ViewModels/Settings/HelpViewModel.cs
index 1571b4dc..1e806b94 100644
--- a/EssentialUIKit/ViewModels/Settings/HelpViewModel.cs
+++ b/EssentialUIKit/ViewModels/Settings/HelpViewModel.cs
@@ -16,15 +16,48 @@ public class HelpViewModel : BaseViewModel
         /// </summary>
         public HelpViewModel()
         {
-            this.BackButtonCommand = new Command(this.BackButtonClicked);
             this.IssuePreviousOrderCommand = new Command(this.IssuePreviousOrderClicked);
-            this.Return_RefundCommand = new Command(this.RefundClicked);
+            this.ReturnRefundCommand = new Command(this.RefundClicked);
             this.PaymentQueriesCommand = new Command(this.PaymentQueriesClicked);
             this.OffersQueriesCommand = new Command(this.OffersQueriesClicked);
             this.AccountQueriesCommand = new Command(this.AccountQueriesClicked);
             this.OtherQueriesCommand = new Command(this.OtherQueriesClicked);
-           
         }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets or sets the command is executed when the issue previous order option is clicked.
+        /// </summary>
+        public Command IssuePreviousOrderCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the return refund option is clicked.
+        /// </summary>
+        public Command ReturnRefundCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the payment queries option is clicked.
+        /// </summary>
+        public Command PaymentQueriesCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the offer queries  option is clicked.
+        /// </summary>
+        public Command OffersQueriesCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the account queries option is clicked.
+        /// </summary>
+        public Command AccountQueriesCommand { get; set; }
+
+        /// <summary>
+        /// Gets or sets the command is executed when the other queries option is clicked.
+        /// </summary>
+        public Command OtherQueriesCommand { get; set; }
+
         #endregion
 
         #region Method
@@ -83,54 +116,6 @@ private void IssuePreviousOrderClicked(object obj)
             // Do something
         }
 
-        /// <summary>
-        /// Invoked when the back button clicked
-        /// </summary>
-        /// <param name="obj">The object</param>
-        private void BackButtonClicked(object obj)
-        {
-            // Do something
-        }
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command is executed when the back button is clicked.
-        /// </summary>
-        public Command BackButtonCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the issue previous order option is clicked.
-        /// </summary>
-        public Command IssuePreviousOrderCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the return refund option is clicked.
-        /// </summary>
-        public Command Return_RefundCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the payment queries option is clicked.
-        /// </summary>
-        public Command PaymentQueriesCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the offer queries  option is clicked.
-        /// </summary>
-        public Command OffersQueriesCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the account queries option is clicked.
-        /// </summary>
-        public Command AccountQueriesCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command is executed when the other queries option is clicked.
-        /// </summary>
-        public Command OtherQueriesCommand { get; set; }
         #endregion
     }
-
-
 }
diff --git a/EssentialUIKit/ViewModels/Settings/SettingViewModel.cs b/EssentialUIKit/ViewModels/Settings/SettingViewModel.cs
index 95047fd5..2e2e47a4 100644
--- a/EssentialUIKit/ViewModels/Settings/SettingViewModel.cs
+++ b/EssentialUIKit/ViewModels/Settings/SettingViewModel.cs
@@ -1,10 +1,4 @@
-using EssentialUIKit.Views.Settings;
-using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Text;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Settings
@@ -20,9 +14,8 @@ public class SettingViewModel : BaseViewModel
         /// <summary>
         /// Initializes a new instance of the <see cref="SettingViewModel" /> class
         /// </summary>
-        public SettingViewModel ()
+        public SettingViewModel()
         {
-            this.BackButtonCommand = new Command(this.BackButtonClicked);
             this.EditProfileCommand = new Command(this.EditProfileClicked);
             this.ChangePasswordCommand = new Command(this.ChangePasswordClicked);
             this.LinkAccountCommand = new Command(this.LinkAccountClicked);
@@ -30,17 +23,13 @@ public SettingViewModel ()
             this.TermsCommand = new Command(this.TermsServiceClicked);
             this.PolicyCommand = new Command(this.PrivacyPolicyClicked);
             this.FAQCommand = new Command(this.FAQClicked);
+            this.LogoutCommand = new Command(this.LogoutClicked);
         }
 
         #endregion
 
         #region Commands
 
-        /// <summary>
-        /// Gets or sets the command is executed when the favourite button is clicked.
-        /// </summary>
-        public Command BackButtonCommand { get; set; }
-
         /// <summary>
         /// Gets or sets the command is executed when the edit profile option is clicked.
         /// </summary>
@@ -76,24 +65,20 @@ public SettingViewModel ()
         /// </summary>
         public Command FAQCommand { get; set; }
 
+        /// <summary>
+        /// Gets or sets the command is executed when the logout is clicked.
+        /// </summary>
+        public Command LogoutCommand { get; set; }
+
         #endregion
 
         #region Methods
 
-        /// <summary>
-        /// Invoked when the back button clicked
-        /// </summary>
-        /// <param name="obj">The object</param>
-        private void BackButtonClicked (object obj)
-        {
-            // Do something
-        }
-
         /// <summary>
         /// Invoked when the edit profile option clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void EditProfileClicked (object obj)
+        private void EditProfileClicked(object obj)
         {
             // Do something
         }
@@ -102,7 +87,7 @@ private void EditProfileClicked (object obj)
         /// Invoked when the change password clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void ChangePasswordClicked (object obj)
+        private void ChangePasswordClicked(object obj)
         {
             // Do something
         }
@@ -111,7 +96,7 @@ private void ChangePasswordClicked (object obj)
         /// Invoked when the account link clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void LinkAccountClicked (object obj)
+        private void LinkAccountClicked(object obj)
         {
             // Do something
         }
@@ -120,7 +105,7 @@ private void LinkAccountClicked (object obj)
         /// Invoked when the terms of service clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void TermsServiceClicked (object obj)
+        private void TermsServiceClicked(object obj)
         {
             // Do something
         }
@@ -129,7 +114,7 @@ private void TermsServiceClicked (object obj)
         /// Invoked when the privacy and policy clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void PrivacyPolicyClicked (object obj)
+        private void PrivacyPolicyClicked(object obj)
         {
             // Do something
         }
@@ -138,7 +123,7 @@ private void PrivacyPolicyClicked (object obj)
         /// Invoked when the FAQ clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void FAQClicked (object obj)
+        private void FAQClicked(object obj)
         {
             // Do something
         }
@@ -147,7 +132,16 @@ private void FAQClicked (object obj)
         /// Invoked when the help option is clicked
         /// </summary>
         /// <param name="obj">The object</param>
-        private void HelpClicked (object obj)
+        private void HelpClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the logout button is clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void LogoutClicked(object obj)
         {
             // Do something
         }
diff --git a/EssentialUIKit/ViewModels/Shopping/CartPageViewModel.cs b/EssentialUIKit/ViewModels/Shopping/CartPageViewModel.cs
deleted file mode 100644
index a8eca99a..00000000
--- a/EssentialUIKit/ViewModels/Shopping/CartPageViewModel.cs
+++ /dev/null
@@ -1,396 +0,0 @@
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models;
-using System.Runtime.Serialization;
-using EssentialUIKit.AppLayout.Views;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-using EssentialUIKit.Views.Shopping;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for cart page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [DataContract]
-    public class CartPageViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private ObservableCollection<Product> cartDetails;
-
-        private double totalPrice;
-
-        private double discountPrice;
-
-        private double discountPercent;
-
-        private double percent;
-        
-        private ObservableCollection<Product> produts;
-        
-        private Command placeOrderCommand;
-        
-        private Command notificationCommand;
-        
-        private Command addToCartCommand;
-        
-        private Command saveForLaterCommand;
-        
-        private Command removeCommand;
-        
-        private Command quantitySelectedCommand;
-        
-        private Command variantSelectedCommand;
-        
-        private Command applyCouponCommand;
-
-        #endregion
-
-        #region Event
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the cart details.
-        /// </summary>
-        public ObservableCollection<Product> CartDetails
-        {
-            get
-            {
-                return this.cartDetails;
-            }
-
-            set
-            {
-                if (this.cartDetails == value)
-                {
-                    return;
-                }
-
-                this.cartDetails = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays the total price.
-        /// </summary>
-        public double TotalPrice
-        {
-            get
-            {
-                return this.totalPrice;
-            }
-
-            set
-            {
-                if (this.totalPrice == value)
-                {
-                    return;
-                }
-
-                this.totalPrice = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays total discount price.
-        /// </summary>
-        public double DiscountPrice
-        {
-            get
-            {
-                return this.discountPrice;
-            }
-
-            set
-            {
-                if (this.discountPrice == value)
-                {
-                    return;
-                }
-
-                this.discountPrice = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with label, which displays discount.
-        /// </summary>
-        public double DiscountPercent
-        {
-            get
-            {
-                return this.discountPercent;
-            }
-        
-            set
-            {
-                if (this.discountPercent == value)
-                {
-                    return;
-                }
-
-                this.discountPercent = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with list view, which displays the collection of products from json.
-        /// </summary>
-
-        [DataMember(Name = "products")]
-        public ObservableCollection<Product> Products
-        {
-            get
-            {
-                return this.produts;
-            }
-            set
-            {
-                if (this.produts == value)
-                {
-                    return;
-                }
-                this.produts = value;
-                this.NotifyPropertyChanged();
-                GetProducts(Products);
-                UpdatePrice();
-            }
-        }
-
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Edit button is clicked.
-        /// </summary>
-        public Command PlaceOrderCommand
-        {
-            get { return this.placeOrderCommand ?? (this.placeOrderCommand = new Command(this.PlaceOrderClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Notification button is clicked.
-        /// </summary>
-        public Command NotificationCommand
-        {
-            get { return this.notificationCommand ?? (this.notificationCommand = new Command(this.NotificationClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the AddToCart button is clicked.
-        /// </summary>
-        public Command AddToCartCommand
-        {
-            get { return this.addToCartCommand ?? (this.addToCartCommand = new Command(this.AddToCartClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Save for Later button is clicked.
-        /// </summary>
-        public Command SaveForLaterCommand
-        {
-            get { return this.saveForLaterCommand ?? (this.saveForLaterCommand = new Command(this.SaveForLaterClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Remove button is clicked.
-        /// </summary>
-        public Command RemoveCommand
-        {
-            get { return this.removeCommand ?? (this.removeCommand = new Command(this.RemoveClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the quantity is selected.
-        /// </summary>
-        public Command QuantitySelectedCommand
-        {
-            get { return this.quantitySelectedCommand ?? (this.quantitySelectedCommand = new Command(this.QuantitySelected)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the variant is selected.
-        /// </summary>
-        public Command VariantSelectedCommand
-        {
-            get { return this.variantSelectedCommand ?? (this.variantSelectedCommand = new Command(this.VariantSelected)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the apply coupon is clicked.
-        /// </summary>
-        public Command ApplyCouponCommand
-        {
-            get { return this.applyCouponCommand ?? (this.applyCouponCommand = new Command(this.ApplyCouponClicked)); }
-        }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        public void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void PlaceOrderClicked(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new CheckoutPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Checkout Page";
-                template.PageName = "Views.Shopping.CheckoutPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void NotificationClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddToCartClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void SaveForLaterClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void RemoveClicked(object obj)
-        {
-            if (obj is Product product )
-            {
-                this.CartDetails.Remove(product);
-                this.UpdatePrice();
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the quantity is selected.
-        /// </summary>
-        /// <param name="selectedItem">The Object</param>
-        private void QuantitySelected(object selectedItem)
-        {
-            //Incident - 249030 - Issue in ComboBox Slection changed event.
-
-            //var item = selectedItem as CartProduct;
-
-            //this.UpdatePrice();
-            //item.ActualPrice = item.ActualPrice * item.TotalQuantity;
-            //item.DiscountPercent = item.DiscountPercent * item.TotalQuantity;
-            //item.DiscountPrice = item.DiscountPrice * item.TotalQuantity;
-        }
-
-        /// <summary>
-        /// Invoked when the variant is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void VariantSelected(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the apply coupon button is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void ApplyCouponClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// This method is used to get the products from json.
-        /// </summary>
-        /// <param name="Products">The Products</param>
-        private void GetProducts(ObservableCollection<Product> Products)
-        {
-            this.CartDetails = new ObservableCollection<Product>();
-            if (Products != null && Products.Count > 0)
-                this.CartDetails = Products;
-        }
-
-        /// <summary>
-        /// This method is used to update the price amount.
-        /// </summary>
-        private void UpdatePrice()
-        {
-            this.ResetPriceValue();
-
-            if (this.CartDetails != null && this.CartDetails.Count > 0)
-            {
-                foreach (var cartDetail in this.CartDetails)
-                {
-                    if (cartDetail.TotalQuantity == 0)
-                        cartDetail.TotalQuantity = 1;
-                    this.TotalPrice += (cartDetail.ActualPrice * cartDetail.TotalQuantity);
-                    this.DiscountPrice += (cartDetail.DiscountPrice * cartDetail.TotalQuantity);
-                    this.percent += cartDetail.DiscountPercent;
-                }
-
-                this.DiscountPercent = this.percent > 0 ? this.percent / this.CartDetails.Count : 0;
-            }
-        }
-
-        /// <summary>
-        /// This method is used to reset the price amount.
-        /// </summary>
-        private void ResetPriceValue()
-        {
-            this.TotalPrice = 0;
-            this.DiscountPercent = 0;
-            this.DiscountPrice = 0;
-            this.percent = 0;
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/ViewModels/Shopping/CatalogPageViewModel.cs b/EssentialUIKit/ViewModels/Shopping/CatalogPageViewModel.cs
deleted file mode 100644
index 27627605..00000000
--- a/EssentialUIKit/ViewModels/Shopping/CatalogPageViewModel.cs
+++ /dev/null
@@ -1,406 +0,0 @@
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using System.Runtime.Serialization;
-using Syncfusion.ListView.XForms;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models;
-using EssentialUIKit.Views.Shopping;
-using EssentialUIKit.AppLayout.Views;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for catalog page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [DataContract]
-    public class CatalogPageViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private ObservableCollection<Category> filterOptions;
-
-        private ObservableCollection<string> sortOptions;
-
-        private Command addFavouriteCommand;
-
-        private Command itemSelectedCommand;
-
-        private Command sortCommand;
-
-        private Command filterCommand;
-
-        private Command addToCartCommand;
-
-        private Command expandingCommand;
-
-        public Command cardItemCommand;
-
-        private string cartItemCount;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="CatalogPageViewModel" /> class.
-        /// </summary>
-        public CatalogPageViewModel()
-        {
-            this.FilterOptions = new ObservableCollection<Category>
-            {
-                new Category
-                {
-                    Name = "Gender",
-                    SubCategories = new List<string>
-                    {
-                        "Men",
-                        "Women"
-                    }
-                },
-                new Category
-                {
-                    Name = "Brand",
-                    SubCategories = new List<string>
-                    {
-                        "Brand A",
-                        "Brand B"
-                    }
-                },
-                new Category
-                {
-                    Name = "Categories",
-                    SubCategories = new List<string>
-                    {
-                        "Category A",
-                        "Category B"
-                    }
-                },
-                new Category
-                {
-                    Name = "Color",
-                    SubCategories = new List<string>
-                    {
-                        "Maroon",
-                        "Pink"
-                    }
-                },
-                new Category
-                {
-                    Name = "Price",
-                    SubCategories = new List<string>
-                    {
-                        "Above 3000",
-                        "1000 to 3000",
-                        "Below 1000"
-                    }
-                },
-                new Category
-                {
-                    Name = "Size",
-                    SubCategories = new List<string>
-                    {
-                        "S", "M", "L", "XL", "XXL"
-                    }
-                },
-                new Category
-                {
-                    Name = "Patterns",
-                    SubCategories = new List<string>
-                    {
-                        "Pattern 1", "Pattern 2"
-                    }
-                },
-                new Category
-                {
-                    Name = "Offers",
-                    SubCategories = new List<string>
-                    {
-                        "Buy 1 Get 1", "Buy 1 Get 2"
-                    }
-                },
-                new Category
-                {
-                    Name = "Coupons",
-                    SubCategories = new List<string>
-                    {
-                        "Coupon 1", "Coupon 2"
-                    }
-                },
-            };
-
-            this.SortOptions = new ObservableCollection<string>
-            {
-                "New Arrivals",
-                "Price - high to low",
-                "Price - Low to High",
-                "Popularity",
-                "Discount"
-            };
-        }
-
-        #endregion
-
-        #region Event
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the item details in tile.
-        /// </summary>
-        [DataMember(Name="products")]
-        public ObservableCollection<Product> Products
-        {
-            get; set;
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the filter options.
-        /// </summary>
-        public ObservableCollection<Category> FilterOptions
-        {
-            get
-            {
-                return this.filterOptions;
-            }
-
-            set
-            {
-                if (this.filterOptions == value)
-                {
-                    return;
-                }
-
-                this.filterOptions = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property has been bound with a list view, which displays the sort details.
-        /// </summary>
-        public ObservableCollection<string> SortOptions
-        {
-            get
-            {
-                return this.sortOptions;
-            }
-
-            set
-            {
-                if (this.sortOptions == value)
-                {
-                    return;
-                }
-
-                this.sortOptions = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with view, which displays the cart items count.
-        /// </summary>
-        public string CartItemCount
-        {
-            get
-            {
-                return this.cartItemCount;
-            }
-            set
-            {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
-        /// </summary>
-        public Command ItemSelectedCommand
-        {
-            get { return this.itemSelectedCommand ?? (this.itemSelectedCommand = new Command(this.ItemSelected)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the sort button is clicked.
-        /// </summary>
-        public Command SortCommand
-        {
-            get { return this.sortCommand ?? (this.sortCommand = new Command(this.SortClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the filter button is clicked.
-        /// </summary>
-        public Command FilterCommand
-        {
-            get { return this.filterCommand ?? (this.filterCommand = new Command(this.FilterClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Favourite button is clicked.
-        /// </summary>
-        public Command AddFavouriteCommand
-        {
-            get
-            {
-                return this.addFavouriteCommand ?? (this.addFavouriteCommand = new Command(this.AddFavouriteClicked));
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the AddToCart button is clicked.
-        /// </summary>
-        public Command AddToCartCommand
-        {
-            get { return this.addToCartCommand ?? (this.addToCartCommand = new Command(this.AddToCartClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when expander is expanded.
-        /// </summary>
-        public Command ExpandingCommand
-        {
-            get { return this.expandingCommand ?? (this.expandingCommand = new Command(this.ExpanderClicked)); }
-        }
-
-        /// <summary>
-        /// Gets or sets the command will be executed when the cart icon button has been clicked.
-        /// </summary>
-        public Command CardItemCommand
-        {
-            get { return this.cardItemCommand ?? (this.cardItemCommand = new Command(this.CartClicked)); }
-        }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        public void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="attachedObject">The Object</param>
-        private void ItemSelected(object attachedObject)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new DetailPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Detail Page";
-                template.PageName = "Views.Shopping.DetailPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the items are sorted.
-        /// </summary>
-        /// <param name="attachedObject">The Object</param>
-        private void SortClicked(object attachedObject)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the filter button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void FilterClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the favourite button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddFavouriteClicked(object obj)
-        {
-            if (obj is Product product)
-                product.IsFavourite = !product.IsFavourite;
-        }
-
-        /// <summary>
-        /// Invoked when the cart button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddToCartClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the expander is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void ExpanderClicked(object obj)
-        {
-            var objects = obj as List<object>;
-            var category = objects[0] as Category;
-            var listView = objects[1] as SfListView;
-
-            if (listView == null)
-            {
-                return;
-            }
-
-            var itemIndex = listView.DataSource.DisplayItems.IndexOf(category);
-            var scrollIndex = itemIndex + category.SubCategories.Count;
-            //Expand and bring the item in the view.
-            Device.BeginInvokeOnMainThread(async () =>
-            {
-                await System.Threading.Tasks.Task.Delay(100);
-                listView.LayoutManager.ScrollToRowIndex(scrollIndex, Syncfusion.ListView.XForms.ScrollToPosition.End, true);
-            });
-        }
-
-        /// <summary>
-        /// Invoked when cart icon button is clicked.
-        /// </summary>
-        /// <param name="obj"></param>
-        private void CartClicked(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new CartPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Cart Page";
-                template.PageName = "Views.Shopping.CartPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Shopping/CheckoutPageViewModel.cs b/EssentialUIKit/ViewModels/Shopping/CheckoutPageViewModel.cs
deleted file mode 100644
index 39191762..00000000
--- a/EssentialUIKit/ViewModels/Shopping/CheckoutPageViewModel.cs
+++ /dev/null
@@ -1,335 +0,0 @@
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models.Shopping;
-using EssentialUIKit.Models;
-using EssentialUIKit.AppLayout.Views;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-using EssentialUIKit.Views.Shopping;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for Checkout page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class CheckoutPageViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private ObservableCollection<Customer> deliveryAddress;
-
-        private ObservableCollection<Payment> paymentModes;
-
-        private ObservableCollection<Product> cartDetails;
-
-        private double totalPrice;
-
-        private double discountPrice;
-
-        private double discountPercent;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="CheckoutPageViewModel" /> class.
-        /// </summary>
-        public CheckoutPageViewModel()
-        {
-            this.DeliveryAddress = new ObservableCollection<Customer>
-            {
-                new Customer
-                {
-                    CustomerId = 1, CustomerName = "John Doe", AddressType = "Home", Address = "410 Terry Ave N, USA",
-                    MobileNumber = "+1-202-555-0101"
-                },
-                new Customer
-                {
-                    CustomerId = 1, CustomerName = "John Doe", AddressType = "Office",
-                    Address = "388 Fort Worth, Texas, United States", MobileNumber = "+1-356-636-8572"
-                },
-            };
-
-            this.PaymentModes = new ObservableCollection<Payment>
-            {
-                new Payment
-                {
-                    PaymentMode = "Goldman Sachs Bank Credit Card", CardNumber = "48** **** **** 9876",
-                    CardTypeIcon = "Card.png"
-                },
-                new Payment {PaymentMode = "Wells Fargo Bank Credit Card"},
-                new Payment {PaymentMode = "Debit / Credit Card"},
-                new Payment {PaymentMode = "NetBanking"},
-                new Payment {PaymentMode = "Cash on Delivery"},
-                new Payment {PaymentMode = "Wallet"},
-            };
-
-            this.CartDetails = new ObservableCollection<Product>
-            {
-                new Product
-                {
-                    PreviewImage = App.BaseImageUrl + "Image1.png", Name = "Full-Length Skirt",
-                    Summary =
-                        "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
-                    SellerName = "New Fashion Company", ActualPrice = 245, DiscountPercent = 30, TotalQuantity = 1
-                },
-                new Product
-                {
-                    PreviewImage = App.BaseImageUrl + "Image2.png", Name = "Peasant Blouse",
-                    Summary =
-                        "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
-                    SellerName = "New Fashion Company", ActualPrice = 245, DiscountPercent = 30, TotalQuantity = 1
-                }
-            };
-
-            double percent = 0;
-            foreach (var item in this.CartDetails)
-            {
-                this.TotalPrice += (item.ActualPrice * item.TotalQuantity);
-                this.DiscountPrice += (item.DiscountPrice * item.TotalQuantity);
-                percent += item.DiscountPercent;
-            }
-
-            this.DiscountPercent = percent > 0 ? percent / this.CartDetails.Count : 0;
-
-            this.EditCommand = new Command(this.EditClicked);
-            this.AddAddressCommand = new Command(this.AddAddressClicked);
-            this.PlaceOrderCommand = new Command(this.PlaceOrderClicked);
-            this.PaymentOptionCommand = new Command(PaymentOptionClicked);
-            this.ApplyCouponCommand = new Command(this.ApplyCouponClicked);
-        }
-
-        #endregion
-
-        #region Event
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with SfListView, which displays the delivery address.
-        /// </summary>
-        public ObservableCollection<Customer> DeliveryAddress
-        {
-            get { return this.deliveryAddress; }
-
-            set
-            {
-                if (this.deliveryAddress == value)
-                {
-                    return;
-                }
-
-                this.deliveryAddress = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with SfListView, which displays the payment modes.
-        /// </summary>
-        public ObservableCollection<Payment> PaymentModes
-        {
-            get { return this.paymentModes; }
-
-            set
-            {
-                if (this.paymentModes == value)
-                {
-                    return;
-                }
-
-                this.paymentModes = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a list view, which displays the cart details.
-        /// </summary>
-        public ObservableCollection<Product> CartDetails
-        {
-            get { return this.cartDetails; }
-
-            set
-            {
-                if (this.cartDetails == value)
-                {
-                    return;
-                }
-
-                this.cartDetails = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays total price.
-        /// </summary>
-        public double TotalPrice
-        {
-            get { return this.totalPrice; }
-
-            set
-            {
-                if (this.totalPrice == value)
-                {
-                    return;
-                }
-
-                this.totalPrice = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays total discount price.
-        /// </summary>
-        public double DiscountPrice
-        {
-            get { return this.discountPrice; }
-
-            set
-            {
-                if (this.discountPrice == value)
-                {
-                    return;
-                }
-
-                this.discountPrice = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with a label, which displays discount.
-        /// </summary>
-        public double DiscountPercent
-        {
-            get { return this.discountPercent; }
-
-            set
-            {
-                if (this.discountPercent == value)
-                {
-                    return;
-                }
-
-                this.discountPercent = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Edit button is clicked.
-        /// </summary>
-        public Command EditCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Add new address button is clicked.
-        /// </summary>
-        public Command AddAddressCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Edit button is clicked.
-        /// </summary>
-        public Command PlaceOrderCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the payment option button is clicked.
-        /// </summary>
-        public Command PaymentOptionCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the apply coupon button is clicked.
-        /// </summary>
-        public Command ApplyCouponCommand { get; set; }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        public void NotifyPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        /// <summary>
-        /// Invoked when the Edit button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void EditClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the Add address button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddAddressClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the Place order button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void PlaceOrderClicked(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new PaymentSuccessPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Payment Success Page";
-                template.PageName = "Views.Shopping.PaymentSuccessPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the Payment option is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void PaymentOptionClicked(object obj)
-        {
-            if (obj is RowDefinition rowDefinition && rowDefinition.Height.Value == 0)
-            {
-                rowDefinition.Height = GridLength.Auto;
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the Apply coupon button is selected.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void ApplyCouponClicked(object obj)
-        {
-            // Do something
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Shopping/DetailPageViewModel.cs b/EssentialUIKit/ViewModels/Shopping/DetailPageViewModel.cs
deleted file mode 100644
index cdfe2fc5..00000000
--- a/EssentialUIKit/ViewModels/Shopping/DetailPageViewModel.cs
+++ /dev/null
@@ -1,436 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using EssentialUIKit.Models;
-using System.Linq;
-using EssentialUIKit.AppLayout.Views;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-using EssentialUIKit.Views.Shopping;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for detail page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class DetailPageViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private readonly double productRating;
-
-        private Product productDetail;
-
-        private ObservableCollection<Category> categories;
-
-        private ObservableCollection<Review> reviews;
-
-        private bool isFavourite;
-
-        private bool isReviewVisible;
-
-        private int cartItemCount;
-
-        #endregion
-
-        #region Constructor
-        /// <summary>
-        /// Initializes a new instance for the <see cref="DetailPageViewModel" /> class.
-        /// </summary>
-        public DetailPageViewModel()
-        {
-            reviews = new ObservableCollection<Review>
-            {
-                new Review
-                {
-                    CustomerImage = "ProfileImage10.png",
-                    CustomerName = "Serina Williams",
-                    Comment = "Greatest purchase I have ever made in my life.",
-                    ReviewedDate = "29 Dec, 2019",
-                    Rating = 5,
-                    Images = new List<string>
-                    {
-                        "Image1.png",
-                        "Image1.png",
-                        "Image1.png",
-                        "Image1.png"
-                    }
-                },
-                new Review
-                {
-                    CustomerImage = "ProfileImage11.png",
-                    CustomerName = "Alise Valasquez",
-                    Comment = "Absolutely love them! Can't stop wearing!",
-                    ReviewedDate = "29 Dec, 2019",
-                    Rating = 3,
-                    Images = new List<string>
-                    {
-                       "Image1.png",
-                       "Image1.png",
-                       "Image1.png"
-                    }
-                }
-            };
-
-            this.ProductDetail = new Product
-            {
-                Name = "Full-Length Skirt",
-                Summary = "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
-                ActualPrice = 245,
-                DiscountPercent = 30,
-                Description = "Ankle-length skirt with high waistband. Lightweight, comfortable cotton construction with side zipper.",
-                PreviewImages = new List<string>
-                {
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                    "Image1.png",
-                },
-
-                Reviews = new ObservableCollection<Review>(reviews.Take(1))
-            };
-
-            if (ProductDetail.Reviews == null || ProductDetail.Reviews.Count == 0)
-            {
-                this.IsReviewVisible = true;
-            }
-            else
-            {
-                foreach (var review in this.ProductDetail.Reviews)
-                {
-                    this.productRating += review.Rating;
-                }
-            }
-
-            if (this.productRating > 0)
-                this.ProductDetail.OverallRating = this.productRating / this.ProductDetail.Reviews.Count;
-
-            this.Categories = new ObservableCollection<Category>
-            {
-                new Category
-                {
-                    Name = "Electronics",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Fashion",
-                    SubCategories = new List<string>
-                    {
-                        "Shirts", "Skirts", "Casual Wear", "Jeans", "Kurtis"
-                    }
-                },
-                new Category
-                {
-                    Name = "Home and Furniture",
-                    SubCategories = new List<string>
-                    {
-                        "Diwans", "Sofas", "Curtains"
-                    }
-                },
-                new Category
-                {
-                    Name = "Personal Care",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Sports and Books",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Grocery",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-                new Category
-                {
-                    Name = "Toys and Baby",
-                    SubCategories = new List<string>
-                    {
-                        "Laptops", "Mobiles", "Tablets", "Televisions", "Printers and Monitors"
-                    }
-                },
-            };
-
-            this.AddFavouriteCommand = new Command(this.AddFavouriteClicked);
-            this.NotificationCommand = new Command(this.NotificationClicked);
-            this.AddToCartCommand = new Command(this.AddToCartClicked);
-            this.LoadMoreCommand = new Command(this.LoadMoreClicked);
-            this.ShareCommand = new Command(this.ShareClicked);
-            this.VariantCommand = new Command(VariantClicked);
-            this.ItemSelectedCommand = new Command(this.ItemSelected);
-            this.CardItemCommand = new Command(this.CartClicked);
-        }
-
-        #endregion
-
-        #region Event
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with SfRotator and labels, which display the product images and details.
-        /// </summary>
-        public Product ProductDetail
-        {
-            get
-            {
-                return this.productDetail;
-            }
-
-            set
-            {
-                if (this.productDetail == value)
-                {
-                    return;
-                }
-
-                this.productDetail = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with StackLayout, which displays the categories using ComboBox.
-        /// </summary>
-        public ObservableCollection<Category> Categories
-        {
-            get
-            {
-                return this.categories;
-            }
-
-            set
-            {
-                if (this.categories == value)
-                {
-                    return;
-                }
-
-                this.categories = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with view, which displays the Favourite.
-        /// </summary>
-        public bool IsFavourite
-        {
-            get
-            {
-                return this.isFavourite;
-            }
-            set
-            {
-                this.isFavourite = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with view, which displays the empty message.
-        /// </summary>
-        public bool IsReviewVisible
-        {
-            get
-            {
-                if (productDetail.Reviews.Count == 0)
-                    this.isReviewVisible = true;
-                return this.isReviewVisible;
-            }
-            set
-            {
-                this.isReviewVisible = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the property that has been bound with view, which displays the cart items count.
-        /// </summary>
-        public int CartItemCount
-        {
-            get
-            {
-                return this.cartItemCount;
-            }
-            set
-            {
-                this.cartItemCount = value;
-                this.NotifyPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Commands
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Favourite button is clicked.
-        /// </summary>
-        public Command AddFavouriteCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Notification button is clicked.
-        /// </summary>
-        public Command NotificationCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the AddToCart button is clicked.
-        /// </summary>
-        public Command AddToCartCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Show All button is clicked.
-        /// </summary>
-        public Command LoadMoreCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the Share button is clicked.
-        /// </summary>
-        public Command ShareCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when the size button is clicked.
-        /// </summary>
-        public Command VariantCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when an item is selected.
-        /// </summary>
-        public Command ItemSelectedCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when cart button is clicked.
-        /// </summary>
-        public Command CardItemCommand { get; set; }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        public void NotifyPropertyChanged([CallerMemberName]string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        /// <summary>
-        /// Invoked when the Favourite button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddFavouriteClicked(object obj)
-        {
-            if (obj is DetailPageViewModel model)
-                model.ProductDetail.IsFavourite = !model.ProductDetail.IsFavourite;
-        }
-
-        /// <summary>
-        /// Invoked when the Notification button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void NotificationClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the Cart button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void AddToCartClicked(object obj)
-        {
-            this.CartItemCount += 1;
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when Load more button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void LoadMoreClicked(object obj)
-        {
-            if (productDetail.Reviews.Count == 1)
-                productDetail.Reviews = reviews;
-            else
-                productDetail.Reviews = new ObservableCollection<Review>(reviews.Take(1));
-        }
-
-        /// <summary>
-        /// Invoked when the Share button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void ShareClicked(object obj)
-        {
-            // Do something.
-        }
-
-        /// <summary>
-        /// Invoked when the variant button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void VariantClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when an item is selected.
-        /// </summary>
-        /// <param name="attachedObject">The Object</param>
-        private void ItemSelected(object attachedObject)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when cart icon button is clicked.
-        /// </summary>
-        /// <param name="obj"></param>
-        private void CartClicked(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new CartPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Cart Page";
-                template.PageName = "Views.Shopping.CartPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/ViewModels/Shopping/LoginPageViewModel.cs b/EssentialUIKit/ViewModels/Shopping/LoginPageViewModel.cs
deleted file mode 100644
index 13062431..00000000
--- a/EssentialUIKit/ViewModels/Shopping/LoginPageViewModel.cs
+++ /dev/null
@@ -1,140 +0,0 @@
-using System.Threading.Tasks;
-using Xamarin.Forms;
-using EssentialUIKit.AppLayout.Views;
-using EssentialUIKit.Views.Shopping;
-using Xamarin.Forms.Internals;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for login page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class LoginPageViewModel : LoginViewModel
-    {
-        #region Fields
-
-        private string password;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="LoginPageViewModel" /> class.
-        /// </summary>
-        public LoginPageViewModel()
-        {
-            this.LoginCommand = new Command(this.LoginClicked);
-            this.SignUpCommand = new Command(this.SignUpClicked);
-            this.ForgotPasswordCommand = new Command(this.ForgotPasswordClicked);
-            this.SocialMediaLoginCommand = new Command(this.SocialLoggedIn);
-        }
-
-        #endregion
-
-        #region property
-
-        /// <summary>
-        /// Gets or sets the property that is bound with an entry that gets the password from user in the login page.
-        /// </summary>
-        public string Password
-        {
-            get
-            {
-                return this.password;
-            }
-
-            set
-            {
-                if (this.password == value)
-                {
-                    return;
-                }
-
-                this.password = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Command
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Log In button is clicked.
-        /// </summary>
-        public Command LoginCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Sign Up button is clicked.
-        /// </summary>
-        public Command SignUpCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Forgot Password button is clicked.
-        /// </summary>
-        public Command ForgotPasswordCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the social media login button is clicked.
-        /// </summary>
-        public Command SocialMediaLoginCommand { get; set; }
-
-        #endregion
-
-        #region methods
-
-        /// <summary>
-        /// Invoked when the Log In button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void LoginClicked(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new CatalogListPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Shopping Home Page";
-                template.PageName = "Views.Shopping.CatalogListPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the Sign Up button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void SignUpClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when the Forgot Password button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private async void ForgotPasswordClicked(object obj)
-        {
-            var label = obj as Label;
-            label.BackgroundColor = Color.FromHex("#70FFFFFF");
-            await Task.Delay(100);
-            label.BackgroundColor = Color.Transparent;
-        }
-
-        /// <summary>
-        /// Invoked when social media login button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void SocialLoggedIn(object obj)
-        {
-            // Do something
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/ViewModels/Shopping/LoginViewModel.cs b/EssentialUIKit/ViewModels/Shopping/LoginViewModel.cs
deleted file mode 100644
index 72b12edf..00000000
--- a/EssentialUIKit/ViewModels/Shopping/LoginViewModel.cs
+++ /dev/null
@@ -1,91 +0,0 @@
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for login page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class LoginViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private string email;
-
-        private bool isInvalidEmail;
-
-        #endregion
-        
-        #region Event
-
-        /// <summary>
-        /// The declaration of property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Property
-
-        /// <summary>
-        /// Gets or sets the property that bounds with an entry that gets the email ID from user in the login page.
-        /// </summary>
-        public string Email
-        {
-            get
-            {
-                return this.email;
-            }
-
-            set
-            {
-                if (this.email == value)
-                {
-                    return;
-                }
-
-                this.email = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets a value indicating whether the entered email is valid or invalid.
-        /// </summary>
-        public bool IsInvalidEmail
-        {
-            get
-            {
-                return this.isInvalidEmail;
-            }
-
-            set
-            {
-                if (this.isInvalidEmail == value)
-                {
-                    return;
-                }
-
-                this.isInvalidEmail = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        #endregion
-        
-        #region Method
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/ViewModels/Shopping/OnBoardingAnimationViewModel.cs b/EssentialUIKit/ViewModels/Shopping/OnBoardingAnimationViewModel.cs
deleted file mode 100644
index 29c8b5ca..00000000
--- a/EssentialUIKit/ViewModels/Shopping/OnBoardingAnimationViewModel.cs
+++ /dev/null
@@ -1,255 +0,0 @@
-using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Linq;
-using System.Runtime.CompilerServices;
-using System.Windows.Input;
-using EssentialUIKit.AppLayout.Views;
-using EssentialUIKit.Models.Shopping;
-using EssentialUIKit.Views.Shopping;
-using Syncfusion.SfRotator.XForms;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Template = EssentialUIKit.AppLayout.Models.Template;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for on-boarding gradient page with animation.
-    /// </summary>
-[Preserve(AllMembers = true)]
-    public class OnBoardingAnimationViewModel : INotifyPropertyChanged
-    {
-        #region Fields
-
-        private ObservableCollection<Boarding> boardings;
-
-        private string nextButtonText = "NEXT";
-
-        private bool isSkipButtonVisible = true;
-
-        private int selectedIndex;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="OnBoardingAnimationViewModel" /> class.
-        /// </summary>
-        public OnBoardingAnimationViewModel()
-        {
-            this.SkipCommand = new Command(this.Skip);
-            this.NextCommand = new Command(this.Next);
-            this.Boardings = new ObservableCollection<Boarding>
-            {
-                new Boarding()
-                {
-                    ImagePath = "ChooseGradient.svg",
-                    Header = "CHOOSE",
-                    Content = "Pick the item that is right for you",
-                    RotatorItem = new WalkthroughItemPage()
-                },
-                new Boarding()
-                {
-                    ImagePath = "ConfirmGradient.svg",
-                    Header = "ORDER CONFIRMED",
-                    Content = "Your order is confirmed and will be on its way soon",
-                    RotatorItem = new WalkthroughItemPage()
-                },
-                new Boarding()
-                {
-                    ImagePath = "DeliverGradient.svg",
-                    Header = "DELIVERY",
-                    Content = "Your item will arrive soon. Email us if you have any issues",
-                    RotatorItem = new WalkthroughItemPage()
-                }
-            };
-
-            // Set bindingcontext to content view.
-            foreach (var boarding in this.Boardings)
-            {
-                boarding.RotatorItem.BindingContext = boarding;
-            }
-        }
-
-        #endregion
-
-        #region Events
-
-        /// <summary>
-        /// The declaration of the property changed event.
-        /// </summary>
-        public event PropertyChangedEventHandler PropertyChanged;
-
-        #endregion
-
-        #region Properties
-
-        public ObservableCollection<Boarding> Boardings
-        {
-            get
-            {
-                return this.boardings;
-            }
-
-            set
-            {
-                if (this.boardings == value)
-                {
-                    return;
-                }
-
-                this.boardings = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        public string NextButtonText
-        {
-            get
-            {
-                return this.nextButtonText;
-            }
-
-            set
-            {
-                if (this.nextButtonText == value)
-                {
-                    return;
-                }
-
-                this.nextButtonText = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        public bool IsSkipButtonVisible
-        {
-            get
-            {
-                return this.isSkipButtonVisible;
-            }
-
-            set
-            {
-                if (this.isSkipButtonVisible == value)
-                {
-                    return;
-                }
-
-                this.isSkipButtonVisible = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        public int SelectedIndex
-        {
-            get
-            {
-                return this.selectedIndex;
-            }
-
-            set
-            {
-                if (this.selectedIndex == value)
-                {
-                    return;
-                }
-
-                this.selectedIndex = value;
-                this.OnPropertyChanged();
-            }
-        }
-
-        #endregion
-
-        #region Commands
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Skip button is clicked.
-        /// </summary>
-        public ICommand SkipCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Done button is clicked.
-        /// </summary>
-        public ICommand NextCommand { get; set; }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// The PropertyChanged event occurs when changing the value of property.
-        /// </summary>
-        /// <param name="propertyName">Property name</param>
-        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
-        {
-            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
-        }
-
-        private bool ValidateAndUpdateSelectedIndex(int itemCount)
-        {
-            if (this.SelectedIndex >= itemCount - 1)
-            {
-                return true;
-            }
-
-            this.SelectedIndex++;
-            return false;
-        }
-
-        /// <summary>
-        /// Invoked when the Skip button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void Skip(object obj)
-        {
-            if (Device.RuntimePlatform == "UWP")
-            {
-                Application.Current.MainPage.Navigation.PushAsync(new LoginPage());
-            }
-            else
-            {
-                Template template = new Template();
-                template.Name = "Login Page";
-                template.PageName = "Views.Shopping.LoginPage";
-                Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-            }
-        }
-
-        /// <summary>
-        /// Invoked when the Done button is clicked.
-        /// </summary>
-        /// <param name="obj">The Object</param>
-        private void Next(object obj)
-        {
-            var itemCount = (obj as SfRotator).ItemsSource.Count();
-            if (this.ValidateAndUpdateSelectedIndex(itemCount))
-            {
-                if (Device.RuntimePlatform == "UWP")
-                {
-                    Application.Current.MainPage.Navigation.PushAsync(new LoginPage());
-                }
-                else
-                {
-                    Template template = new Template();
-                    template.Name = "Login Page";
-                    template.PageName = "Views.Shopping.LoginPage";
-                    Application.Current.MainPage.Navigation.PushAsync(new TemplateHostPage(template));
-                }
-            }
-            else
-            {
-                this.MoveToNextPage();
-            }
-        }
-
-        private void MoveToNextPage()
-        {
-            // Move to next page
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/ViewModels/Shopping/PaymentViewModel.cs b/EssentialUIKit/ViewModels/Shopping/PaymentViewModel.cs
deleted file mode 100644
index 7ca758ba..00000000
--- a/EssentialUIKit/ViewModels/Shopping/PaymentViewModel.cs
+++ /dev/null
@@ -1,103 +0,0 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.ViewModels.Shopping
-{
-    /// <summary>
-    /// ViewModel for Payment page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public class PaymentViewModel
-    {
-        #region Fields
-
-        private string paymentSuccessIcon;
-        private string paymentFailureIcon;
-
-        #endregion
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance for the <see cref="PaymentViewModel"/> class.
-        /// </summary>
-        public PaymentViewModel()
-        {
-            this.paymentSuccessIcon = "PaymentSuccess.svg";
-            this.paymentFailureIcon = "PaymentFailure.svg";
-            this.TrackOrderCommand = new Command(this.TrackOrderClicked);
-            this.MakePaymentCommand = new Command(this.MakePaymentClicked);
-        }
-        #endregion
-
-        #region Commands
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when track order button is clicked.
-        /// </summary>
-        public Command TrackOrderCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that will be executed when make payment button is clicked.
-        /// </summary>
-        public Command MakePaymentCommand { get; set; }
-
-        #endregion
-
-        #region Properties
-
-        /// <summary>
-        /// Gets or sets the payment success icon.
-        /// </summary>
-        public string PaymentSuccessIcon
-        {
-            get
-            {
-                return this.paymentSuccessIcon;
-            }
-
-            set
-            {
-                this.paymentSuccessIcon = value;
-            }
-        }
-
-        /// <summary>
-        /// Gets or sets the payment failure icon.
-        /// </summary>
-        public string PaymentFailureIcon
-        {
-            get
-            {
-                return this.paymentFailureIcon;
-            }
-
-            set
-            {
-                this.paymentFailureIcon = value;
-            }
-        }
-
-        #endregion
-
-        #region Methods
-
-        /// <summary>
-        /// Invoked when track order button is clicked.
-        /// </summary>
-        private void TrackOrderClicked(object obj)
-        {
-            // Do something
-        }
-
-        /// <summary>
-        /// Invoked when make payment button is clicked.
-        /// </summary>
-        private void MakePaymentClicked(object obj)
-        {
-            // Do something
-        }
-
-        #endregion
-    }
-}
diff --git a/EssentialUIKit/ViewModels/Social/SocialProfileViewModel.cs b/EssentialUIKit/ViewModels/Social/SocialProfileViewModel.cs
index 24d4cc96..2d2b31b4 100644
--- a/EssentialUIKit/ViewModels/Social/SocialProfileViewModel.cs
+++ b/EssentialUIKit/ViewModels/Social/SocialProfileViewModel.cs
@@ -1,10 +1,11 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using System.Windows.Input;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using ProfileModel = EssentialUIKit.Models.Profile;
+using ProfileModel = EssentialUIKit.Models.UserProfile;
 
 namespace EssentialUIKit.ViewModels.Social
 {
@@ -12,15 +13,34 @@ namespace EssentialUIKit.ViewModels.Social
     /// ViewModel for social profile pages.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class SocialProfileViewModel : BaseViewModel
     {
         #region Fields
 
+        private static SocialProfileViewModel socialProfileViewModel;
+
         private ObservableCollection<ProfileModel> interests;
 
         private ObservableCollection<ProfileModel> connnections;
 
-        private ObservableCollection<string> pictures;
+        private ObservableCollection<ProfileModel> pictures;
+
+        private string headerImagePath;
+
+        private string profileImage;
+
+        private string backgroundImage;
+
+        private Command messageCommand;
+
+        private Command addConnectionCommand;
+
+        private Command imageTapCommand;
+
+        private Command profileSelectedCommand;
+
+        private Command settingsCommand;
 
         #endregion
 
@@ -31,90 +51,22 @@ public class SocialProfileViewModel : BaseViewModel
         /// </summary>
         public SocialProfileViewModel()
         {
-            this.HeaderImagePath = App.BaseImageUrl + "Album2.png";
-            this.ProfileImage = App.BaseImageUrl + "ProfileImage16.png";
-            this.ProfileName = "Lela Cortez";
-            this.Designation = "Designer";
-            this.State = "San Francisco";
-            this.Country = "CA";
-            this.About = "I’m a UMN graduate (go Gophers!) and Minnesota native, but I’m already loving my new home in the Golden Gate City! I can’t wait to explore more of the great music scene here.";
-            this.PostsCount = 8;
-            this.FollowersCount = 45;
-            this.FollowingCount = 45;
-
-            this.Interests = new ObservableCollection<ProfileModel>()
-            {
-                 new ProfileModel { Name = "Food", ImagePath = App.BaseImageUrl + "Recipe12.png" },
-                 new ProfileModel { Name = "Travel", ImagePath = App.BaseImageUrl + "Album5.png" },
-                 new ProfileModel { Name = "Music", ImagePath = App.BaseImageUrl + "ArticleImage7.jpg" },
-                 new ProfileModel { Name = "Bags", ImagePath = App.BaseImageUrl + "Accessories.png" },
-                 new ProfileModel { Name = "Market", ImagePath = App.BaseImageUrl + "PersonalCare.png" },
-                 new ProfileModel { Name = "Food", ImagePath = App.BaseImageUrl + "Recipe12.png" },
-                 new ProfileModel { Name = "Travel", ImagePath = App.BaseImageUrl + "Album5.png" },
-                 new ProfileModel { Name = "Music", ImagePath = App.BaseImageUrl + "ArticleImage7.jpg" },
-                 new ProfileModel { Name = "Bags", ImagePath = App.BaseImageUrl + "Accessories.png" },
-                 new ProfileModel { Name = "Market", ImagePath = App.BaseImageUrl + "PersonalCare.png" },
-            };
-
-            this.Connections = new ObservableCollection<ProfileModel>()
-            {
-                 new ProfileModel { Name = "Rose King", ImagePath = App.BaseImageUrl + "ProfileImage7.png" },
-                 new ProfileModel { Name = "Jeanette Bell", ImagePath = App.BaseImageUrl + "ProfileImage9.png" },
-                 new ProfileModel { Name = "Lily Castro", ImagePath = App.BaseImageUrl + "ProfileImage10.png" },
-                 new ProfileModel { Name = "Susie Moss", ImagePath = App.BaseImageUrl + "ProfileImage11.png" },
-                 new ProfileModel { Name = "Rose King", ImagePath = App.BaseImageUrl + "ProfileImage7.png" },
-                 new ProfileModel { Name = "Jeanette Bell", ImagePath = App.BaseImageUrl + "ProfileImage9.png" },
-                 new ProfileModel { Name = "Lily Castro", ImagePath = App.BaseImageUrl + "ProfileImage10.png" },
-                 new ProfileModel { Name = "Susie Moss", ImagePath = App.BaseImageUrl + "ProfileImage11.png" },
-            };
-
-            this.Pictures = new ObservableCollection<string>()
-            {
-                 App.BaseImageUrl + "ProfileImage8.png",
-                 App.BaseImageUrl + "Album6.png",
-                 App.BaseImageUrl + "ArticleImage4.jpg",
-                 App.BaseImageUrl + "Recipe17.png",
-                 App.BaseImageUrl + "ArticleImage5.jpg",
-                 App.BaseImageUrl + "Mask.png",
-            };
-
-            this.FollowCommand = new Command(this.FollowClicked);
-            this.AddConnectionCommand = new Command(this.AddConnectionClicked);
-            this.ImageTapCommand = new Command(this.ImageClicked);
-            this.ProfileSelectedCommand = new Command(this.ProfileClicked);
         }
 
         #endregion
 
-        #region Commands
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Follow button is clicked.
-        /// </summary>
-        public ICommand FollowCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the AddConnection button is clicked.
-        /// </summary>
-        public ICommand AddConnectionCommand { get; set; }
-
-        /// <summary>
-        /// Gets or sets the command that is executed when the Image is tapped.
-        /// </summary>
-        public ICommand ImageTapCommand { get; set; }
+        #region Properties
 
         /// <summary>
-        /// Gets or sets the command that is executed when the profile item is tapped.
+        /// Gets or sets the value of social profile view model.
         /// </summary>
-        public ICommand ProfileSelectedCommand { get; set; }
-
-        #endregion
-
-        #region Properties
+        public static SocialProfileViewModel BindingContext =>
+            socialProfileViewModel = PopulateData<SocialProfileViewModel>("social.json");
 
         /// <summary>
         /// Gets or sets the interests collection.
         /// </summary>
+        [DataMember(Name = "interests")]
         public ObservableCollection<ProfileModel> Interests
         {
             get
@@ -124,14 +76,14 @@ public ObservableCollection<ProfileModel> Interests
 
             set
             {
-                this.interests = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.interests, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the connections collection.
         /// </summary>
+        [DataMember(Name = "connections")]
         public ObservableCollection<ProfileModel> Connections
         {
             get
@@ -141,15 +93,15 @@ public ObservableCollection<ProfileModel> Connections
 
             set
             {
-                this.connnections = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.connnections, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the photos collection.
         /// </summary>
-        public ObservableCollection<string> Pictures
+        [DataMember(Name = "pictures")]
+        public ObservableCollection<ProfileModel> Pictures
         {
             get
             {
@@ -158,70 +110,179 @@ public ObservableCollection<string> Pictures
 
             set
             {
-                this.pictures = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.pictures, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the header image path.
         /// </summary>
-        public string HeaderImagePath { get; set; }
+        [DataMember(Name = "headerImagePath")]
+        public string HeaderImagePath
+        {
+            get { return App.ImageServerPath + this.headerImagePath; }
+            set { this.headerImagePath = value; }
+        }
 
         /// <summary>
         /// Gets or sets the profile image.
         /// </summary>
-        public string ProfileImage { get; set; }
+        [DataMember(Name = "profileImage")]
+        public string ProfileImage
+        {
+            get { return App.ImageServerPath + this.profileImage; }
+            set { this.profileImage = value; }
+        }
+
+        /// <summary>
+        /// Gets or sets the background image.
+        /// </summary>
+        [DataMember(Name = "backgroundImage")]
+        public string BackgroundImage
+        {
+            get { return App.ImageServerPath + this.backgroundImage; }
+            set { this.backgroundImage = value; }
+        }
 
         /// <summary>
         /// Gets or sets the profile name
         /// </summary>
+        [DataMember(Name = "profileName")]
         public string ProfileName { get; set; }
 
         /// <summary>
         /// Gets or sets the designation
         /// </summary>
+        [DataMember(Name = "designation")]
         public string Designation { get; set; }
 
         /// <summary>
         /// Gets or sets the state
         /// </summary>
+        [DataMember(Name = "state")]
         public string State { get; set; }
 
         /// <summary>
         /// Gets or sets the country
         /// </summary>
+        [DataMember(Name = "country")]
         public string Country { get; set; }
 
         /// <summary>
         /// Gets or sets the about
         /// </summary>
+        [DataMember(Name = "about")]
         public string About { get; set; }
 
         /// <summary>
         /// Gets or sets the posts count
         /// </summary>
+        [DataMember(Name = "postsCount")]
         public int PostsCount { get; set; }
 
         /// <summary>
         /// Gets or sets the followers count
         /// </summary>
+        [DataMember(Name = "followersCount")]
         public int FollowersCount { get; set; }
 
         /// <summary>
         /// Gets or sets the followings count
         /// </summary>
+        [DataMember(Name = "followingCount")]
         public int FollowingCount { get; set; }
 
         #endregion
-        
+
+        #region Commands
+
+        /// <summary>
+        /// Gets the command that is executed when the message button is clicked.
+        /// </summary>
+        public ICommand MessageCommand
+        {
+            get
+            {
+                return this.messageCommand ?? (this.messageCommand = new Command(this.MessageClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the AddConnection button is clicked.
+        /// </summary>
+        public ICommand AddConnectionCommand
+        {
+            get
+            {
+                return this.addConnectionCommand ?? (this.addConnectionCommand = new Command(this.AddConnectionClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the Image is tapped.
+        /// </summary>
+        public ICommand ImageTapCommand
+        {
+            get
+            {
+                return this.imageTapCommand ?? (this.imageTapCommand = new Command(this.ImageClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the profile item is tapped.
+        /// </summary>
+        public ICommand ProfileSelectedCommand
+        {
+            get
+            {
+                return this.profileSelectedCommand ?? (this.profileSelectedCommand = new Command(this.ProfileClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command that is executed when the setting button is tapped.
+        /// </summary>
+        public ICommand SettingsCommand
+        {
+            get
+            {
+                return this.settingsCommand ?? (this.settingsCommand = new Command(this.SettingButtonClicked));
+            }
+        }
+
+        #endregion
+
         #region Methods
 
         /// <summary>
-        /// Invoked when the Follow button is clicked.
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the message button is clicked.
         /// </summary>
         /// <param name="obj">The Object</param>
-        private void FollowClicked(object obj)
+        private void MessageClicked(object obj)
         {
             // Do something
         }
@@ -253,6 +314,15 @@ private void ProfileClicked(object obj)
             // Do something
         }
 
+        /// <summary>
+        /// Invoked when the setting button is tapped.
+        /// </summary>
+        /// <param name="obj">The Object</param>
+        private void SettingButtonClicked(object obj)
+        {
+            // Do something
+        }
+
         #endregion
     }
 }
diff --git a/EssentialUIKit/ViewModels/Tracking/ProductDeliveryTrackingViewModel.cs b/EssentialUIKit/ViewModels/Tracking/ProductDeliveryTrackingViewModel.cs
index c36dcb19..0d5e0f0d 100644
--- a/EssentialUIKit/ViewModels/Tracking/ProductDeliveryTrackingViewModel.cs
+++ b/EssentialUIKit/ViewModels/Tracking/ProductDeliveryTrackingViewModel.cs
@@ -1,6 +1,4 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
 using System.Runtime.Serialization;
 using EssentialUIKit.Models.Tracking;
 using Xamarin.Forms.Internals;
@@ -45,8 +43,7 @@ public ObservableCollection<ProductDeliveryTrackingModel> ProductDeliveryTrackin
 
             set
             {
-                this.productDeliveryTrackings = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productDeliveryTrackings, value);
             }
         }
 
@@ -58,13 +55,12 @@ public string ProductImage
         {
             get
             {
-                return App.BaseImageUrl + this.productImage;
+                return App.ImageServerPath + this.productImage;
             }
 
             set
             {
-                this.productImage = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productImage, value);
             }
         }
 
@@ -81,8 +77,7 @@ public string ProductName
 
             set
             {
-                this.productName = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.productName, value);
             }
         }
 
@@ -99,8 +94,7 @@ public string Description
 
             set
             {
-                this.description = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.description, value);
             }
         }
 
@@ -117,8 +111,7 @@ public string Status
 
             set
             {
-                this.status = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.status, value);
             }
         }
 
@@ -135,8 +128,7 @@ public string OrderID
 
             set
             {
-                this.orderId = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.orderId, value);
             }
         }
 
diff --git a/EssentialUIKit/ViewModels/Tracking/TrainStatusPageViewModel.cs b/EssentialUIKit/ViewModels/Tracking/TrainStatusPageViewModel.cs
index b8ed68a7..6866a6b9 100644
--- a/EssentialUIKit/ViewModels/Tracking/TrainStatusPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Tracking/TrainStatusPageViewModel.cs
@@ -19,7 +19,7 @@ public class TrainStatusPageViewModel : INotifyPropertyChanged
     {
         #region Fields
 
-        private ObservableCollection<Station> stationInfoCollection;
+        private ObservableCollection<TrainStationModel> stationInfoCollection;
         private string nextStationTime;
         private double trainStartTimeDiff;
         private StepStatus lastStationStatus;
@@ -53,7 +53,7 @@ public TrainStatusPageViewModel()
         /// Gets or sets the station info collection.
         /// </summary>
         [DataMember(Name = "stationinfo")]
-        public ObservableCollection<Station> StationInfoCollection
+        public ObservableCollection<TrainStationModel> StationInfoCollection
         {
             get
             {
@@ -128,10 +128,8 @@ public DateTime Duration
         {
             get
             {
-                DateTime stringDuration = Convert.ToDateTime(this.StringDuration, 
-                    CultureInfo.CurrentCulture);
-                return DateTime.MinValue != stringDuration? stringDuration : this.duration;
-
+                DateTime stringDuration = Convert.ToDateTime(this.StringDuration, CultureInfo.CurrentCulture);
+                return stringDuration != DateTime.MinValue ? stringDuration : this.duration;
             }
 
             set
@@ -165,7 +163,11 @@ public DateTime Duration
         public void UpdateStatus()
         {
             DateTime toStartTime;
-            DateTime.TryParse("7:15:00 AM", out toStartTime);
+            if (DateTime.TryParse("7:15:00 AM", out toStartTime))
+            {
+                // Do Nothing
+            }
+
             this.trainStartTimeDiff = DateTime.Now.Subtract(toStartTime).TotalSeconds;
 
             foreach (var stationInfo in this.StationInfoCollection)
@@ -180,27 +182,38 @@ public void UpdateStatus()
                 stationInfo.ProgressedDistance = station.ProgressedDistance;
                 stationInfo.Status = station.Status;
             }
-        }        
-        
+        }
+
         /// <summary>
         /// This method is used to create the station information
         /// </summary>
-        /// <param name="name">String value</param>
-        /// <param name="toArrival">String value</param>
-        /// <param name="toDistance">Double value</param>
+        /// <param name="name">The name</param>
+        /// <param name="toArrival">To arrival</param>
+        /// <param name="toDistance">To distance</param>
         /// <returns>Date time</returns>
-        public Station CreateStationInfo(string name, string toArrival, double toDistance)
+        public TrainStationModel CreateStationInfo(string name, string toArrival, double toDistance)
         {
             DateTime dateTimeArr;
 
             DateTime toStartTime;
-            DateTime.TryParse("7:00:00 AM", out toStartTime);
+            if (DateTime.TryParse("7:00:00 AM", out toStartTime))
+            {
+                // Do Nothing
+            }
+
             DateTime toEndTime;
-            DateTime.TryParse("7:00:00 PM", out toEndTime);
+            if (DateTime.TryParse("7:00:00 PM", out toEndTime))
+            {
+                // Do Nothing
+            }
 
             StepStatus currentStatus = StepStatus.NotStarted;
 
-            DateTime.TryParse(toArrival, out dateTimeArr);
+            if (DateTime.TryParse(toArrival, out dateTimeArr))
+            {
+                // Do Nothing
+            }
+
             dateTimeArr = this.SetTrainTiming(dateTimeArr);
 
             if (this.lastStationStatus == StepStatus.Completed)
@@ -215,7 +228,7 @@ public Station CreateStationInfo(string name, string toArrival, double toDistanc
 
             this.lastStationStatus = currentStatus;
 
-            var station = new Station()
+            var station = new TrainStationModel()
             {
                 Name = name,
                 Arrival = dateTimeArr.TimeOfDay.ToString().Remove(5),
@@ -223,13 +236,13 @@ public Station CreateStationInfo(string name, string toArrival, double toDistanc
                 ArrivalDateTime = dateTimeArr,
                 DepartureDateTime = dateTimeArr.AddMinutes(2),
                 Distance = "Station at " + toDistance.ToString(CultureInfo.CurrentCulture) + " km",
-                Status = currentStatus
+                Status = currentStatus,
             };
 
             if (station.Status == StepStatus.Completed)
             {
                 station.ProgressedDistance = 100;
-            }           
+            }
 
             return station;
         }
diff --git a/EssentialUIKit/ViewModels/Transaction/CheckoutPageViewModel.cs b/EssentialUIKit/ViewModels/Transaction/CheckoutPageViewModel.cs
index 009409bd..80d4d3eb 100644
--- a/EssentialUIKit/ViewModels/Transaction/CheckoutPageViewModel.cs
+++ b/EssentialUIKit/ViewModels/Transaction/CheckoutPageViewModel.cs
@@ -1,8 +1,9 @@
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using System.Runtime.CompilerServices;
-using EssentialUIKit.Models.Transaction;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
 using EssentialUIKit.Models;
+using EssentialUIKit.Models.Transaction;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
@@ -12,10 +13,13 @@ namespace EssentialUIKit.ViewModels.Transaction
     /// ViewModel for Checkout page.
     /// </summary>
     [Preserve(AllMembers = true)]
+    [DataContract]
     public class CheckoutPageViewModel : BaseViewModel
     {
         #region Fields
 
+        private static CheckoutPageViewModel checkoutPageViewModel;
+
         private ObservableCollection<Customer> deliveryAddress;
 
         private ObservableCollection<Payment> paymentModes;
@@ -28,6 +32,16 @@ public class CheckoutPageViewModel : BaseViewModel
 
         private double discountPercent;
 
+        private Command editCommand;
+
+        private Command addAddressCommand;
+
+        private Command placeOrderCommand;
+
+        private Command paymentOptionCommand;
+
+        private Command applyCouponCommand;
+
         #endregion
 
         #region Constructor
@@ -35,78 +49,24 @@ public class CheckoutPageViewModel : BaseViewModel
         /// <summary>
         /// Initializes a new instance for the <see cref="CheckoutPageViewModel" /> class.
         /// </summary>
-        public CheckoutPageViewModel()
+        static CheckoutPageViewModel()
         {
-            this.DeliveryAddress = new ObservableCollection<Customer>
-            {
-                new Customer
-                {
-                    CustomerId = 1, CustomerName = "John Doe", AddressType = "Home", Address = "410 Terry Ave N, USA",
-                    MobileNumber = "+1-202-555-0101"
-                },
-                new Customer
-                {
-                    CustomerId = 1, CustomerName = "John Doe", AddressType = "Office",
-                    Address = "388 Fort Worth, Texas, United States", MobileNumber = "+1-356-636-8572"
-                },
-            };
-
-            this.PaymentModes = new ObservableCollection<Payment>
-            {
-                new Payment
-                {
-                    PaymentMode = "Goldman Sachs Bank Credit Card", CardNumber = "48** **** **** 9876",
-                    CardTypeIcon = "Card.png"
-                },
-                new Payment {PaymentMode = "Wells Fargo Bank Credit Card"},
-                new Payment {PaymentMode = "Debit / Credit Card"},
-                new Payment {PaymentMode = "NetBanking"},
-                new Payment {PaymentMode = "Cash on Delivery"},
-                new Payment {PaymentMode = "Wallet"},
-            };
-
-            this.CartDetails = new ObservableCollection<Product>
-            {
-                new Product
-                {
-                    PreviewImage = App.BaseImageUrl + "Image1.png", Name = "Full-Length Skirt",
-                    Summary =
-                        "This plaid, cotton skirt will keep you warm in the air-conditioned office or outside on cooler days.",
-                    SellerName = "New Fashion Company", ActualPrice = 245, DiscountPercent = 30, TotalQuantity = 1
-                },
-                new Product
-                {
-                    PreviewImage = App.BaseImageUrl + "Image2.png", Name = "Peasant Blouse",
-                    Summary =
-                        "Look your best this fall in this V-neck, pleated peasant blouse with full sleeves. Comes in white, chocolate, forest green, and more.",
-                    SellerName = "New Fashion Company", ActualPrice = 245, DiscountPercent = 30, TotalQuantity = 1
-                }
-            };
-
-            double percent = 0;
-            foreach (var item in this.CartDetails)
-            {
-                this.TotalPrice += (item.ActualPrice * item.TotalQuantity);
-                this.DiscountPrice += (item.DiscountPrice * item.TotalQuantity);
-                percent += item.DiscountPercent;
-            }
-
-            this.DiscountPercent = percent > 0 ? percent / this.CartDetails.Count : 0;
-
-            this.EditCommand = new Command(this.EditClicked);
-            this.AddAddressCommand = new Command(this.AddAddressClicked);
-            this.PlaceOrderCommand = new Command(this.PlaceOrderClicked);
-            this.PaymentOptionCommand = new Command(PaymentOptionClicked);
-            this.ApplyCouponCommand = new Command(this.ApplyCouponClicked);
         }
 
         #endregion
 
         #region Public properties
 
+        /// <summary>
+        /// Gets or sets the value of my cards page view model.
+        /// </summary>
+        public static CheckoutPageViewModel BindingContext =>
+            checkoutPageViewModel = PopulateData<CheckoutPageViewModel>("transaction.json");
+
         /// <summary>
         /// Gets or sets the property that has been bound with SfListView, which displays the delivery address.
         /// </summary>
+        [DataMember(Name = "deliveryAddress")]
         public ObservableCollection<Customer> DeliveryAddress
         {
             get { return this.deliveryAddress; }
@@ -118,14 +78,14 @@ public ObservableCollection<Customer> DeliveryAddress
                     return;
                 }
 
-                this.deliveryAddress = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.deliveryAddress, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that has been bound with SfListView, which displays the payment modes.
         /// </summary>
+        [DataMember(Name = "paymentModes")]
         public ObservableCollection<Payment> PaymentModes
         {
             get { return this.paymentModes; }
@@ -137,17 +97,20 @@ public ObservableCollection<Payment> PaymentModes
                     return;
                 }
 
-                this.paymentModes = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.paymentModes, value);
             }
         }
 
         /// <summary>
         /// Gets or sets the property that has been bound with a list view, which displays the cart details.
         /// </summary>
+        [DataMember(Name = "priceDetails")]
         public ObservableCollection<Product> CartDetails
         {
-            get { return this.cartDetails; }
+            get
+            {
+                return this.cartDetails;
+            }
 
             set
             {
@@ -157,7 +120,8 @@ public ObservableCollection<Product> CartDetails
                 }
 
                 this.cartDetails = value;
-                this.NotifyPropertyChanged();
+                this.CalculatePrice();
+                this.SetProperty(ref this.cartDetails, value);
             }
         }
 
@@ -176,7 +140,7 @@ public double TotalPrice
                 }
 
                 this.totalPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.totalPrice, value);
             }
         }
 
@@ -194,8 +158,7 @@ public double DiscountPrice
                     return;
                 }
 
-                this.discountPrice = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPrice, value);
             }
         }
 
@@ -204,7 +167,10 @@ public double DiscountPrice
         /// </summary>
         public double DiscountPercent
         {
-            get { return this.discountPercent; }
+            get
+            {
+                return this.discountPercent;
+            }
 
             set
             {
@@ -213,8 +179,7 @@ public double DiscountPercent
                     return;
                 }
 
-                this.discountPercent = value;
-                this.NotifyPropertyChanged();
+                this.SetProperty(ref this.discountPercent, value);
             }
         }
 
@@ -225,32 +190,98 @@ public double DiscountPercent
         /// <summary>
         /// Gets or sets the command that will be executed when the Edit button is clicked.
         /// </summary>
-        public Command EditCommand { get; set; }
+        public Command EditCommand
+        {
+            get
+            {
+                return this.editCommand ?? (this.editCommand = new Command(this.EditClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the Add new address button is clicked.
         /// </summary>
-        public Command AddAddressCommand { get; set; }
+        public Command AddAddressCommand
+        {
+            get
+            {
+                return this.addAddressCommand ?? (this.addAddressCommand = new Command(this.AddAddressClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the Edit button is clicked.
         /// </summary>
-        public Command PlaceOrderCommand { get; set; }
+        public Command PlaceOrderCommand
+        {
+            get
+            {
+                return this.placeOrderCommand ?? (this.placeOrderCommand = new Command(this.PlaceOrderClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the payment option button is clicked.
         /// </summary>
-        public Command PaymentOptionCommand { get; set; }
+        public Command PaymentOptionCommand
+        {
+            get
+            {
+                return this.paymentOptionCommand ?? (this.paymentOptionCommand = new Command(this.PaymentOptionClicked));
+            }
+        }
 
         /// <summary>
         /// Gets or sets the command that will be executed when the apply coupon button is clicked.
         /// </summary>
-        public Command ApplyCouponCommand { get; set; }
+        public Command ApplyCouponCommand
+        {
+            get
+            {
+                return this.applyCouponCommand ?? (this.applyCouponCommand = new Command(this.ApplyCouponClicked));
+            }
+        }
 
         #endregion
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        public void CalculatePrice()
+        {
+            double percent = 0;
+            foreach (var item in this.CartDetails)
+            {
+                this.TotalPrice += item.ActualPrice * item.TotalQuantity;
+                this.DiscountPrice += item.DiscountPrice * item.TotalQuantity;
+                percent += item.DiscountPercent;
+            }
+
+            this.DiscountPercent = percent > 0 ? percent / this.CartDetails.Count : 0;
+        }
+
         /// <summary>
         /// Invoked when the Edit button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/ViewModels/Transaction/MyCardsViewModel.cs b/EssentialUIKit/ViewModels/Transaction/MyCardsViewModel.cs
new file mode 100644
index 00000000..8f20597f
--- /dev/null
+++ b/EssentialUIKit/ViewModels/Transaction/MyCardsViewModel.cs
@@ -0,0 +1,120 @@
+using System.Collections.ObjectModel;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using EssentialUIKit.Models.Transaction;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.ViewModels.Transaction
+{
+    /// <summary>
+    /// ViewModel for my cards page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [DataContract]
+    public class MyCardsViewModel : BaseViewModel
+    {
+        #region fields
+
+        private static MyCardsViewModel myCardsViewModel;
+
+        private Command addCardCommand;
+
+        private Command menuCommand;
+
+        #endregion
+
+        #region Constructor 
+
+        public MyCardsViewModel()
+        {
+        }
+
+        #endregion
+
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of my cards page view model.
+        /// </summary>
+        public static MyCardsViewModel BindingContext =>
+            myCardsViewModel = PopulateData<MyCardsViewModel>("transaction.json");
+
+        [DataMember(Name = "cardDetails")]
+        public ObservableCollection<Card> CardDetails { get; set; }
+
+        #endregion
+
+        #region Command
+
+        /// <summary>
+        /// Gets the command is executed when the more button is clicked.
+        /// </summary>
+        public Command MenuCommand
+        {
+            get
+            {
+                return this.menuCommand ?? (this.menuCommand = new Command(this.MenuButtonClicked));
+            }
+        }
+
+        /// <summary>
+        /// Gets the command is executed when the add card button is clicked.
+        /// </summary>
+        public Command AddCardCommand
+        {
+            get
+            {
+                return this.addCardCommand ?? (this.addCardCommand = new Command(this.AddCardButtonClicked));
+            }
+        }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
+        /// <summary>
+        /// Invoked when the more button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void MenuButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        /// <summary>
+        /// Invoked when the add card button clicked
+        /// </summary>
+        /// <param name="obj">The object</param>
+        private void AddCardButtonClicked(object obj)
+        {
+            // Do something
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/ViewModels/Transaction/PaymentViewModel.cs b/EssentialUIKit/ViewModels/Transaction/PaymentViewModel.cs
index 399ba057..20c04ce7 100644
--- a/EssentialUIKit/ViewModels/Transaction/PaymentViewModel.cs
+++ b/EssentialUIKit/ViewModels/Transaction/PaymentViewModel.cs
@@ -1,4 +1,7 @@
-using Xamarin.Forms;
+using System.Reflection;
+using System.Runtime.Serialization;
+using System.Runtime.Serialization.Json;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 
 namespace EssentialUIKit.ViewModels.Transaction
@@ -7,12 +10,16 @@ namespace EssentialUIKit.ViewModels.Transaction
     /// ViewModel for Payment page.
     /// </summary>
     [Preserve(AllMembers = true)]
-    public class PaymentViewModel
+    [DataContract]
+    public class PaymentViewModel : BaseViewModel
     {
         #region Fields
 
-        private string paymentSuccessIcon;
-        private string paymentFailureIcon;
+        private static PaymentViewModel paymentViewModel;
+
+        private Command trackOrderCommand;
+
+        private Command makePaymentCommand;
 
         #endregion
 
@@ -23,58 +30,53 @@ public class PaymentViewModel
         /// </summary>
         public PaymentViewModel()
         {
-            this.paymentSuccessIcon = "PaymentSuccess.svg";
-            this.paymentFailureIcon = "PaymentFailure.svg";
-            this.TrackOrderCommand = new Command(this.TrackOrderClicked);
-            this.MakePaymentCommand = new Command(this.MakePaymentClicked);
         }
+
         #endregion
 
-        #region Commands
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the value of payment view model.
+        /// </summary>
+        public static PaymentViewModel BindingContext =>
+            paymentViewModel = PopulateData<PaymentViewModel>("transaction.json");
 
         /// <summary>
-        /// Gets or sets the command that will be executed when track order button is clicked.
+        /// Gets or sets the payment success icon.
         /// </summary>
-        public Command TrackOrderCommand { get; set; }
+        [DataMember(Name = "paymentSuccessIcon")]
+        public string PaymentSuccessIcon { get; set; }
 
         /// <summary>
-        /// Gets or sets the command that will be executed when make payment button is clicked.
+        /// Gets or sets the payment failure icon.
         /// </summary>
-        public Command MakePaymentCommand { get; set; }
+        [DataMember(Name = "paymentFailureIcon")]
+        public string PaymentFailureIcon { get; set; }
 
         #endregion
 
-        #region Properties
+        #region Commands
 
         /// <summary>
-        /// Gets or sets the payment success icon.
+        /// Gets the command that will be executed when track order button is clicked.
         /// </summary>
-        public string PaymentSuccessIcon
+        public Command TrackOrderCommand
         {
             get
             {
-                return this.paymentSuccessIcon;
-            }
-
-            set
-            {
-                this.paymentSuccessIcon = value;
+                return this.trackOrderCommand ?? (this.trackOrderCommand = new Command(this.TrackOrderClicked));
             }
         }
 
         /// <summary>
-        /// Gets or sets the payment failure icon.
+        /// Gets the command that will be executed when make payment button is clicked.
         /// </summary>
-        public string PaymentFailureIcon
+        public Command MakePaymentCommand
         {
             get
             {
-                return this.paymentFailureIcon;
-            }
-
-            set
-            {
-                this.paymentFailureIcon = value;
+                return this.makePaymentCommand ?? (this.makePaymentCommand = new Command(this.MakePaymentClicked));
             }
         }
 
@@ -82,6 +84,29 @@ public string PaymentFailureIcon
 
         #region Methods
 
+        /// <summary>
+        /// Populates the data for view model from json file.
+        /// </summary>
+        /// <typeparam name="T">Type of view model.</typeparam>
+        /// <param name="fileName">Json file to fetch data.</param>
+        /// <returns>Returns the view model object.</returns>
+        private static T PopulateData<T>(string fileName)
+        {
+            var file = "EssentialUIKit.Data." + fileName;
+
+            var assembly = typeof(App).GetTypeInfo().Assembly;
+
+            T data;
+
+            using (var stream = assembly.GetManifestResourceStream(file))
+            {
+                var serializer = new DataContractJsonSerializer(typeof(T));
+                data = (T)serializer.ReadObject(stream);
+            }
+
+            return data;
+        }
+
         /// <summary>
         /// Invoked when track order button is clicked.
         /// </summary>
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml b/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml
index 67ad74d7..2e57fb50 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml
+++ b/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml
@@ -3,30 +3,41 @@
     x:Class="EssentialUIKit.Views.AboutUs.AboutUsSimplePage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.About"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    x:Name="AboutUsPage"
     Title="About"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
 
     <ContentPage.Content>
-        <Grid ColumnSpacing="0" RowSpacing="0">
-            <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto,*"
+            RowSpacing="0">
+
+            <!--  Title View  -->
+            <controls:TitleView Title="About Us">
+                <controls:TitleView.LeadingView>
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference AboutUsPage}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
+            </controls:TitleView>
+
+            <ScrollView
+                Grid.Row="1"
+                HorizontalOptions="Center"
+                VerticalOptions="Center">
                 <StackLayout
                     HorizontalOptions="Center"
                     Spacing="0"
                     VerticalOptions="Center">
 
-                    <StackLayout.BindingContext>
-                        <viewModel:AboutUsViewModel />
-                    </StackLayout.BindingContext>
-
                     <!--  Product image  -->
                     <Image HeightRequest="110" WidthRequest="124">
                         <Image.Source>
@@ -41,14 +52,17 @@
                     <Label
                         Margin="0,8.7,0,0"
                         HorizontalOptions="CenterAndExpand"
-                        Style="{StaticResource VersionLabelStyle}"
-                        Text="{Binding ProductVersion, StringFormat='Version {0}'}" />
+                        HorizontalTextAlignment="Start"
+                        Style="{StaticResource SimpleLabelStyle}"
+                        Text="{Binding ProductVersion, StringFormat='Version {0}'}"
+                        VerticalOptions="Start"
+                        VerticalTextAlignment="Start" />
 
                     <!--  Product title  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        HorizontalOptions="CenterAndExpand"
-                        Style="{StaticResource HeaderLabelStyle}"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Acme Products">
                         <Label.Margin>
                             <OnIdiom
@@ -61,8 +75,6 @@
                     <!--  Product description  -->
                     <Label
                         Margin="15,0,15,0"
-                        HorizontalOptions="Center"
-                        HorizontalTextAlignment="Center"
                         Style="{StaticResource DescriptionLabelStyle}"
                         Text="{Binding ProductDescription}" />
                 </StackLayout>
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml.cs b/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml.cs
index 2484a282..b4e56584 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml.cs
+++ b/EssentialUIKit/Views/AboutUs/AboutUsSimplePage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.About;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.AboutUs
@@ -15,7 +16,8 @@ public partial class AboutUsSimplePage
         /// </summary>
         public AboutUsSimplePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = AboutUsViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml b/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml
index 66300f6b..b5602b81 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml
+++ b/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml
@@ -4,20 +4,35 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.About"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="AboutUsWithCards"
     Title="About Us"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <control:TitleView Title="About Us">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference AboutUsWithCards}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
 
     <ContentPage.Content>
         <ScrollView
@@ -29,13 +44,8 @@
                 Padding="0"
                 ColumnSpacing="0"
                 HorizontalOptions="StartAndExpand"
+                RowDefinitions="Auto, Auto, Auto, *"
                 RowSpacing="0">
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="*" />
-                </Grid.RowDefinitions>
 
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="{OnIdiom Desktop=1*, Tablet=1*, Phone=16}" />
@@ -43,23 +53,20 @@
                     <ColumnDefinition Width="{OnIdiom Desktop=1*, Tablet=1*, Phone=16}" />
                 </Grid.ColumnDefinitions>
 
-                <Grid.BindingContext>
-                    <viewModel:AboutUsViewModel />
-                </Grid.BindingContext>
-
                 <!--  First half background image for the screen  -->
                 <Image
                     Grid.Row="0"
                     Grid.ColumnSpan="3"
-                    Aspect="Fill"
-                    BackgroundColor="{DynamicResource Gray-200}"
+                    Aspect="AspectFit"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     HeightRequest="253"
                     HorizontalOptions="Fill">
-                      <Image.Source>
-                         <UriImageSource Uri="{Binding CardsTopImage}"
-                                 CacheValidity="14"
-                                 CachingEnabled="true"/>
-                      </Image.Source>
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="14"
+                            CachingEnabled="true"
+                            Uri="{Binding BannerImage}" />
+                    </Image.Source>
                 </Image>
 
                 <!--  Product name and description  -->
@@ -68,31 +75,29 @@
                     Grid.Column="1"
                     Margin="0,-40,0,0"
                     Padding="16,24,16,0"
-                    BackgroundColor="White"
-                    BorderColor="White"
-                    BorderWidth="1"
+                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                    BorderWidth="0"
                     CornerRadius="4"
-                    HasShadow="true"
+                    HasShadow="True"
                     HorizontalOptions="FillAndExpand"
-                    Radius="4"
-                    ShadowOffSetHeight="4"
-                    ShadowOffsetWidth="0"
-                    ShadowOpacity="0.12">
+                    Radius="4">
 
                     <StackLayout>
 
                         <!--  Header  -->
                         <Label
                             Margin="0,0,0,16"
-                            FontFamily="{StaticResource Montserrat-Bold}"
                             FontSize="20"
-                            Style="{StaticResource HeaderLabelStyle}"
+                            LineHeight="{OnPlatform Android=1.25,
+                                                    Default=-1}"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="About Us" />
 
                         <!--  Description  -->
                         <Label
                             Margin="0,0,0,24"
-                            FontSize="14"
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
                             Style="{StaticResource DescriptionLabelStyle}"
                             Text="{Binding ProductDescription}" />
                     </StackLayout>
@@ -107,14 +112,16 @@
                     Spacing="0">
 
                     <Label
-                        Margin="0,32,0,24"
-                        FontFamily="{StaticResource Montserrat-Bold}"
+                        Margin="0,32,0,12"
                         FontSize="20"
-                        Style="{StaticResource HeaderLabelStyle}"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Our Team" />
                 </StackLayout>
                 <!--  Employee profiles  -->
                 <listView:SfListView
+                    x:Name="employeesList"
                     Grid.Row="3"
                     Grid.ColumnSpan="3"
                     Margin="0"
@@ -126,8 +133,7 @@
                     IsStickyHeader="True"
                     ItemsSource="{Binding EmployeeDetails}"
                     RowSpacing="0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemSelectedCommand}">
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.ItemTemplate>
 
@@ -136,48 +142,53 @@
                             <!--  Frame to have rounded corners  -->
                             <control:CustomShadowFrame
                                 Margin="12"
-                                BackgroundColor="White"
-                                BorderColor="White"
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="0"
                                 CornerRadius="4"
-                                HasShadow="true"
+                                HasShadow="True"
                                 HeightRequest="160"
+                                Radius="4"
                                 WidthRequest="160">
 
-                                <StackLayout
-                                    Padding="0"
-                                    HorizontalOptions="CenterAndExpand"
-                                    Spacing="0"
-                                    VerticalOptions="CenterAndExpand">
-
-                                    <!--  Profile image  -->
-                                    <border:SfBorder
-                                        Margin="0,0,0,8"
-                                        BorderWidth="0"
-                                        CornerRadius="32"
-                                        HorizontalOptions="Center"
-                                        VerticalOptions="Center">
-                                        <Image
-                                            BackgroundColor="{DynamicResource Gray-200}"
-                                            Source="{Binding Image}"
-                                            Style="{StaticResource AboutUsImageStyle}" />
-                                    </border:SfBorder>
-
-                                    <!--  Employee name  -->
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        HorizontalOptions="Center"
-                                        Style="{StaticResource DescriptionLabelStyle}"
-                                        Text="{Binding EmployeeName}"
-                                        TextColor="{DynamicResource Gray-900}" />
-
-                                    <!--  Designation  -->
-                                    <Label
-                                        HorizontalOptions="Center"
-                                        HorizontalTextAlignment="Center"
-                                        Style="{StaticResource VersionLabelStyle}"
-                                        Text="{Binding Designation}" />
-
-                                </StackLayout>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference AboutUsWithCards}}"
+                                    TouchUpCommandParameter="{Binding}">
+
+                                    <StackLayout
+                                        Padding="0"
+                                        HorizontalOptions="CenterAndExpand"
+                                        Spacing="0"
+                                        VerticalOptions="CenterAndExpand">
+
+                                        <!--  Profile image  -->
+                                        <border:SfBorder
+                                            Margin="0,0,0,8"
+                                            BorderColor="{DynamicResource GrayShadowColor}"
+                                            CornerRadius="32"
+                                            HeightRequest="64"
+                                            Style="{StaticResource ProfileBorderStyle}"
+                                            WidthRequest="64">
+                                            <Image BackgroundColor="{DynamicResource Gray-200}" Source="{Binding Image}" />
+                                        </border:SfBorder>
+
+                                        <!--  Employee name  -->
+                                        <Label
+                                            FontSize="14"
+                                            Style="{StaticResource TitleLabelStyle}"
+                                            Text="{Binding EmployeeName}"
+                                            TextColor="{DynamicResource Gray-800}" />
+
+                                        <!--  Designation  -->
+                                        <Label
+                                            FontSize="12"
+                                            Style="{StaticResource DescriptionLabelStyle}"
+                                            Text="{Binding Designation}" />
+
+                                    </StackLayout>
+                                </syncEffectsView:SfEffectsView>
                             </control:CustomShadowFrame>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml.cs b/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml.cs
index 03b99078..83795e79 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml.cs
+++ b/EssentialUIKit/Views/AboutUs/AboutUsWithCardsPage.xaml.cs
@@ -1,4 +1,6 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.About;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.AboutUs
@@ -15,7 +17,28 @@ public partial class AboutUsWithCardsPage
         /// </summary>
         public AboutUsWithCardsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = AboutUsViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.employeesList.LayoutManager is GridLayout)
+                {
+                    (this.employeesList.LayoutManager as GridLayout).SpanCount = 2;
+                }
+            }
+            else
+            {
+                if (this.employeesList.LayoutManager is GridLayout)
+                {
+                    (this.employeesList.LayoutManager as GridLayout).SpanCount = 4;
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml b/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml
index 1e69d9c7..869efe37 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml
+++ b/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml
@@ -5,29 +5,38 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.About"
+    x:Name="aboutUsScrollPage"
     Title="About Us"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <control:TitleView Title="About Us">
+                    <!--  Back button command  -->
+                    <control:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference aboutUsScrollPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
 
         <ScrollView>
-            <Grid RowSpacing="0" VerticalOptions="Center">
-                <Grid.BindingContext>
-                    <viewModel:AboutUsViewModel />
-                </Grid.BindingContext>
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="*" />
-                </Grid.RowDefinitions>
+            <Grid RowDefinitions="Auto, *" RowSpacing="0">
 
                 <!--  Background image  -->
                 <Image
@@ -49,14 +58,20 @@
                     <Label
                         Margin="0,24,0,16"
                         FontSize="20"
-                        Style="{StaticResource HeaderLabelStyle}"
-                        Text="About Us" />
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="About Us"
+                        TextColor="#333942" />
 
                     <!--  Product description  -->
                     <Label
                         Margin="16,0,16,0"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
                         Style="{StaticResource DescriptionLabelStyle}"
-                        Text="{Binding ProductDescription}" />
+                        Text="{Binding ProductDescription}"
+                        TextColor="#606a7b" />
                 </StackLayout>
 
                 <!--  Background image  -->
@@ -84,7 +99,9 @@
                             <Label
                                 Margin="0,60,0,5"
                                 FontSize="20"
-                                Style="{StaticResource HeaderLabelStyle}"
+                                LineHeight="{OnPlatform Android=1.25,
+                                                        Default=-1}"
+                                Style="{StaticResource TitleLabelStyle}"
                                 Text="Our Team"
                                 TextColor="{DynamicResource Gray-White}" />
                         </DataTemplate>
@@ -103,7 +120,10 @@
                                     CornerRadius="32"
                                     HorizontalOptions="Center"
                                     VerticalOptions="Center">
-                                    <Image BackgroundColor="{DynamicResource Gray-200}" Style="{StaticResource AboutUsImageStyle}">
+                                    <Image
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="64"
+                                        WidthRequest="64">
                                         <Image.Source>
                                             <UriImageSource
                                                 CacheValidity="14"
@@ -115,18 +135,20 @@
 
                                 <!--  Employee name  -->
                                 <Label
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                                    HorizontalTextAlignment="Center"
-                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    FontSize="14"
+                                    Style="{StaticResource TitleLabelStyle}"
                                     Text="{Binding EmployeeName}"
-                                    TextColor="White" />
+                                    TextColor="{DynamicResource Gray-White}" />
 
                                 <!--  Designation  -->
                                 <Label
+                                    HorizontalOptions="Center"
                                     HorizontalTextAlignment="Center"
-                                    Style="{StaticResource VersionLabelStyle}"
+                                    Style="{StaticResource SimpleLabelStyle}"
                                     Text="{Binding Designation}"
-                                    TextColor="White" />
+                                    TextColor="White"
+                                    VerticalOptions="Start"
+                                    VerticalTextAlignment="Start" />
 
                             </StackLayout>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml.cs b/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml.cs
index 4d2fda2e..2da755a4 100644
--- a/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml.cs
+++ b/EssentialUIKit/Views/AboutUs/AboutUsWithScrollPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.About;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.AboutUs
@@ -15,7 +16,8 @@ public partial class AboutUsWithScrollPage
         /// </summary>
         public AboutUsWithScrollPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = AboutUsViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/AboutUs/Styles.xaml b/EssentialUIKit/Views/AboutUs/Styles.xaml
deleted file mode 100644
index 92f9586f..00000000
--- a/EssentialUIKit/Views/AboutUs/Styles.xaml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.AboutUs.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
-
-    <!--  Style for version label  -->
-    <Style x:Key="VersionLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.25, iOS=-1}"/>
-    </Style>
-
-    <!--  Style for header label  -->
-    <Style x:Key="HeaderLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="LineHeight" Value="1.25"/>
-        <Setter Property="Margin" Value="0,16,0,8"/>
-    </Style>
-
-    <!--  Style for description label  -->
-    <Style x:Key="DescriptionLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.25}"/>
-    </Style>
-
-    <!--  Style for Images  -->
-    <Style x:Key="AboutUsImageStyle" TargetType="Image">
-        <Setter Property="HeightRequest" Value="64" />
-        <Setter Property="WidthRequest" Value="64" />
-    </Style>
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/AboutUs/Styles.xaml.cs b/EssentialUIKit/Views/AboutUs/Styles.xaml.cs
deleted file mode 100644
index 0076bcb3..00000000
--- a/EssentialUIKit/Views/AboutUs/Styles.xaml.cs
+++ /dev/null
@@ -1,13 +0,0 @@
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Views.AboutUs
-{
-    [Preserve(AllMembers = true)]
-    public partial class Styles
-    {
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml b/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml
index 879a575b..44ada62c 100644
--- a/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml
+++ b/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml
@@ -11,22 +11,13 @@
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Article"
     x:Name="articleParallaxPage"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
         <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:ArticleParallaxHeaderPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
@@ -37,7 +28,6 @@
                             x:Name="backButton"
                             Command="{TemplateBinding BindingContext.BackButtonCommand}"
                             CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
                             Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
@@ -48,22 +38,21 @@
                                 x:Name="shareButton"
                                 Command="{TemplateBinding BindingContext.ShareButtonCommand}"
                                 CommandParameter="{x:Reference shareButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
                                 Style="{StaticResource IconButtonStyle}"
-                                Text="{StaticResource Share}"
-                                WidthRequest="40" />
+                                Text="{StaticResource Share}" />
 
                             <!--  Bookmark button  -->
                             <buttons:SfButton
                                 x:Name="bookmarkButton"
-                                Command="{TemplateBinding BindingContext.BookmarkCommand}"
-                                CommandParameter="{x:Reference bookmarkButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
-                                Style="{StaticResource NavigationBarButtonStyle}"
-                                Text="{StaticResource ClearBookmark}"
-                                WidthRequest="40" />
+                                Command="{Binding Path=BindingContext.BookmarkCommand, Source={x:Reference articleParallaxPage}}"
+                                CommandParameter="{Binding}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}" />
+
+                            <StackLayout.BindingContext>
+                                <viewModel:ArticleParallaxHeaderPageViewModel />
+                            </StackLayout.BindingContext>
+
                         </StackLayout>
                     </controls:TitleView.TrailingView>
                 </controls:TitleView>
@@ -74,11 +63,7 @@
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *" RowSpacing="0">
             <Grid Grid.Row="1">
                 <!--  Parallx header view  -->
                 <ScrollView>
@@ -86,10 +71,7 @@
                         x:Name="headerView"
                         HorizontalOptions="FillAndExpand"
                         VerticalOptions="FillAndExpand">
-                        <Grid>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
+                        <Grid RowDefinitions="Auto">
                             <!--  Article header image  -->
                             <Image
                                 x:Name="headerImage"
@@ -110,6 +92,13 @@
                     </ContentView>
                 </ScrollView>
 
+                <!--  OverLay Effect  -->
+                <Frame
+                    Grid.Row="0"
+                    BackgroundColor="{DynamicResource Gray-Black}"
+                    CornerRadius="0"
+                    Opacity="0.2" />
+
                 <!--  Custom control for parallax scroll view  -->
                 <controls:ParallaxScrollView
                     HorizontalOptions="FillAndExpand"
@@ -117,13 +106,9 @@
                     VerticalOptions="FillAndExpand">
                     <Grid
                         ColumnSpacing="0"
+                        RowDefinitions="265, Auto, *"
                         RowSpacing="0"
                         VerticalOptions="FillAndExpand">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="265" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
 
                         <StackLayout
                             Grid.Row="1"
@@ -132,7 +117,7 @@
                             <!--  Article Tile  -->
                             <Label
                                 Margin="0,0,0,8"
-                                FontFamily="{StaticResource Montserrat-Bold}"
+                                FontFamily="Montserrat-Bold"
                                 FontSize="20"
                                 LineHeight="{OnPlatform Default=-1,
                                                         Android=1.25}"
@@ -149,17 +134,17 @@
                                 <Label.FormattedText>
                                     <FormattedString>
                                         <Span
-                                            FontFamily="{StaticResource Montserrat-Medium}"
+                                            FontFamily="Montserrat-Medium"
                                             Text="{Binding ArticleAuthor}"
                                             TextColor="{DynamicResource Gray-White}" />
                                         <Span Text="    " />
                                         <Span
-                                            FontFamily="{StaticResource Montserrat-Regular}"
+                                            FontFamily="Montserrat-Regular"
                                             Text="{Binding ArticleDate}"
                                             TextColor="{DynamicResource Gray-White}" />
-                                        <Span Text=" | " TextColor="{DynamicResource Gray-White}" />
+                                        <Span Text=" | " TextColor="{DynamicResource Gray-Bg}" />
                                         <Span
-                                            FontFamily="{StaticResource Montserrat-Regular}"
+                                            FontFamily="Montserrat-Regular"
                                             Text="{Binding ArticleReadingTime}"
                                             TextColor="{DynamicResource Gray-White}" />
                                     </FormattedString>
@@ -169,12 +154,12 @@
 
                         <StackLayout
                             Grid.Row="2"
-                            BackgroundColor="{DynamicResource Gray-White}"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
                             Spacing="0">
                             <!--  Subtitle of the blog  -->
                             <Label
                                 Margin="16,16,0,8"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="16"
                                 LineHeight="{OnPlatform Default=-1,
                                                         Android=1.25}"
@@ -191,13 +176,13 @@
                                             <Label
                                                 Margin="{OnPlatform Default='0,3,0,0',
                                                                     iOS='0,10,0,0'}"
-                                                FontFamily="{StaticResource FontIcons}"
+                                                FontFamily="FontIcons"
                                                 FontSize="14"
                                                 Text="&#xe720;"
                                                 TextColor="{DynamicResource Gray-500}" />
 
                                             <Label
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="14"
                                                 LineHeight="1.5"
                                                 Text="{Binding Description}"
@@ -210,7 +195,7 @@
                             <!--  Article content  -->
                             <Label
                                 Margin="16,0,16,32"
-                                FontFamily="{StaticResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="14"
                                 LineHeight="{OnPlatform Default=-1,
                                                         Android=1.5}"
@@ -220,7 +205,7 @@
                             <!--  Related stroies label  -->
                             <Label
                                 Margin="16,0,0,16"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="12"
                                 LineHeight="{OnPlatform Default=-1,
                                                         Android=1.25}"
@@ -230,13 +215,13 @@
                             <!--  Related blog list  -->
                             <listView:SfListView
                                 x:Name="SfListView"
-                                Margin="16,0,16,8"
+                                Margin="8,0"
                                 AutoFitMode="Height"
-                                BackgroundColor="{DynamicResource Gray-White}"
                                 HorizontalOptions="FillAndExpand"
                                 ItemSpacing="8"
                                 ItemsSource="{Binding RelatedStories}"
                                 SelectionBackgroundColor="Transparent"
+                                TapCommand="{Binding ItemSelectedCommand}"
                                 VerticalOptions="FillAndExpand">
                                 <listView:SfListView.Behaviors>
                                     <behavior:SfListViewExtendHeightBehavior />
@@ -268,14 +253,11 @@
                                     Padding="0"
                                     Command="{Binding LoadMoreCommand}"
                                     CommandParameter="{x:Reference ShowButton}"
-                                    CornerRadius="4"
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
                                     FontSize="{OnIdiom Default=12,
                                                        Desktop=14}"
                                     HorizontalOptions="End"
-                                    Style="{StaticResource SfButtonStyle}"
+                                    Style="{StaticResource TransparentButtonStyle}"
                                     Text="SHOW LESS"
-                                    TextColor="{DynamicResource HyperLink}"
                                     VerticalOptions="Center" />
 
                             </StackLayout>
@@ -288,7 +270,7 @@
                                 <BindableLayout.ItemTemplate>
                                     <DataTemplate>
                                         <StackLayout Spacing="0">
-                                            <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+                                            <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                                             <template:ReviewTemplate Padding="16,16,0,0" ColumnSpacing="0" />
                                         </StackLayout>
@@ -299,17 +281,10 @@
                             <!--  See all reviews Button  -->
                             <buttons:SfButton
                                 Margin="50,8,50,24"
-                                BackgroundColor="{DynamicResource PrimaryColor}"
-                                BorderColor="{DynamicResource PrimaryColor}"
-                                BorderWidth="1"
                                 Command="{Binding AddNewCommentCommand}"
                                 CommandParameter="{Binding .}"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
-                                HeightRequest="40"
-                                HorizontalOptions="Center"
-                                Style="{StaticResource RoundButtonStyle}"
+                                Style="{StaticResource GradientButtonStyle}"
                                 Text="COMMENT"
-                                TextColor="{DynamicResource Gray-White}"
                                 WidthRequest="245" />
                         </StackLayout>
                     </Grid>
diff --git a/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml.cs b/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml.cs
index 72486415..e6b43216 100644
--- a/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml.cs
+++ b/EssentialUIKit/Views/Article/ArticleParallaxHeaderPage.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
+using EssentialUIKit.ViewModels.Article;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -20,9 +15,10 @@ public partial class ArticleParallaxHeaderPage : ContentPage
         /// <summary>
         /// Initializes a new instance of the <see cref="ArticleParallaxHeaderPage"/> class.
         /// </summary>
-        public ArticleParallaxHeaderPage ()
+        public ArticleParallaxHeaderPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ArticleParallaxHeaderPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml b/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml
index 3ba497c9..21c04899 100644
--- a/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml
+++ b/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml
@@ -3,55 +3,55 @@
     x:Class="EssentialUIKit.Views.Article.ArticleWithCommentsPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Article"
-    BackgroundColor="{DynamicResource Gray-White}"
+    x:Name="articleWithCommentsPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
+        <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:ArticleWithCommentsPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
                 <!--  Title View  -->
                 <controls:TitleView Title="Brainstorm">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference articleWithCommentsPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+
                     <controls:TitleView.TrailingView>
                         <StackLayout Orientation="Horizontal">
-
                             <!--  Favourite button  -->
                             <buttons:SfButton
                                 x:Name="favouriteButton"
-                                Command="{TemplateBinding BindingContext.FavouriteCommand}"
-                                CommandParameter="{x:Reference favouriteButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
-                                Style="{StaticResource NavigationBarButtonStyle}"
-                                Text="{StaticResource Favourite}"
-                                WidthRequest="40" />
+                                Command="{Binding Path=BindingContext.FavouriteCommand, Source={x:Reference articleWithCommentsPage}}"
+                                CommandParameter="{Binding}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}" />
 
                             <!--  Bookmark button  -->
                             <buttons:SfButton
                                 x:Name="bookmarkButton"
-                                Command="{TemplateBinding BindingContext.BookmarkCommand}"
-                                CommandParameter="{x:Reference bookmarkButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
-                                Style="{StaticResource NavigationBarButtonStyle}"
-                                Text="{StaticResource ClearBookmark}"
-                                WidthRequest="40" />
+                                Command="{Binding Path=BindingContext.BookmarkCommand, Source={x:Reference articleWithCommentsPage}}"
+                                CommandParameter="{Binding}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}" />
+
+                            <StackLayout.BindingContext>
+                                <viewModel:ArticleWithCommentsPageViewModel />
+                            </StackLayout.BindingContext>
+
                         </StackLayout>
                     </controls:TitleView.TrailingView>
                 </controls:TitleView>
@@ -70,7 +70,7 @@
                     <!--  Article Tile  -->
                     <Label
                         Margin="0,16,0,8"
-                        FontFamily="{StaticResource Montserrat-Bold}"
+                        FontFamily="Montserrat-Bold"
                         FontSize="20"
                         LineHeight="1.25"
                         Text="{Binding ArticleName}"
@@ -85,17 +85,20 @@
                         <Label.FormattedText>
                             <FormattedString>
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Medium}"
+                                    FontFamily="Montserrat-Regular"
                                     Text="{Binding ArticleAuthor}"
                                     TextColor="{DynamicResource Gray-900}" />
                                 <Span Text="    " />
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Regular}"
+                                    FontFamily="Montserrat-Regular"
                                     Text="{Binding ArticleDate}"
                                     TextColor="{DynamicResource Gray-700}" />
-                                <Span Text=" | " TextColor="{DynamicResource Gray-700}" />
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Regular}"
+                                    FontFamily="Montserrat-Regular"
+                                    Text=" | "
+                                    TextColor="{DynamicResource Gray-700}" />
+                                <Span
+                                    FontFamily="Montserrat-Regular"
                                     Text="{Binding ArticleReadingTime}"
                                     TextColor="{DynamicResource Gray-700}" />
                             </FormattedString>
@@ -104,6 +107,9 @@
 
                     <!--  Image of the blog  -->
                     <Image
+                        Margin="{OnIdiom Phone='-16,0',
+                                         Tablet='-48,0',
+                                         Desktop='-48,0'}"
                         Aspect="AspectFill"
                         BackgroundColor="{DynamicResource Gray-200}"
                         HeightRequest="210">
@@ -118,7 +124,7 @@
                     <!--  Article content  -->
                     <Label
                         Margin="0,16"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="14"
                         LineHeight="1.5"
                         Text="{Binding ArticleContent}"
@@ -139,7 +145,7 @@
 
                     <!--  Description image name  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="Center"
                         HorizontalTextAlignment="Center"
@@ -150,10 +156,10 @@
                     <!--  Subtitle of the blog  -->
                     <Label
                         Margin="0,24,0,8"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         FontSize="16"
                         LineHeight="1.25"
-                        Text="{Binding SubTitle1}"
+                        Text="{Binding SubTitle}"
                         TextColor="{DynamicResource Gray-900}" />
 
                     <StackLayout
@@ -167,13 +173,13 @@
                                     <Label
                                         Margin="{OnPlatform Default='0, 3, 0, 0',
                                                             iOS='0, 10, 0, 0'}"
-                                        FontFamily="{StaticResource FontIcons}"
+                                        FontFamily="FontIcons"
                                         FontSize="14"
                                         Text="&#xe720;"
                                         TextColor="{DynamicResource Gray-500}" />
 
                                     <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="14"
                                         LineHeight="1.5"
                                         Text="{Binding Description}"
@@ -200,14 +206,11 @@
                         Padding="0"
                         Command="{Binding LoadMoreCommand}"
                         CommandParameter="{x:Reference ShowButton}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="{OnIdiom Default=12,
                                            Desktop=14}"
                         HorizontalOptions="End"
-                        Style="{StaticResource SfButtonStyle}"
+                        Style="{StaticResource TransparentButtonStyle}"
                         Text="SHOW LESS"
-                        TextColor="{DynamicResource HyperLink}"
                         VerticalOptions="Center" />
 
                 </StackLayout>
@@ -220,7 +223,7 @@
                         <DataTemplate>
                             <StackLayout Spacing="0">
 
-                                <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+                                <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                                 <template:ReviewTemplate Padding="16,16,16,0" ColumnSpacing="0" />
 
@@ -233,17 +236,10 @@
                 <!--  See all reviews Button  -->
                 <buttons:SfButton
                     Margin="50,8,50,24"
-                    BackgroundColor="{DynamicResource PrimaryColor}"
-                    BorderColor="{DynamicResource PrimaryColor}"
-                    BorderWidth="1"
-                    Command="{Binding AddToCartCommand}"
+                    Command="{Binding AddNewCommentCommand}"
                     CommandParameter="{Binding .}"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                    HeightRequest="40"
-                    HorizontalOptions="Center"
-                    Style="{StaticResource RoundButtonStyle}"
+                    Style="{StaticResource GradientButtonStyle}"
                     Text="COMMENT"
-                    TextColor="{DynamicResource Gray-White}"
                     WidthRequest="245" />
             </StackLayout>
 
diff --git a/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml.cs b/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml.cs
index b289f0aa..1c7f6130 100644
--- a/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml.cs
+++ b/EssentialUIKit/Views/Article/ArticleWithCommentsPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Article;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Article
@@ -15,7 +16,8 @@ public partial class ArticleWithCommentsPage
         /// </summary>
         public ArticleWithCommentsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ArticleWithCommentsPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Article/MyArticlePage.xaml b/EssentialUIKit/Views/Article/MyArticlePage.xaml
index e4c2567b..ecfe22c9 100644
--- a/EssentialUIKit/Views/Article/MyArticlePage.xaml
+++ b/EssentialUIKit/Views/Article/MyArticlePage.xaml
@@ -8,33 +8,28 @@
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Article"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     x:Name="myArticlePage"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.BindingContext>
-        <viewModel:MyArticlePageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout>
 
                 <!--  Title View  -->
                 <controls:TitleView Title="My Books" Grid.Row="0">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference CategoryTile}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
                     <controls:TitleView.TrailingView>
                         <buttons:SfButton
                             Command="{TemplateBinding BindingContext.SearchCommand}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
                             Text="{StaticResource Search}" />
                     </controls:TitleView.TrailingView>
@@ -56,25 +51,27 @@
             HorizontalOptions="FillAndExpand"
             ItemSpacing="8"
             ItemsSource="{Binding ArticleList}"
-            Style="{StaticResource SfListViewStyle}">
-
-            <listView:SfListView.Behaviors>
-                <behavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.ArticleListIteSelectionCommand, Source={x:Reference myArticlePage}}" />
-            </listView:SfListView.Behaviors>
+            Style="{StaticResource TransparentSelectionListView}">
 
             <listView:SfListView.ItemTemplate>
                 <DataTemplate>
-                    <!--  Category Image  -->
-                    <Image
-                        Aspect="AspectFill"
-                        BackgroundColor="{DynamicResource Gray-200}"
-                        HeightRequest="{OnIdiom Phone=160,
-                                                Tablet=240,
-                                                Desktop=200}"
-                        Source="{Binding ImagePath}"
-                        WidthRequest="{OnIdiom Phone=112,
-                                               Tablet=224,
-                                               Desktop=120}" />
+                    <syncEffectsView:SfEffectsView
+                        RippleColor="{DynamicResource Gray-300}"
+                        TouchDownEffects="Ripple"
+                        TouchUpCommand="{Binding Path=BindingContext.ArticleListItemSelectionCommand, Source={x:Reference myArticlePage}}"
+                        TouchUpCommandParameter="{Binding}">
+                        <!--  Category Image  -->
+                        <Image
+                            Aspect="AspectFit"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            HeightRequest="{OnIdiom Phone=160,
+                                                    Tablet=240,
+                                                    Desktop=200}"
+                            Source="{Binding ImagePath}"
+                            WidthRequest="{OnIdiom Phone=112,
+                                                   Tablet=224,
+                                                   Desktop=120}" />
+                    </syncEffectsView:SfEffectsView>
                 </DataTemplate>
             </listView:SfListView.ItemTemplate>
 
diff --git a/EssentialUIKit/Views/Article/MyArticlePage.xaml.cs b/EssentialUIKit/Views/Article/MyArticlePage.xaml.cs
index 1bc66161..5eb4b24f 100644
--- a/EssentialUIKit/Views/Article/MyArticlePage.xaml.cs
+++ b/EssentialUIKit/Views/Article/MyArticlePage.xaml.cs
@@ -1,4 +1,6 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Article;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Article
@@ -15,7 +17,28 @@ public partial class MyArticlePage
         /// </summary>
         public MyArticlePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = MyArticlePageViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.CategoryTile.LayoutManager is GridLayout)
+                {
+                    (this.CategoryTile.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.CategoryTile.LayoutManager is GridLayout)
+                {
+                    (this.CategoryTile.LayoutManager as GridLayout).SpanCount = 4;
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Article/Styles.xaml b/EssentialUIKit/Views/Article/Styles.xaml
deleted file mode 100644
index 2533d9bb..00000000
--- a/EssentialUIKit/Views/Article/Styles.xaml
+++ /dev/null
@@ -1,140 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Article.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms">
-
-    <Color x:Key="OrangeyYellow">#fcbc0f</Color>
-    <Color x:Key="Transparent">Transparent</Color>
-    <Color x:Key="Gold">#fcbc0f</Color>
-    <x:String x:Key="Cart">&#xe708;</x:String>
-    <x:String x:Key="Share">&#xe704;</x:String>
-    <x:String x:Key="Close">&#xe724;</x:String>
-    <x:String x:Key="Favourite">&#xe701;</x:String>
-    <x:String x:Key="ClearBookmark">&#xe734;</x:String>
-    <x:String x:Key="Search">&#xe705;</x:String>
-    <x:String x:Key="Back">&#xe709;</x:String>
-
-    <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
-
-    <!--  Common style for Content pages  -->
-    <Style x:Key="ContentPageStyle" TargetType="ContentPage">
-        <Setter Property="BackgroundColor" Value="{OnIdiom Default={DynamicResource Gray-White}, Desktop={DynamicResource Gray-100}, Converter={StaticResource DynamicResourceToColorConverter}}" />
-    </Style>
-
-    <Style TargetType="control:TitleView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for rounded buttons  -->
-    <Style
-        x:Key="RoundButtonStyle"
-        BasedOn="{StaticResource SfButtonStyle}"
-        TargetType="buttons:SfButton">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="CornerRadius" Value="22" />
-        <Setter Property="WidthRequest" Value="44" />
-        <Setter Property="HeightRequest" Value="44" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-    <!--  Common style for sfBorder  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <Style x:Key="TitleLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-    </Style>
-
-    <Style x:Key="SpanStyle" TargetType="Span">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-800}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-    </Style>
-
-    <!--  Common style for SfListView  -->
-    <Style x:Key="SfListViewStyle" TargetType="listView:SfListView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FocusBorderThickness" Value="0" />
-        <Setter Property="SelectionBackgroundColor" Value="Transparent" />
-        <Setter Property="IsScrollBarVisible" Value="False" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml b/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml
index 673bb2a9..3d72a87c 100644
--- a/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml
+++ b/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml
@@ -7,31 +7,30 @@
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Bookmarks"
     x:Name="bookmarksPage"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
-
         </ResourceDictionary>
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:BookmarksViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
                 <!--  Title View  -->
-                <controls:TitleView Title="Bookmarks" BackgroundColor="{DynamicResource Gray-White}" />
+                <controls:TitleView Title="Bookmarks">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference StackLayout}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
                 <ContentPresenter />
             </StackLayout>
         </ControlTemplate>
@@ -43,7 +42,7 @@
             <!--  Featured blog list  -->
             <StackLayout
                 x:Name="StackLayout"
-                Padding="16"
+                Padding="0,16"
                 BindableLayout.ItemsSource="{Binding LatestStories}"
                 Spacing="16">
                 <BindableLayout.ItemTemplate>
diff --git a/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml.cs b/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml.cs
index 55a5263f..120ae8ab 100644
--- a/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml.cs
+++ b/EssentialUIKit/Views/Bookmarks/BookmarksPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Bookmarks;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Bookmarks
@@ -15,7 +16,8 @@ public partial class BookmarksPage
         /// </summary>
         public BookmarksPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = BookmarksViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Bookmarks/CartPage.xaml b/EssentialUIKit/Views/Bookmarks/CartPage.xaml
index 960ec97f..d0e462ae 100644
--- a/EssentialUIKit/Views/Bookmarks/CartPage.xaml
+++ b/EssentialUIKit/Views/Bookmarks/CartPage.xaml
@@ -5,7 +5,9 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Bookmarks"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     x:Name="cartPage"
     Title="Cart"
@@ -14,9 +16,7 @@
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -25,13 +25,12 @@
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="Cart" BackgroundColor="{DynamicResource Gray-White}">
+                <controls:TitleView Title="Cart">
                     <controls:TitleView.LeadingView>
                         <buttons:SfButton
                             x:Name="backButton"
                             Command="{TemplateBinding BindingContext.BackButtonCommand}"
                             CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
                             Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
@@ -52,7 +51,7 @@
                 Margin="{OnIdiom Default='0,16,0,0',
                                  Desktop='16'}"
                 BackgroundColor="{OnIdiom Default={StaticResource Transparent},
-                                          Desktop={DynamicResource Gray-White},
+                                          Desktop={DynamicResource Gray-Bg},
                                           Converter={StaticResource DynamicResourceToColorConverter}}"
                 ColumnSpacing="0"
                 HorizontalOptions="{OnIdiom Default=Fill,
@@ -75,36 +74,32 @@
                 <!--  Cart Header  -->
                 <StackLayout
                     Padding="16"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     Orientation="Horizontal">
                     <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        Style="{StaticResource CommonLabelStyle}"
-                        Text="My Cart"
-                        TextColor="{DynamicResource Gray-900}" />
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="My Cart" />
 
                     <Label
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        FontAttributes="Bold"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
                         HorizontalOptions="EndAndExpand"
                         HorizontalTextAlignment="End"
-                        Style="{StaticResource CommonLabelStyle}"
-                        Text="{Binding TotalPrice, StringFormat='Total: ${0}'}"
-                        TextColor="{DynamicResource Dray-56}" />
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding TotalPrice, StringFormat='Total: ${0}'}" />
                 </StackLayout>
 
                 <BoxView
                     Grid.Row="1"
                     HeightRequest="1"
-                    Style="{StaticResource BoxViewStyle}" />
+                    Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Cart items  -->
                 <StackLayout
                     x:Name="CartLayout"
                     Grid.Row="2"
                     BackgroundColor="{OnIdiom Default={StaticResource Transparent},
-                                              Desktop={StaticResource Gray-White},
+                                              Desktop={StaticResource Gray-Bg},
                                               Converter={StaticResource DynamicResourceToColorConverter}}"
                     BindableLayout.ItemsSource="{Binding CartDetails}"
                     Spacing="16"
@@ -112,11 +107,17 @@
 
                     <BindableLayout.ItemTemplate>
                         <DataTemplate>
-                            <template:CartItemListTemplate
-                                x:Name="template"
-                                ChildElement="{Binding Source={x:Reference template}}"
-                                ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference cartPage}}"
-                                ParentElement="{Binding Source={x:Reference CartLayout}}" />
+                            <syncEffectsView:SfEffectsView
+                                RippleColor="{DynamicResource Gray-300}"
+                                TouchDownEffects="Ripple"
+                                TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference cartPage}}"
+                                TouchUpCommandParameter="{Binding}">
+                                <template:CartItemListTemplate
+                                    x:Name="template"
+                                    ChildElement="{Binding Source={x:Reference template}}"
+                                    ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference cartPage}}"
+                                    ParentElement="{Binding Source={x:Reference CartLayout}}" />
+                            </syncEffectsView:SfEffectsView>
                         </DataTemplate>
                     </BindableLayout.ItemTemplate>
                 </StackLayout>
@@ -126,7 +127,7 @@
                     Grid.Row="0"
                     Grid.RowSpan="4"
                     Grid.Column="1"
-                    Style="{StaticResource BoxViewStyle}"
+                    Style="{StaticResource HorizontalSeparatorStyle}"
                     VerticalOptions="Fill"
                     WidthRequest="{OnIdiom Default=0,
                                            Desktop=16}"
diff --git a/EssentialUIKit/Views/Bookmarks/CartPage.xaml.cs b/EssentialUIKit/Views/Bookmarks/CartPage.xaml.cs
index f2af26ce..8fd9ef86 100644
--- a/EssentialUIKit/Views/Bookmarks/CartPage.xaml.cs
+++ b/EssentialUIKit/Views/Bookmarks/CartPage.xaml.cs
@@ -16,7 +16,7 @@ public partial class CartPage
         /// </summary>
         public CartPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = CartDataService.Instance.CartPageViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml b/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml
index 6b9234b6..ee55ee34 100644
--- a/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml
+++ b/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml
@@ -6,111 +6,83 @@
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     x:Name="This">
 
-    <ContentView.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentView.Resources>
-
     <StackLayout>
 
         <Grid
-            BackgroundColor="{DynamicResource Gray-White}"
+            BackgroundColor="{DynamicResource Gray-Bg}"
+            ColumnDefinitions="*, Auto"
+            RowDefinitions="Auto, 1, Auto, Auto, Auto, Auto, 1, Auto"
             RowSpacing="4"
             VerticalOptions="Start">
 
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
-
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition />
-                <ColumnDefinition Width="Auto" />
-            </Grid.ColumnDefinitions>
-
             <!--  Header  -->
             <Label
                 Grid.Row="0"
                 Grid.ColumnSpan="2"
                 Margin="16,16,16,12"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Text="Price Details"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="Price Details" />
             <!--  Separator  -->
             <BoxView
                 Grid.Row="1"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total MRP  -->
             <Label
                 Grid.Row="2"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                Style="{StaticResource PriceLabelStyle}"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Total MRP" />
             <Label
                 Grid.Row="2"
                 Grid.Column="1"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding TotalPrice, StringFormat='${0}'}" />
             <!--  Discount Percent  -->
             <Label
                 Grid.Row="3"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                Style="{StaticResource PriceLabelStyle}"
+                Margin="16,0"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Discount" />
             <Label
                 Grid.Row="3"
                 Grid.Column="1"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
+                Margin="16,0"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPercent, StringFormat='{}{0}%'}" />
             <!--  Coupon Discount  -->
             <Label
                 Grid.Row="4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
+                Margin="16,0"
                 HorizontalOptions="StartAndExpand"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Coupon Discount" />
             <buttons:SfButton
                 Grid.Row="4"
                 Grid.Column="1"
-                Margin="4,0"
-                BackgroundColor="Transparent"
                 Command="{Binding ApplyCouponCommand}"
-                CornerRadius="4"
                 HorizontalOptions="End"
+                Style="{StaticResource TransparentButtonStyle}"
+                TextColor="{StaticResource Gray-700}"
                 WidthRequest="110">
                 <buttons:SfButton.Content>
                     <Label
                         Margin="0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="12"
+                        FontFamily="Montserrat-SemiBold"
                         HorizontalOptions="Fill"
                         HorizontalTextAlignment="Center"
-                        Style="{StaticResource PriceLabelStyle}"
+                        Style="{StaticResource SimpleLabelStyle}"
                         Text="Apply Coupon"
                         TextColor="{DynamicResource HyperLink}" />
                 </buttons:SfButton.Content>
@@ -119,18 +91,16 @@
             <Label
                 Grid.Row="5"
                 Margin="16,0,16,4"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                Style="{StaticResource PriceLabelStyle}"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Delivery Charges" />
             <Label
                 Grid.Row="5"
                 Grid.Column="1"
                 Margin="16,0,16,4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Free"
                 TextColor="{DynamicResource Green}" />
             <!--  Separator  -->
@@ -138,31 +108,26 @@
                 Grid.Row="6"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total price  -->
             <Label
                 Grid.Row="7"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource PriceLabelStyle}"
-                Text="Total"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="Total" />
             <Label
                 Grid.Row="7"
                 Grid.Column="1"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource PriceLabelStyle}"
-                Text="{Binding DiscountPrice, StringFormat='${0}'}"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding DiscountPrice, StringFormat='${0}'}" />
 
         </Grid>
 
@@ -170,15 +135,11 @@
         <buttons:SfButton
             Margin="{OnIdiom Default=24,
                              Tablet='24,24,16,24'}"
-            BorderWidth="0"
             Command="{Binding PlaceOrderCommand}"
-            CornerRadius="20"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
-            HeightRequest="40"
             HorizontalOptions="{OnIdiom Default=FillAndExpand,
                                         Phone=CenterAndExpand,
                                         Tablet=End}"
-            Style="{StaticResource MagentaButtonStyle}"
+            Style="{StaticResource GradientButtonStyle}"
             Text="{Binding ActionText, Source={x:Reference This}}"
             WidthRequest="{OnIdiom Tablet=240,
                                    Phone=240,
diff --git a/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml.cs b/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml.cs
index 5be462fa..d47cbcc9 100644
--- a/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml.cs
+++ b/EssentialUIKit/Views/Bookmarks/PriceDetailView.xaml.cs
@@ -24,7 +24,7 @@ public partial class PriceDetailView
         /// </summary>
         public PriceDetailView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
 
         #endregion
@@ -36,7 +36,7 @@ public PriceDetailView()
         /// </summary>
         public string ActionText
         {
-            get { return (string)GetValue(ActionTextProperty); }
+            get { return (string)this.GetValue(ActionTextProperty); }
             set { this.SetValue(ActionTextProperty, value); }
         }
 
diff --git a/EssentialUIKit/Views/Bookmarks/Styles.xaml b/EssentialUIKit/Views/Bookmarks/Styles.xaml
deleted file mode 100644
index 42eee9f7..00000000
--- a/EssentialUIKit/Views/Bookmarks/Styles.xaml
+++ /dev/null
@@ -1,135 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Bookmarks.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="Transparent">Transparent</Color>
-    <x:String x:Key="DropDownButtonIcon">&#xe70b;</x:String>
-    <x:String x:Key="Cart">&#xe708;</x:String>
-    <x:String x:Key="Delete">&#xe716;</x:String>
-    <x:String x:Key="Back">&#xe709;</x:String>
-
-    <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
-
-    <Style TargetType="control:TitleView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="CommonLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for price labels  -->
-    <Style
-        x:Key="PriceLabelStyle"
-        BasedOn="{StaticResource CommonLabelStyle}"
-        TargetType="Label">
-        <Setter Property="HorizontalOptions" Value="StartAndExpand" />
-        <Setter Property="Margin" Value="16,0" />
-        <Setter Property="FontSize" Value="12" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for Magenta buttons  -->
-    <Style
-        x:Key="MagentaButtonStyle"
-        BasedOn="{StaticResource SfButtonStyle}"
-        TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="48" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfComboBox  -->
-    <Style x:Key="SfComboBoxStyle" TargetType="combobox:SfComboBox">
-        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="TextSize" Value="16" />
-        <Setter Property="DropDownTextSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="DropDownItemFontFamily" Value="Montserrat-Regular" />
-    </Style>
-
-    <Style
-        x:Key="CartComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="WidthRequest" Value="84" />
-        <Setter Property="HeightRequest" Value="32" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="BookmarkIconStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Bookmarks/Styles.xaml.cs b/EssentialUIKit/Views/Bookmarks/Styles.xaml.cs
deleted file mode 100644
index 02fadda0..00000000
--- a/EssentialUIKit/Views/Bookmarks/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Bookmarks
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml b/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml
index aa586e7f..003675d5 100644
--- a/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml
+++ b/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml
@@ -8,6 +8,7 @@
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     x:Name="wishlistPage"
     Title="Wishlist"
@@ -16,34 +17,22 @@
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <converter:IntToThicknessConverter x:Key="intToThicknessConverter" />
-
+            <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *" RowSpacing="0">
 
             <!--  Title View  -->
-            <controls:TitleView
-                Title="Wishlist"
-                Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}">
+            <controls:TitleView Title="Wishlist" Grid.Row="0">
                 <controls:TitleView.LeadingView>
                     <buttons:SfButton
                         x:Name="backButton"
                         Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference wishlistPage}}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
                 </controls:TitleView.LeadingView>
@@ -60,7 +49,6 @@
                             <badge:SfBadgeView.Content>
                                 <buttons:SfButton
                                     Command="{Binding Path=BindingContext.CardItemCommand, Source={x:Reference WishlistLayout}}"
-                                    CornerRadius="4"
                                     Style="{StaticResource IconButtonStyle}"
                                     Text="{StaticResource Cart}" />
                             </badge:SfBadgeView.Content>
@@ -71,7 +59,7 @@
                                     BadgeIcon="None"
                                     BadgeType="None"
                                     FontSize="10"
-                                    Stroke="{DynamicResource Gray-White}"
+                                    Stroke="{DynamicResource Gray-Bg}"
                                     StrokeWidth="1"
                                     Offset="-10,10" />
                             </badge:SfBadgeView.BadgeSettings>
@@ -86,9 +74,9 @@
                 Grid.Row="1"
                 AllowSwiping="True"
                 BackgroundColor="{OnIdiom Default={StaticResource Transparent},
-                                          Desktop={StaticResource Gray-White},
+                                          Desktop={StaticResource Gray-Bg},
                                           Converter={StaticResource DynamicResourceToColorConverter}}"
-                ItemSize="120"
+                ItemSize="130"
                 ItemsSource="{Binding WishlistDetails}"
                 SelectionMode="None"
                 SwipeOffset="88"
@@ -96,7 +84,14 @@
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <template:WishlistItemTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference wishlistPage}}" />
+                        <syncEffectsView:SfEffectsView
+                            Margin="0,16,0,0"
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference wishlistPage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <template:WishlistItemTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference wishlistPage}}" />
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
@@ -109,7 +104,7 @@
                             VerticalOptions="Fill">
                             <Label
                                 BackgroundColor="Transparent"
-                                FontFamily="{StaticResource FontIcons}"
+                                FontFamily="FontIcons"
                                 FontSize="30"
                                 HorizontalOptions="Center"
                                 Text="{StaticResource Delete}"
diff --git a/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml.cs b/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml.cs
index c4acfd38..e09bcdf9 100644
--- a/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml.cs
+++ b/EssentialUIKit/Views/Bookmarks/WishlistPage.xaml.cs
@@ -14,7 +14,7 @@ public partial class WishlistPage : ContentPage
     {
         public WishlistPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = WishlistDataService.Instance.WishlistViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml b/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml
new file mode 100644
index 00000000..a90140d0
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Catalog.ArticleCardPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:Templates="clr-namespace:EssentialUIKit.Views.Templates"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="articleCard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Content>
+        <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Article card page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="CenterAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Articles"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                </StackLayout>
+
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
+
+                    <!--  Back to title layout  -->
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Padding="0"
+                        CornerRadius="4"
+                        HeightRequest="38"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        WidthRequest="38">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
+
+                    <!--  Rounded Search Entry  -->
+                    <border:SfBorder Style="{StaticResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference ArticlesCard}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
+                    </border:SfBorder>
+                </StackLayout>
+
+                <!--  Search Button  -->
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+            </StackLayout>
+
+            <BoxView
+                Grid.Row="1"
+                BackgroundColor="{DynamicResource Gray-200}"
+                HeightRequest="1" />
+
+            <StackLayout Grid.Row="2" Spacing="0">
+                <ScrollView>
+                    <controls:SearchableArticleList
+                        x:Name="ArticlesCard"
+                        AllowSwiping="True"
+                        AutoFitMode="Height"
+                        IsScrollBarVisible="False"
+                        ItemsSource="{Binding Articles}"
+                        SearchText="{Binding SearchText}"
+                        SelectionBackgroundColor="Transparent"
+                        SelectionGesture="Tap"
+                        SelectionMode="Single"
+                        VerticalOptions="FillAndExpand">
+                        <controls:SearchableArticleList.ItemTemplate>
+                            <DataTemplate>
+                                <controls:CustomShadowFrame
+                                    Margin="16"
+                                    Padding="0"
+                                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                                    BorderWidth="0"
+                                    CornerRadius="4"
+                                    HasShadow="True"
+                                    Radius="4">
+                                    <controls:CustomShadowFrame.Content>
+                                        <syncEffectsView:SfEffectsView
+                                            RippleColor="{DynamicResource Gray-300}"
+                                            TouchDownEffects="Ripple"
+                                            TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference articleCard}}"
+                                            TouchUpCommandParameter="{Binding}">
+
+                                            <border:SfBorder
+                                                BorderColor="Transparent"
+                                                BorderWidth="0"
+                                                CornerRadius="4">
+                                                <Grid
+                                                    ColumnSpacing="0"
+                                                    RowDefinitions="*, Auto"
+                                                    RowSpacing="0">
+
+                                                    <!--  Image of the Article  -->
+                                                    <Image
+                                                        Grid.Row="0"
+                                                        Aspect="AspectFill"
+                                                        HeightRequest="{OnIdiom Phone=170,
+                                                                                Tablet=170,
+                                                                                Desktop=170}"
+                                                        WidthRequest="{OnIdiom Phone=343,
+                                                                               Tablet=343,
+                                                                               Desktop=423}">
+                                                        <Image.Source>
+                                                            <UriImageSource
+                                                                CacheValidity="14"
+                                                                CachingEnabled="true"
+                                                                Uri="{Binding ImagePath}" />
+                                                        </Image.Source>
+                                                    </Image>
+
+                                                    <!--  OverLay Effect  -->
+                                                    <Frame
+                                                        Grid.Row="0"
+                                                        BackgroundColor="{DynamicResource Gray-Black}"
+                                                        CornerRadius="0"
+                                                        Opacity="0.35" />
+
+                                                    <!--  Description of the Article  -->
+                                                    <StackLayout
+                                                        Grid.Row="0"
+                                                        Margin="16,70,16,0"
+                                                        Spacing="0"
+                                                        VerticalOptions="EndAndExpand">
+
+                                                        <!--  Article Title  -->
+                                                        <Label
+                                                            Margin="0,8"
+                                                            HorizontalOptions="Start"
+                                                            LineBreakMode="WordWrap"
+                                                            Style="{StaticResource TitleLabelStyle}"
+                                                            Text="{Binding Name}"
+                                                            TextColor="{DynamicResource Gray-White}"
+                                                            VerticalOptions="End" />
+
+                                                        <!--  Author name  -->
+                                                        <Label
+                                                            FontFamily="Montserrat-Medium"
+                                                            FontSize="12"
+                                                            LineHeight="{OnPlatform Default=-1,
+                                                                                    Android=1.5}"
+                                                            Text="{Binding Author}"
+                                                            TextColor="{DynamicResource Gray-White}"
+                                                            VerticalOptions="End" />
+
+                                                        <!--  Published date and average reading time  -->
+                                                        <Label
+                                                            Grid.Row="2"
+                                                            Margin="0,0,0,8"
+                                                            FontFamily="Montserrat-Medium"
+                                                            FontSize="12"
+                                                            LineHeight="{OnPlatform Default=-1,
+                                                                                    Android=1.5}"
+                                                            TextColor="{DynamicResource Gray-White}"
+                                                            VerticalOptions="End">
+                                                            <Label.FormattedText>
+                                                                <FormattedString>
+                                                                    <Span Text="{Binding Date}" />
+                                                                    <Span Text=" | " />
+                                                                    <Span Text="{Binding AverageReadingTime}" />
+                                                                </FormattedString>
+                                                            </Label.FormattedText>
+                                                        </Label>
+                                                    </StackLayout>
+
+                                                    <Templates:ArticleActivityTemplate Grid.Row="1" ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference articleCard}}" />
+
+                                                </Grid>
+                                            </border:SfBorder>
+                                        </syncEffectsView:SfEffectsView>
+                                    </controls:CustomShadowFrame.Content>
+                                </controls:CustomShadowFrame>
+                            </DataTemplate>
+                        </controls:SearchableArticleList.ItemTemplate>
+
+                        <!--  Layout to customize no. of columns in SfListView  -->
+                        <controls:SearchableArticleList.LayoutManager>
+                            <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue Desktop=3, PhonePortrait=1, PhoneLandscape=1, TabletPortrait=2, TabletLandscape=2}" />
+                        </controls:SearchableArticleList.LayoutManager>
+
+                    </controls:SearchableArticleList>
+                </ScrollView>
+            </StackLayout>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml.cs b/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml.cs
new file mode 100644
index 00000000..89c5b42b
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/ArticleCardPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.ViewModels.Catalog;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Catalog
+{
+    /// <summary>
+    /// Page to display articles as a card type.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ArticleCardPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="ArticleCardPage" /> class.
+        /// </summary>
+        public ArticleCardPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = ArticleCardViewModel.BindingContext;
+        }
+    }
+}
diff --git a/EssentialUIKit/Views/Catalog/ArticleListPage.xaml b/EssentialUIKit/Views/Catalog/ArticleListPage.xaml
index 835e746d..416b4c89 100644
--- a/EssentialUIKit/Views/Catalog/ArticleListPage.xaml
+++ b/EssentialUIKit/Views/Catalog/ArticleListPage.xaml
@@ -3,32 +3,17 @@
     x:Class="EssentialUIKit.Views.Catalog.ArticleListPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
     xmlns:syncfusion="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Catalog"
     x:Name="articleList"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
-            <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.BindingContext>
-        <viewModel:ArticleListViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
@@ -36,12 +21,9 @@
                 <controls:TitleView Title="Blog">
                     <controls:TitleView.LeadingView>
                         <buttons:SfButton
-                            Command="{TemplateBinding BindingContext.MenuCommand}"
-                            CornerRadius="4"
-                            HeightRequest="40"
-                            Style="{StaticResource NavigationBarButtonStyle}"
-                            Text="{StaticResource BurgerMenu}"
-                            WidthRequest="40" />
+                            Command="{TemplateBinding BindingContext.BackButtonCommand}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
                 </controls:TitleView>
 
@@ -53,24 +35,27 @@
 
     <ContentPage.Content>
         <ScrollView>
-            <StackLayout Padding="16" Spacing="16">
+            <StackLayout Padding="0" Spacing="16">
 
                 <!--  Header label  -->
                 <Label
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,16,0,0"
                     FontSize="12"
+                    HorizontalOptions="Start"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="FEATURED STORIES"
                     TextColor="{DynamicResource Gray-800}" />
 
                 <!--<Rotator for featured blog stories>-->
                 <syncfusion:SfRotator
                     x:Name="Rotator"
+                    Margin="16,0"
                     BackgroundColor="{StaticResource Transparent}"
                     DotPlacement="OutSide"
                     DotsBorderColor="Transparent"
-                    HeightRequest="266"
+                    HeightRequest="276"
                     HorizontalOptions="StartAndExpand"
                     ItemsSource="{Binding FeaturedStories}"
                     NavigationDirection="Horizontal"
@@ -84,8 +69,18 @@
                                 Margin="0"
                                 Padding="0"
                                 Spacing="0">
-                                <cards:SfCardView CornerRadius="4" HasShadow="True">
-                                    <cards:SfCardView.Content>
+                                <controls:CustomShadowFrame
+                                    Margin="4"
+                                    Padding="0"
+                                    BackgroundColor="{StaticResource GrayShadowColor}"
+                                    BorderWidth="0"
+                                    CornerRadius="4"
+                                    HasShadow="True"
+                                    Radius="4">
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
                                         <StackLayout Spacing="0">
 
                                             <!--  Image of the blog  -->
@@ -104,19 +99,19 @@
                                             <!--  Blog tile  -->
                                             <Label
                                                 helper:RTLHelper.Margin="16,16,0,8"
-                                                FontFamily="{StaticResource Montserrat-Bold}"
-                                                FontSize="16"
+                                                FontFamily="Montserrat-Bold"
+                                                HorizontalOptions="Start"
                                                 LineBreakMode="TailTruncation"
                                                 LineHeight="{OnPlatform Default=-1,
                                                                         Android=1.25}"
                                                 MaxLines="1"
-                                                Text="{Binding Name}"
-                                                TextColor="{DynamicResource Gray-900}" />
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Name}" />
 
                                             <!--  Author name  -->
                                             <Label
                                                 helper:RTLHelper.Margin="16,0,0,0"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="12"
                                                 LineHeight="{OnPlatform Default=-1,
                                                                         Android=1.5}"
@@ -127,7 +122,7 @@
                                             <!--  Published date and average reading time  -->
                                             <Label
                                                 Margin="16,2,16,16"
-                                                FontFamily="{StaticResource Montserrat-Regular}"
+                                                FontFamily="Montserrat-Regular"
                                                 FontSize="12"
                                                 LineHeight="{OnPlatform Default=-1,
                                                                         Android=1.5}"
@@ -145,8 +140,8 @@
                                             </StackLayout.GestureRecognizers>
 
                                         </StackLayout>
-                                    </cards:SfCardView.Content>
-                                </cards:SfCardView>
+                                    </border:SfBorder>
+                                </controls:CustomShadowFrame>
                             </StackLayout>
                         </DataTemplate>
                     </syncfusion:SfRotator.ItemTemplate>
@@ -154,15 +149,20 @@
 
                 <!--  Header label  -->
                 <Label
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,0"
                     FontSize="12"
+                    HorizontalOptions="Start"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="LATEST STORIES"
                     TextColor="{DynamicResource Gray-800}" />
 
                 <!--  Featured blog list  -->
-                <StackLayout BindableLayout.ItemsSource="{Binding LatestStories}" Spacing="16">
+                <StackLayout
+                    Margin="0,0,0,16"
+                    BindableLayout.ItemsSource="{Binding LatestStories}"
+                    Spacing="16">
                     <BindableLayout.ItemTemplate>
                         <DataTemplate>
                             <template:ArticleListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference articleList}}" />
diff --git a/EssentialUIKit/Views/Catalog/ArticleListPage.xaml.cs b/EssentialUIKit/Views/Catalog/ArticleListPage.xaml.cs
index f4f92a08..8c6f791c 100644
--- a/EssentialUIKit/Views/Catalog/ArticleListPage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/ArticleListPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Catalog;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Catalog
@@ -15,7 +16,8 @@ public partial class ArticleListPage
         /// </summary>
         public ArticleListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ArticleListViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml b/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml
index 095967d5..5f3b2983 100644
--- a/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml
+++ b/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml
@@ -10,31 +10,27 @@
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Catalog"
     x:Name="articleTilePage"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
 
             <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
 
             <DataTemplate x:Key="HorizontalArticleView">
-                <template:ArticleTileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference articleTilePage}}" />
+                <template:ArticleTileTemplate Margin="16" ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference articleTilePage}}" />
             </DataTemplate>
 
             <DataTemplate x:Key="HeaderView">
                 <StackLayout Spacing="8">
                     <!--  Label for featured stories  -->
                     <Label
-                        Margin="0,8"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        Margin="16,8"
                         FontSize="12"
                         HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="FEATURED STORIES"
                         TextColor="{DynamicResource Gray-800}" />
 
@@ -65,11 +61,11 @@
                                         BackgroundColor="{DynamicResource PrimaryColor}"
                                         BorderWidth="0"
                                         HorizontalOptions="Start"
-                                        Opacity="0.6"
+                                        Opacity="0.8"
                                         VerticalOptions="Center">
                                         <Label
                                             Margin="16"
-                                            FontFamily="{StaticResource Montserrat-Bold}"
+                                            FontFamily="Montserrat-Bold"
                                             FontSize="20"
                                             LineBreakMode="TailTruncation"
                                             LineHeight="{OnPlatform Default=-1,
@@ -91,10 +87,10 @@
 
                     <!--  Label for Latest stories  -->
                     <Label
-                        Margin="0,16,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        Margin="16,16,0,0"
                         FontSize="12"
                         HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="LATEST STORIES"
                         TextColor="{DynamicResource Gray-800}" />
                 </StackLayout>
@@ -103,33 +99,31 @@
         </ResourceDictionary>
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:ArticleListViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
-
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *">
 
             <!--  Title View  -->
-            <controls:TitleView
-                Title="Blog"
-                Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}" />
+            <controls:TitleView Title="Blog" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference articleTilePage}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                </controls:TitleView.LeadingView>
+            </controls:TitleView>
 
             <!--  List out the items for latest stories  -->
             <listView:SfListView
                 x:Name="SfListView"
                 Grid.Row="1"
-                Margin="8"
                 AutoFitMode="Height"
                 HeaderTemplate="{StaticResource HeaderView}"
                 HorizontalOptions="FillAndExpand"
-                ItemSpacing="8"
+                ItemSpacing="0"
                 ItemTemplate="{StaticResource HorizontalArticleView}"
                 ItemsSource="{Binding LatestStories}"
                 SelectionBackgroundColor="Transparent"
diff --git a/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml.cs b/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml.cs
index a367a7c6..48b487bd 100644
--- a/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/ArticleTilePage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Catalog;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +17,8 @@ public partial class ArticleTilePage
         /// </summary>
         public ArticleTilePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ArticleListViewModel.BindingContext;
         }
 
         /// <summary>
@@ -30,11 +32,11 @@ protected override void OnSizeAllocated(double width, double height)
 
             if (width > height)
             {
-                GridLayout.SpanCount = Device.Idiom == TargetIdiom.Phone ? 3 : 4;
+                this.GridLayout.SpanCount = Device.Idiom == TargetIdiom.Phone ? 3 : 4;
             }
             else
             {
-                GridLayout.SpanCount =
+                this.GridLayout.SpanCount =
                     Device.Idiom == TargetIdiom.Phone ? 2 : Device.Idiom == TargetIdiom.Tablet ? 3 : 4;
             }
         }
diff --git a/EssentialUIKit/Views/Catalog/CatalogListPage.xaml b/EssentialUIKit/Views/Catalog/CatalogListPage.xaml
index e63859e4..865bc1aa 100644
--- a/EssentialUIKit/Views/Catalog/CatalogListPage.xaml
+++ b/EssentialUIKit/Views/Catalog/CatalogListPage.xaml
@@ -12,11 +12,15 @@
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    xmlns:shimmer="clr-namespace:Syncfusion.XForms.Shimmer;assembly=Syncfusion.Core.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     x:Name="catalogListPage"
     Title="Catalog List page"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    BackgroundColor="{OnIdiom Default={DynamicResource Gray-Bg},
+                              Desktop={DynamicResource Gray-100},
+                              Converter={StaticResource DynamicResourceToColorConverter}}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Behaviors>
         <behavior:CartBehavior />
@@ -24,25 +28,102 @@
 
     <ContentPage.Resources>
         <ResourceDictionary>
+
+            <!--  Header Template for Catalog SfListView  -->
+            <DataTemplate x:Key="CatalogDefaultHeaderTemplate">
+                <StackLayout
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    HorizontalOptions="End"
+                    Orientation="Horizontal"
+                    Spacing="8"
+                    VerticalOptions="Center">
+
+                    <!--  Filter Button  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        Command="{Binding FilterCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8"
+                                VerticalOptions="Center">
+                                <Label
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{StaticResource Filter}"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="End" />
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="Filter"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="Center" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                    <!--  Sort Button  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        Command="{Binding SortCommand}"
+                        CornerRadius="4"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,16,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+                                <Label
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{StaticResource Sort}"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="End" />
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="Sorting"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="Center" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                </StackLayout>
+            </DataTemplate>
+
             <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
             <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
             <converter:IntToThicknessConverter x:Key="intToThicknessConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
+
         </ResourceDictionary>
     </ContentPage.Resources>
 
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, *"
+            RowSpacing="0">
 
             <!--  Title View  -->
             <controls:TitleView Title="Dress" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference ListViewList}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
                 <controls:TitleView.TrailingView>
                     <StackLayout HorizontalOptions="End" Orientation="Horizontal">
                         <badge:SfBadgeView
@@ -56,7 +137,6 @@
                             <badge:SfBadgeView.Content>
                                 <buttons:SfButton
                                     Command="{Binding Path=BindingContext.CardItemCommand, Source={x:Reference ListViewList}}"
-                                    CornerRadius="4"
                                     Style="{StaticResource IconButtonStyle}"
                                     Text="{StaticResource Cart}" />
                             </badge:SfBadgeView.Content>
@@ -76,24 +156,26 @@
             <listView:SfListView
                 x:Name="ListViewList"
                 Grid.Row="1"
-                Margin="{OnIdiom Default='0,8,8,0',
-                                 Desktop='15,15,15,0'}"
+                Padding="{OnIdiom Default='0,8,0,0',
+                                  Desktop='15,15,15,0'}"
                 AutoFitMode="Height"
                 HeaderTemplate="{StaticResource CatalogDefaultHeaderTemplate}"
                 HorizontalOptions="FillAndExpand"
                 IsStickyHeader="False"
                 ItemSize="170"
-                ItemSpacing="8,8,0,8"
+                ItemSpacing="0,0,0,16"
                 ItemsSource="{Binding Products}"
-                Style="{StaticResource SfListViewStyle}">
-
-                <listView:SfListView.Behaviors>
-                    <commonBehavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference catalogListPage}}" />
-                </listView:SfListView.Behaviors>
+                Style="{StaticResource TransparentSelectionListView}">
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <template:ProductListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference catalogListPage}}" />
+                        <syncEffectsView:SfEffectsView
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference catalogListPage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <template:ProductListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference catalogListPage}}" />
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
diff --git a/EssentialUIKit/Views/Catalog/CatalogListPage.xaml.cs b/EssentialUIKit/Views/Catalog/CatalogListPage.xaml.cs
index d54bc44a..6079dffe 100644
--- a/EssentialUIKit/Views/Catalog/CatalogListPage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/CatalogListPage.xaml.cs
@@ -16,7 +16,7 @@ public partial class CatalogListPage
         /// </summary>
         public CatalogListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = CatalogDataService.Instance.CatalogPageViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml b/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml
index 0caae2b5..7a48fca2 100644
--- a/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml
+++ b/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml
@@ -6,16 +6,18 @@
     xmlns:badge="clr-namespace:Syncfusion.XForms.BadgeView;assembly=Syncfusion.SfBadgeView.XForms"
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Catalog"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:commonBehavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     x:Name="catalogTilePage"
     Title="Catalog Tile page"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    BackgroundColor="{OnIdiom Default={DynamicResource Gray-Bg},
+                              Desktop={DynamicResource Gray-100},
+                              Converter={StaticResource DynamicResourceToColorConverter}}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Behaviors>
         <behavior:CartBehavior />
@@ -24,27 +26,102 @@
     <ContentPage.Resources>
         <ResourceDictionary>
 
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <OnIdiom x:Key="ListItemMargin" x:TypeArguments="Thickness" />
             <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
             <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
             <converter:IntToThicknessConverter x:Key="intToThicknessConverter" />
+            <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
+
+            <!--  Header Template for Catalog SfListView  -->
+            <DataTemplate x:Key="CatalogDefaultHeaderTemplate">
+                <StackLayout
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    HorizontalOptions="End"
+                    Orientation="Horizontal"
+                    Spacing="8"
+                    VerticalOptions="Center">
+
+                    <!--  Filter Button  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        Command="{Binding FilterCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8"
+                                VerticalOptions="Center">
+                                <Label
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{StaticResource Filter}"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="End" />
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="Filter"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="Center" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                    <!--  Sort Button  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        Command="{Binding SortCommand}"
+                        CornerRadius="4"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+                                <Label
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{StaticResource Sort}"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="End" />
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="Sorting"
+                                    VerticalOptions="Center"
+                                    VerticalTextAlignment="Center" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                </StackLayout>
+            </DataTemplate>
+
         </ResourceDictionary>
     </ContentPage.Resources>
 
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, *"
+            RowSpacing="0">
 
             <!--  Title View  -->
             <controls:TitleView Title="Dress" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference ListViewTile}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
                 <controls:TitleView.TrailingView>
                     <StackLayout HorizontalOptions="End" Orientation="Horizontal">
                         <badge:SfBadgeView
@@ -58,7 +135,6 @@
                             <badge:SfBadgeView.Content>
                                 <buttons:SfButton
                                     Command="{Binding Path=BindingContext.CardItemCommand, Source={x:Reference ListViewTile}}"
-                                    CornerRadius="4"
                                     Style="{StaticResource IconButtonStyle}"
                                     Text="{StaticResource Cart}" />
                             </badge:SfBadgeView.Content>
@@ -83,17 +159,19 @@
                 HeaderTemplate="{StaticResource CatalogDefaultHeaderTemplate}"
                 HorizontalOptions="FillAndExpand"
                 IsStickyHeader="False"
-                ItemSpacing="0, 8, 0, 8"
+                ItemSpacing="0, 8, 8, 8"
                 ItemsSource="{Binding Products}"
-                Style="{StaticResource SfListViewStyle}">
-
-                <listView:SfListView.Behaviors>
-                    <commonBehavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference catalogTilePage}}" />
-                </listView:SfListView.Behaviors>
+                Style="{StaticResource TransparentSelectionListView}">
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <template:ProductTileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference catalogTilePage}}" />
+                        <syncEffectsView:SfEffectsView
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference catalogTilePage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <template:ProductTileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference catalogTilePage}}" />
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
diff --git a/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml.cs b/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml.cs
index 385a0e47..7b558a3e 100644
--- a/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/CatalogTilePage.xaml.cs
@@ -1,4 +1,5 @@
 using EssentialUIKit.DataService;
+using Syncfusion.ListView.XForms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,8 +17,28 @@ public partial class CatalogTilePage
         /// </summary>
         public CatalogTilePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = CatalogDataService.Instance.CatalogPageViewModel;
-        }        
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.ListViewTile.LayoutManager is GridLayout)
+                {
+                    (this.ListViewTile.LayoutManager as GridLayout).SpanCount = 2;
+                }
+            }
+            else
+            {
+                if (this.ListViewTile.LayoutManager is GridLayout)
+                {
+                    (this.ListViewTile.LayoutManager as GridLayout).SpanCount = 4;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml b/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml
index 94fabf0a..e6aef3a9 100644
--- a/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml
+++ b/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml
@@ -3,31 +3,19 @@
     x:Class="EssentialUIKit.Views.Catalog.CategoryTilePage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     x:Name="categoryPage"
     Title="Categories"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *">
 
             <!--  Title View  -->
             <controls:TitleView Title="Categories" Grid.Row="0">
@@ -36,7 +24,6 @@
                         x:Name="backButton"
                         Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference CategoryTile}}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
                 </controls:TitleView.LeadingView>
@@ -44,9 +31,8 @@
                     <StackLayout HorizontalOptions="End" Orientation="Horizontal">
                         <buttons:SfButton
                             Command="{Binding BindingContext.NotificationCommand, Source={x:Reference CategoryTile}}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
-                            Text="{StaticResource Bell}" />
+                            Text="{StaticResource Notification}" />
                     </StackLayout>
                 </controls:TitleView.TrailingView>
             </controls:TitleView>
@@ -60,54 +46,46 @@
                 HorizontalOptions="FillAndExpand"
                 ItemSpacing="8"
                 ItemsSource="{Binding Categories}"
-                Style="{StaticResource SfListViewStyle}">
-
-                <listView:SfListView.Behaviors>
-                    <behavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.CategorySelectedCommand, Source={x:Reference categoryPage}}" />
-                </listView:SfListView.Behaviors>
+                Style="{StaticResource TransparentSelectionListView}">
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <Grid RowSpacing="8">
-
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
+                        <syncEffectsView:SfEffectsView
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.CategorySelectedCommand, Source={x:Reference categoryPage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <Grid RowDefinitions="Auto, Auto" RowSpacing="8">
 
-                            <!--  Category Image  -->
-                            <Image
-                                Grid.Row="0"
-                                Aspect="AspectFill"
-                                BackgroundColor="{DynamicResource Gray-200}"
-                                HeightRequest="{OnIdiom Phone=150,
-                                                        Tablet=240,
-                                                        Desktop=120}"
-                                WidthRequest="{OnIdiom Phone=160,
-                                                       Tablet=224,
-                                                       Desktop=200}">
-                                <Image.Source>
-                                    <UriImageSource
-                                        CacheValidity="14"
-                                        CachingEnabled="true"
-                                        Uri="{Binding Icon}" />
-                                </Image.Source>
-                            </Image>
+                                <!--  Category Image  -->
+                                <Image
+                                    Grid.Row="0"
+                                    Aspect="AspectFill"
+                                    BackgroundColor="{DynamicResource Gray-200}"
+                                    HeightRequest="{OnIdiom Phone=150,
+                                                            Tablet=240,
+                                                            Desktop=120}"
+                                    WidthRequest="{OnIdiom Phone=160,
+                                                           Tablet=224,
+                                                           Desktop=200}">
+                                    <Image.Source>
+                                        <UriImageSource
+                                            CacheValidity="14"
+                                            CachingEnabled="true"
+                                            Uri="{Binding Icon}" />
+                                    </Image.Source>
+                                </Image>
 
-                            <!--  Category Name  -->
-                            <Label
-                                Grid.Row="1"
-                                Margin="0,0,0,8"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
-                                FontSize="14"
-                                HorizontalOptions="Center"
-                                HorizontalTextAlignment="Center"
-                                LineHeight="{OnPlatform Default=-1,
-                                                        Android=1.5}"
-                                Text="{Binding Name}"
-                                TextColor="{DynamicResource Gray-900}" />
+                                <!--  Category Name  -->
+                                <Label
+                                    Grid.Row="1"
+                                    Margin="0,0,0,8"
+                                    FontSize="14"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="{Binding Name}" />
 
-                        </Grid>
+                            </Grid>
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
diff --git a/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml.cs b/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml.cs
index 606a1d1e..3c3e7bad 100644
--- a/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/CategoryTilePage.xaml.cs
@@ -1,4 +1,5 @@
 using EssentialUIKit.DataService;
+using Syncfusion.ListView.XForms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,8 +17,28 @@ public partial class CategoryTilePage
         /// </summary>
         public CategoryTilePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = CategoryDataService.Instance.CategoryPageViewModel;
         }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.CategoryTile.LayoutManager is GridLayout)
+                {
+                    (this.CategoryTile.LayoutManager as GridLayout).SpanCount = 2;
+                }
+            }
+            else
+            {
+                if (this.CategoryTile.LayoutManager is GridLayout)
+                {
+                    (this.CategoryTile.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/EventListPage.xaml b/EssentialUIKit/Views/Catalog/EventListPage.xaml
new file mode 100644
index 00000000..ec84736d
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/EventListPage.xaml
@@ -0,0 +1,304 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Catalog.EventListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:tabView="clr-namespace:Syncfusion.XForms.TabView;assembly=Syncfusion.SfTabView.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates" 
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    x:Name="eventListPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Content>
+        <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Event list page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="CenterAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Events"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                </StackLayout>
+
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
+
+                    <!--  Back to title layout  -->
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Padding="0"
+                        CornerRadius="4"
+                        HeightRequest="38"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        WidthRequest="38">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
+
+                    <!--  Rounded Search Entry  -->
+                    <border:SfBorder Style="{StaticResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference EventList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
+                    </border:SfBorder>
+                </StackLayout>
+
+                <!--  Search Button  -->
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+            </StackLayout>
+
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+            <StackLayout Grid.Row="2">
+
+                <!--  Tab view  -->
+                <tabView:SfTabView x:Name="tabView" SelectedIndex="{Binding SelectedIndex}">
+                    <tabView:SfTabView.SelectionIndicatorSettings>
+                        <tabView:SelectionIndicatorSettings StrokeThickness="3" Color="{DynamicResource PrimaryColor}" />
+
+                    </tabView:SfTabView.SelectionIndicatorSettings>
+                    <!--  Tab view for All  -->
+                    <tabView:SfTabItem
+                        Title="All"
+                        SelectionColor="{DynamicResource PrimaryColor}"
+                        TitleFontColor="{DynamicResource Gray-700}"
+                        TitleFontFamily="Montserrat-SemiBold"
+                        TitleFontSize="14">
+
+                        <tabView:SfTabItem.Content>
+
+                            <StackLayout Padding="{OnIdiom Phone=0, Default='8,0'}">
+                                <controls:SearchableEventList
+                                    x:Name="EventList"
+                                    AutoFitMode="DynamicHeight"
+                                    IsScrollBarVisible="false"
+                                    ItemsSource="{Binding EventItems}"
+                                    SearchText="{Binding AllListSearchText}"
+                                    SelectionBackgroundColor="Transparent"
+                                    VerticalOptions="FillAndExpand">
+
+                                    <controls:SearchableEventList.ItemTemplate>
+                                        <DataTemplate>
+                                            <ViewCell>
+                                                <!--  View of each card item  -->
+                                                <StackLayout>
+                                                    <controls:CustomShadowFrame
+                                                        Margin="16"
+                                                        Padding="0"
+                                                        BackgroundColor="{DynamicResource GrayShadowColor}"
+                                                        BorderColor="{DynamicResource GrayShadowColor}"
+                                                        BorderWidth="1"
+                                                        CornerRadius="4"
+                                                        HasShadow="True"
+                                                        HorizontalOptions="FillAndExpand"
+                                                        Radius="4"
+                                                        VerticalOptions="FillAndExpand">
+                                                        <syncEffectsView:SfEffectsView
+                                                            RippleColor="{DynamicResource Gray-300}"
+                                                            TouchDownEffects="Ripple"
+                                                            TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference eventListPage}}"
+                                                            TouchUpCommandParameter="{Binding}">
+                                                            <border:SfBorder
+                                                                BorderColor="Transparent"
+                                                                BorderWidth="0"
+                                                                CornerRadius="4">
+                                                                <template:EventListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference eventListPage}}" />
+                                                            </border:SfBorder>
+                                                        </syncEffectsView:SfEffectsView>
+                                                    </controls:CustomShadowFrame>
+                                                </StackLayout>
+                                            </ViewCell>
+                                        </DataTemplate>
+                                    </controls:SearchableEventList.ItemTemplate>
+
+                                    <!--  Layout to customize number of columns in SfListView  -->
+                                    <listView:SfListView.LayoutManager>
+                                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=1, PhoneLandscape=2, TabletPortrait=2, TabletLandscape=2, Desktop=2}" />
+                                    </listView:SfListView.LayoutManager>
+
+                                </controls:SearchableEventList>
+
+                            </StackLayout>
+                        </tabView:SfTabItem.Content>
+                    </tabView:SfTabItem>
+
+                    <!--  Tab view for upcoming  -->
+                    <tabView:SfTabItem
+                        Title="Upcoming"
+                        SelectionColor="{DynamicResource PrimaryColor}"
+                        TitleFontColor="{DynamicResource Gray-700}"
+                        TitleFontFamily="Montserrat-SemiBold"
+                        TitleFontSize="14">
+                        <tabView:SfTabItem.Content>
+                            <StackLayout Padding="{OnIdiom Phone=0, Default='8,0'}">
+
+                                <controls:SearchableEventList
+                                    AutoFitMode="DynamicHeight"
+                                    IsScrollBarVisible="false"
+                                    ItemsSource="{Binding PopularEventItems}"
+                                    SearchText="{Binding UpcomingListSearchText}"
+                                    SelectionBackgroundColor="Transparent"
+                                    VerticalOptions="FillAndExpand">
+
+                                    <controls:SearchableEventList.ItemTemplate>
+                                        <DataTemplate>
+                                            <ViewCell>
+                                                <!--  View of each card item  -->
+                                                <StackLayout>
+                                                    <controls:CustomShadowFrame
+                                                        Margin="16"
+                                                        Padding="0"
+                                                        BackgroundColor="{DynamicResource GrayShadowColor}"
+                                                        BorderColor="{DynamicResource GrayShadowColor}"
+                                                        BorderWidth="1"
+                                                        CornerRadius="4"
+                                                        HasShadow="True"
+                                                        HorizontalOptions="FillAndExpand"
+                                                        Radius="4"
+                                                        VerticalOptions="FillAndExpand">
+                                                        <syncEffectsView:SfEffectsView
+                                                            RippleColor="{DynamicResource Gray-300}"
+                                                            TouchDownEffects="Ripple"
+                                                            TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference eventListPage}}"
+                                                            TouchUpCommandParameter="{Binding}">
+                                                            <border:SfBorder
+                                                                BorderColor="Transparent"
+                                                                BorderWidth="0"
+                                                                CornerRadius="4">
+                                                                <template:EventListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference eventListPage}}" />
+                                                            </border:SfBorder>
+                                                        </syncEffectsView:SfEffectsView>
+                                                    </controls:CustomShadowFrame>
+                                                </StackLayout>
+                                            </ViewCell>
+                                        </DataTemplate>
+                                    </controls:SearchableEventList.ItemTemplate>
+
+                                    <!--  Layout to customize number of columns in SfListView  -->
+                                    <listView:SfListView.LayoutManager>
+                                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=1, PhoneLandscape=2, TabletPortrait=2, TabletLandscape=2, Desktop=2}" />
+                                    </listView:SfListView.LayoutManager>
+
+                                </controls:SearchableEventList>
+                            </StackLayout>
+                        </tabView:SfTabItem.Content>
+                    </tabView:SfTabItem>
+
+                    <!--  Tab view for popular  -->
+                    <tabView:SfTabItem
+                        Title="Popular"
+                        SelectionColor="{DynamicResource PrimaryColor}"
+                        TitleFontColor="{DynamicResource Gray-700}"
+                        TitleFontFamily="Montserrat-SemiBold"
+                        TitleFontSize="14">
+                        <tabView:SfTabItem.Content>
+                            <StackLayout Padding="{OnIdiom Phone=0, Default='8,0'}">
+                                <controls:SearchableEventList
+                                    AutoFitMode="DynamicHeight"
+                                    IsScrollBarVisible="false"
+                                    ItemsSource="{Binding UpcomingEventItems}"
+                                    SearchText="{Binding PopularListSearchText}"
+                                    SelectionBackgroundColor="Transparent"
+                                    VerticalOptions="FillAndExpand">
+                                    <controls:SearchableEventList.ItemTemplate>
+                                        <DataTemplate>
+                                            <ViewCell>
+                                                <!--  View of each card item  -->
+                                                <StackLayout>
+                                                    <controls:CustomShadowFrame
+                                                        Margin="16"
+                                                        Padding="0"
+                                                        BackgroundColor="{DynamicResource GrayShadowColor}"
+                                                        BorderColor="{DynamicResource GrayShadowColor}"
+                                                        BorderWidth="1"
+                                                        CornerRadius="4"
+                                                        HasShadow="True"
+                                                        HorizontalOptions="FillAndExpand"
+                                                        Radius="4"
+                                                        VerticalOptions="FillAndExpand">
+                                                        <syncEffectsView:SfEffectsView
+                                                            RippleColor="{DynamicResource Gray-300}"
+                                                            TouchDownEffects="Ripple"
+                                                            TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference eventListPage}}"
+                                                            TouchUpCommandParameter="{Binding}">
+                                                            <border:SfBorder
+                                                                BorderColor="Transparent"
+                                                                BorderWidth="0"
+                                                                CornerRadius="4">
+                                                                <template:EventListTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference eventListPage}}" />
+                                                            </border:SfBorder>
+                                                        </syncEffectsView:SfEffectsView>
+                                                    </controls:CustomShadowFrame>
+                                                </StackLayout>
+                                            </ViewCell>
+                                        </DataTemplate>
+                                    </controls:SearchableEventList.ItemTemplate>
+
+                                    <!--  Layout to customize number of columns in SfListView  -->
+                                    <listView:SfListView.LayoutManager>
+                                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=1, PhoneLandscape=2, TabletPortrait=2, TabletLandscape=2, Desktop=2}" />
+                                    </listView:SfListView.LayoutManager>
+
+                                </controls:SearchableEventList>
+                            </StackLayout>
+                        </tabView:SfTabItem.Content>
+                    </tabView:SfTabItem>
+                </tabView:SfTabView>
+            </StackLayout>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/EventListPage.xaml.cs b/EssentialUIKit/Views/Catalog/EventListPage.xaml.cs
new file mode 100644
index 00000000..387895d9
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/EventListPage.xaml.cs
@@ -0,0 +1,20 @@
+using EssentialUIKit.ViewModels.Catalog;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Catalog
+{
+    /// <summary>
+    /// The event detail page 
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EventListPage
+    {
+        public EventListPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = EventListViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml b/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml
new file mode 100644
index 00000000..19f92256
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml
@@ -0,0 +1,373 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Catalog.NavigationTravelPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="navigationTravelPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
+            <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout Spacing="0">
+
+                <Grid HeightRequest="64">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        Margin="4,0,0,0"
+                        Command="{Binding BackButtonCommand}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Navigation travel page title  -->
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Travel"
+                        VerticalOptions="Center" />
+
+                </Grid>
+
+                <!--  Rotator for travel places  -->
+                <rotator:SfRotator
+                    x:Name="sfRotator"
+                    Margin="8,0"
+                    BackgroundColor="Transparent"
+                    DotPlacement="Default"
+                    DotsBorderColor="Transparent"
+                    HeightRequest="525"
+                    ItemsSource="{Binding TravelPlaces}"
+                    NavigationStripMode="Dots"
+                    NavigationStripPosition="Bottom"
+                    SelectedDotColor="{DynamicResource PrimaryColor}"
+                    SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"
+                    UnselectedDotColor="{DynamicResource Gray-200}">
+                    <rotator:SfRotator.ItemTemplate>
+                        <DataTemplate>
+                            <StackLayout Spacing="0">
+                                <controls:CustomShadowFrame
+                                    x:Name="Rotator"
+                                    Margin="4"
+                                    Padding="0"
+                                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                                    BorderColor="{DynamicResource GrayShadowColor}"
+                                    BorderWidth="1"
+                                    CornerRadius="4"
+                                    HasShadow="True"
+                                    Radius="4">
+
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <Grid
+                                            x:Name="grid"
+                                            RowDefinitions="Auto, Auto, Auto"
+                                            RowSpacing="0">
+
+                                            <!--  Image of the place  -->
+                                            <Image
+                                                Aspect="AspectFill"
+                                                BackgroundColor="{DynamicResource Gray-White}"
+                                                HeightRequest="395">
+                                                <Image.Source>
+                                                    <UriImageSource
+                                                        CacheValidity="14"
+                                                        CachingEnabled="true"
+                                                        Uri="{Binding ImagePath}" />
+                                                </Image.Source>
+                                            </Image>
+
+                                            <!--  Travel place  -->
+                                            <Label
+                                                Grid.Row="1"
+                                                Margin="16,16,16,4"
+                                                HorizontalOptions="Start"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Place}" />
+
+                                            <!--  Details of travel place  -->
+                                            <Label
+                                                Grid.Row="2"
+                                                Margin="16,0,16,16"
+                                                FontSize="12"
+                                                HorizontalOptions="Start"
+                                                HorizontalTextAlignment="Start"
+                                                LineBreakMode="TailTruncation"
+                                                MaxLines="2"
+                                                Style="{StaticResource DescriptionLabelStyle}"
+                                                Text="{Binding Details}" />
+
+                                            <Grid.GestureRecognizers>
+                                                <TapGestureRecognizer Command="{Binding Path=BindingContext.TravelPlacesCommand, Source={x:Reference sfRotator}}" CommandParameter="{Binding BindingContext, Source={x:Reference grid}}" />
+                                            </Grid.GestureRecognizers>
+                                        </Grid>
+                                    </border:SfBorder>
+
+                                </controls:CustomShadowFrame>
+
+                            </StackLayout>
+                        </DataTemplate>
+                    </rotator:SfRotator.ItemTemplate>
+                </rotator:SfRotator>
+
+                <Grid
+                    Margin="16,23,8,10"
+                    ColumnSpacing="0"
+                    RowSpacing="0">
+                    <Label
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="TOP DESTINATIONS"
+                        TextColor="{DynamicResource Gray-800}"
+                        VerticalOptions="Center" />
+                    <buttons:SfButton
+                        Command="{Binding ViewAllCommand}"
+                        FontSize="12"
+                        HorizontalOptions="End"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
+                </Grid>
+
+                <listView:SfListView
+                    Margin="8,0,0,0"
+                    Padding="0"
+                    AutoFitMode="Height"
+                    HeightRequest="318"
+                    HorizontalOptions="FillAndExpand"
+                    IsScrollBarVisible="False"
+                    IsStickyHeader="True"
+                    ItemsSource="{Binding TopDestinations}"
+                    Orientation="Horizontal"
+                    SelectionBackgroundColor="{StaticResource Transparent}">
+
+                    <listView:SfListView.ItemTemplate>
+                        <DataTemplate>
+                            <controls:CustomShadowFrame
+                                Margin="8,0,8,35"
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="1"
+                                CornerRadius="4"
+                                HasShadow="True"
+                                HeightRequest="276"
+                                Radius="4"
+                                WidthRequest="230">
+
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.TopDestinationsCommand, Source={x:Reference navigationTravelPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <Grid RowDefinitions="Auto, Auto, Auto, Auto" RowSpacing="0">
+
+                                            <!--  Place image  -->
+                                            <Image
+                                                Margin="0,0,0,16"
+                                                Aspect="AspectFill"
+                                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                                HeightRequest="150"
+                                                HorizontalOptions="FillAndExpand"
+                                                Source="{Binding ImagePath}"
+                                                VerticalOptions="Start" />
+
+                                            <!--  OverLay Effect  -->
+                                            <Frame
+                                                Margin="0,0,0,16"
+                                                BackgroundColor="{DynamicResource Gray-Black}"
+                                                Opacity="0.15" />
+
+                                            <!--  Favourite Icon  -->
+                                            <buttons:SfButton
+                                                Margin="0,2,2,0"
+                                                Command="{Binding BindingContext.AddFavouriteCommand, Source={x:Reference navigationTravelPage}}"
+                                                CommandParameter="{Binding}"
+                                                HeightRequest="-1"
+                                                HorizontalOptions="End"
+                                                Style="{StaticResource IconButtonStyle}"
+                                                Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
+                                                TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=8}"
+                                                VerticalOptions="Start"
+                                                WidthRequest="-1" />
+
+                                            <!--  Place name  -->
+                                            <Label
+                                                Grid.Row="1"
+                                                Margin="16,0,16,4"
+                                                HorizontalOptions="StartAndExpand"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Place}" />
+
+                                            <!--  Place Details  -->
+                                            <Label
+                                                Grid.Row="2"
+                                                Margin="16,0,16,8"
+                                                FontSize="12"
+                                                HorizontalOptions="StartAndExpand"
+                                                HorizontalTextAlignment="Start"
+                                                LineBreakMode="TailTruncation"
+                                                MaxLines="2"
+                                                Style="{StaticResource DescriptionLabelStyle}"
+                                                Text="{Binding Details}" />
+
+                                            <!--  Price Details  -->
+                                            <Label
+                                                Grid.Row="3"
+                                                Margin="16,0,0,5"
+                                                HorizontalOptions="StartAndExpand"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Price}"
+                                                TextColor="{DynamicResource PrimaryColor}" />
+
+                                            <!--  Right arrow icon  -->
+                                            <buttons:SfButton
+                                                Grid.Row="3"
+                                                Margin="0,0,5,5"
+                                                Command="{Binding Path=BindingContext.TopDestinationsCommand, Source={x:Reference navigationTravelPage}}"
+                                                CornerRadius="4"
+                                                FontSize="20"
+                                                HeightRequest="-1"
+                                                HorizontalOptions="End"
+                                                Style="{StaticResource IconButtonStyle}"
+                                                Text="{StaticResource ArrowRight}"
+                                                WidthRequest="-1" />
+
+                                        </Grid>
+                                    </border:SfBorder>
+
+                                </syncEffectsView:SfEffectsView>
+
+                            </controls:CustomShadowFrame>
+                        </DataTemplate>
+                    </listView:SfListView.ItemTemplate>
+                </listView:SfListView>
+
+                <Grid
+                    Margin="16,0,8,10"
+                    ColumnSpacing="0"
+                    RowSpacing="0">
+                    <Label
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="BEST PLACES"
+                        TextColor="{DynamicResource Gray-800}"
+                        VerticalOptions="Center" />
+                    <buttons:SfButton
+                        Command="{Binding ViewAllCommand}"
+                        FontSize="12"
+                        HorizontalOptions="End"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
+                </Grid>
+
+                <listView:SfListView
+                    Margin="8,0,0,0"
+                    Padding="0"
+                    AutoFitMode="Height"
+                    HeightRequest="292"
+                    HorizontalOptions="FillAndExpand"
+                    IsScrollBarVisible="False"
+                    IsStickyHeader="True"
+                    ItemsSource="{Binding BestPlaces}"
+                    Orientation="Horizontal"
+                    SelectionBackgroundColor="{StaticResource Transparent}">
+
+                    <listView:SfListView.ItemTemplate>
+                        <DataTemplate>
+                            <controls:CustomShadowFrame
+                                Margin="8,0,8,24"
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="1"
+                                CornerRadius="4"
+                                HasShadow="True"
+                                HeightRequest="250"
+                                Radius="4"
+                                WidthRequest="180">
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.BestPlacesCommand, Source={x:Reference navigationTravelPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <Grid
+                                            ColumnSpacing="0"
+                                            HeightRequest="250"
+                                            RowSpacing="0"
+                                            WidthRequest="180">
+
+                                            <!--  Place image  -->
+                                            <Image
+                                                Aspect="AspectFill"
+                                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                                HorizontalOptions="FillAndExpand"
+                                                Source="{Binding ImagePath}"
+                                                VerticalOptions="FillAndExpand" />
+
+                                            <!--  OverLay Effect  -->
+                                            <Frame BackgroundColor="{DynamicResource Gray-Black}" Opacity="0.15" />
+
+                                            <!--  Place name  -->
+                                            <Label
+                                                Margin="8,0,0,12"
+                                                HorizontalOptions="StartAndExpand"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Place}"
+                                                TextColor="{DynamicResource Gray-White}"
+                                                VerticalOptions="End" />
+
+                                            <!--  Favourite Icon  -->
+                                            <buttons:SfButton
+                                                Margin="0,2,2,0"
+                                                Command="{Binding BindingContext.AddFavouriteCommand, Source={x:Reference navigationTravelPage}}"
+                                                CommandParameter="{Binding}"
+                                                HeightRequest="-1"
+                                                HorizontalOptions="End"
+                                                Style="{StaticResource IconButtonStyle}"
+                                                Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
+                                                TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=8}"
+                                                VerticalOptions="Start"
+                                                WidthRequest="-1" />
+
+                                        </Grid>
+                                    </border:SfBorder>
+                                </syncEffectsView:SfEffectsView>
+                            </controls:CustomShadowFrame>
+                        </DataTemplate>
+                    </listView:SfListView.ItemTemplate>
+                </listView:SfListView>
+
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml.cs b/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml.cs
new file mode 100644
index 00000000..f7d9c445
--- /dev/null
+++ b/EssentialUIKit/Views/Catalog/NavigationTravelPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.ViewModels.Catalog;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Catalog
+{
+    /// <summary>
+    /// Page to display the travel page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class NavigationTravelPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="NavigationTravelPage"/> class.
+        /// </summary>
+        public NavigationTravelPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = NavigationTravelPageViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/ProductHomePage.xaml b/EssentialUIKit/Views/Catalog/ProductHomePage.xaml
index 9bdaf982..1090542f 100644
--- a/EssentialUIKit/Views/Catalog/ProductHomePage.xaml
+++ b/EssentialUIKit/Views/Catalog/ProductHomePage.xaml
@@ -4,65 +4,82 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:d="http://xamarin.com/schemas/2014/forms/design"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-    BackgroundColor="{DynamicResource Gray-White}"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="ProductHome"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False"
     Shell.NavBarIsVisible="False"
     mc:Ignorable="d">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView>
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference ProductHome}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+                    <control:TitleView.TrailingView>
+
+                        <!--  Notification button command  -->
+                        <buttons:SfButton
+                            x:Name="notifyButton"
+                            Command="{Binding Path=BindingContext.NotificationButtonCommand, Source={x:Reference ProductHome}}"
+                            CommandParameter="{x:Reference notifyButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Notification}" />
+                    </control:TitleView.TrailingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
 
     <ContentPage.Content>
         <ScrollView>
             <StackLayout Spacing="0">
-                <Image
-                    BackgroundColor="{DynamicResource Gray-200}"
-                    Source="{Binding BannerImage}" />
+                <Image BackgroundColor="{DynamicResource Gray-200}" Source="{Binding BannerImage}" />
 
                 <StackLayout
+                    x:Name="stackLayout"
                     Margin="16,25,16,0"
                     Orientation="Horizontal"
                     Spacing="0">
 
                     <Label
                         Margin="0,5,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
-                        LineHeight="{OnPlatform Android=1.25,
-                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="NEW ARRIVAL"
                         TextColor="{DynamicResource Gray-800}"
                         VerticalOptions="Center" />
 
                     <buttons:SfButton
-                        Margin="0"
-                        Padding="0"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
+                        Command="{Binding ViewAllCommand}"
                         FontSize="12"
                         HorizontalOptions="End"
-                        Text="VIEW ALL"
-                        TextColor="{DynamicResource HyperLink}" />
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
 
                 </StackLayout>
 
                 <listView:SfListView
+                    x:Name="listView"
                     Margin="8,0"
-                    Padding="0"
                     AutoFitMode="Height"
                     ColumnSpacing="0"
                     FocusBorderColor="Transparent"
@@ -70,8 +87,7 @@
                     IsStickyHeader="True"
                     ItemsSource="{Binding NewArrivalProducts}"
                     RowSpacing="0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemSelectedCommand}">
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.ItemTemplate>
 
@@ -81,43 +97,48 @@
                             <control:CustomShadowFrame
                                 Margin="8"
                                 Padding="0"
-                                BackgroundColor="White"
-                                BorderColor="White"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
                                 CornerRadius="4"
-                                HasShadow="true"
+                                HasShadow="True"
                                 HeightRequest="189"
+                                Radius="4"
                                 WidthRequest="165">
-
-                                <StackLayout
-                                    Margin="0"
-                                    Padding="0"
-                                    HorizontalOptions="CenterAndExpand"
-                                    Spacing="0"
-                                    VerticalOptions="CenterAndExpand">
-
-                                    <!--  Product image  -->
-
-                                    <Image
-                                        Margin="0,0,0,8"
-                                        Aspect="AspectFill"
-                                        BackgroundColor="{DynamicResource Gray-200}"
-                                        HeightRequest="150"
-                                        HorizontalOptions="Center"
-                                        Source="{Binding PreviewImage}"
-                                        VerticalOptions="Center"
-                                        WidthRequest="165" />
-
-                                    <!--  Product name  -->
-                                    <Label
-                                        Margin="0,0,0,8"
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="16"
-                                        HorizontalOptions="Center"
-                                        LineHeight="1.25"
-                                        Text="{Binding Name}"
-                                        TextColor="{DynamicResource Gray-900}" />
-
-                                </StackLayout>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference ProductHome}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <StackLayout
+                                            HorizontalOptions="CenterAndExpand"
+                                            Spacing="0"
+                                            VerticalOptions="CenterAndExpand">
+
+                                            <!--  Product image  -->
+
+                                            <Image
+                                                Margin="0,0,0,8"
+                                                Aspect="AspectFill"
+                                                BackgroundColor="Transparent"
+                                                HeightRequest="150"
+                                                HorizontalOptions="Center"
+                                                Source="{Binding PreviewImage}"
+                                                VerticalOptions="Center"
+                                                WidthRequest="165" />
+
+                                            <!--  Product name  -->
+                                            <Label
+                                                Margin="0,0,0,8"
+                                                FontFamily="Montserrat-Medium"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Name}" />
+                                        </StackLayout>
+                                    </border:SfBorder>
+                                </syncEffectsView:SfEffectsView>
                             </control:CustomShadowFrame>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
@@ -139,32 +160,26 @@
 
                     <Label
                         Margin="0,5,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
-                        LineHeight="{OnPlatform Android=1.25,
-                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="OFFERS"
                         TextColor="{DynamicResource Gray-800}"
                         VerticalOptions="Center" />
 
                     <buttons:SfButton
-                        Margin="0"
-                        Padding="0"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
+                        Command="{Binding ViewAllCommand}"
                         FontSize="12"
                         HorizontalOptions="End"
-                        Text="VIEW ALL"
-                        TextColor="{DynamicResource HyperLink}" />
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
 
                 </StackLayout>
 
 
                 <listView:SfListView
                     Margin="8,0"
-                    Padding="0"
                     AutoFitMode="Height"
                     ColumnSpacing="0"
                     FocusBorderColor="Transparent"
@@ -175,8 +190,7 @@
                     ItemsSource="{Binding OfferProducts}"
                     Orientation="Horizontal"
                     RowSpacing="0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemSelectedCommand}">
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.ItemTemplate>
 
@@ -186,52 +200,59 @@
                             <control:CustomShadowFrame
                                 Margin="8"
                                 Padding="0"
-                                BackgroundColor="White"
-                                BorderColor="White"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
                                 CornerRadius="4"
                                 HasShadow="true"
                                 HeightRequest="181"
+                                Radius="4"
                                 WidthRequest="200">
 
-                                <StackLayout
-                                    Margin="0"
-                                    Padding="0"
-                                    HorizontalOptions="CenterAndExpand"
-                                    Spacing="0"
-                                    VerticalOptions="CenterAndExpand">
-
-                                    <!--  Product image  -->
-
-                                    <Image
-                                        Margin="0,0,0,8"
-                                        Aspect="AspectFill"
-                                        BackgroundColor="{DynamicResource Gray-200}"
-                                        HeightRequest="120"
-                                        HorizontalOptions="Center"
-                                        Source="{Binding PreviewImage}"
-                                        VerticalOptions="Center"
-                                        WidthRequest="200" />
-
-                                    <!--  Product name  -->
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="16"
-                                        HorizontalOptions="Center"
-                                        LineHeight="{OnPlatform Android=1.25,Default=-1}"
-                                        Text="{Binding Name}"
-                                        TextColor="{DynamicResource Gray-800}" />
-
-                                    <!--  Discount percentage  -->
-                                    <Label
-                                        Margin="0,2,0,8"
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="14"
-                                        HorizontalOptions="Center"
-                                        LineHeight="{OnPlatform Android=1.25,Default=-1}"
-                                        Text="{Binding DiscountPercent, StringFormat=' Min {0}% OFF'}"
-                                        TextColor="{DynamicResource PrimaryColor}" />
-
-                                </StackLayout>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference ProductHome}}"
+                                    TouchUpCommandParameter="{Binding}">
+
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <StackLayout
+                                            HorizontalOptions="CenterAndExpand"
+                                            Spacing="0"
+                                            VerticalOptions="CenterAndExpand">
+
+                                            <!--  Product image  -->
+
+                                            <Image
+                                                Margin="0,0,0,8"
+                                                Aspect="AspectFill"
+                                                BackgroundColor="Transparent"
+                                                HeightRequest="120"
+                                                HorizontalOptions="Center"
+                                                Source="{Binding PreviewImage}"
+                                                VerticalOptions="Center"
+                                                WidthRequest="200" />
+
+                                            <!--  Product name  -->
+                                            <Label
+                                                FontFamily="Montserrat-Medium"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Name}"
+                                                TextColor="{DynamicResource Gray-800}" />
+
+                                            <!--  Discount percentage  -->
+                                            <Label
+                                                Margin="0,2,0,8"
+                                                HorizontalOptions="Center"
+                                                Style="{StaticResource DescriptionLabelStyle}"
+                                                Text="{Binding DiscountPercent, StringFormat=' Min {0}% OFF'}"
+                                                TextColor="{DynamicResource PrimaryColor}" />
+
+                                        </StackLayout>
+                                    </border:SfBorder>
+                                </syncEffectsView:SfEffectsView>
                             </control:CustomShadowFrame>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
@@ -245,31 +266,27 @@
 
                     <Label
                         Margin="0,5,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
                         LineHeight="{OnPlatform Android=1.25,
                                                 Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="RECOMMENDED"
                         TextColor="{DynamicResource Gray-800}"
                         VerticalOptions="Center" />
 
                     <buttons:SfButton
-                        Margin="0"
-                        Padding="0"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
+                        Command="{Binding ViewAllCommand}"
                         FontSize="12"
                         HorizontalOptions="End"
-                        Text="VIEW ALL"
-                        TextColor="{DynamicResource HyperLink}" />
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
 
                 </StackLayout>
 
                 <listView:SfListView
                     Margin="8,0,8,32"
-                    Padding="0"
                     AutoFitMode="Height"
                     ColumnSpacing="0"
                     FocusBorderColor="Transparent"
@@ -280,8 +297,7 @@
                     ItemsSource="{Binding RecommendedProducts}"
                     Orientation="Horizontal"
                     RowSpacing="0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemSelectedCommand}">
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.ItemTemplate>
 
@@ -291,86 +307,90 @@
                             <control:CustomShadowFrame
                                 Margin="8"
                                 Padding="0"
-                                BackgroundColor="White"
-                                BorderColor="White"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
                                 CornerRadius="4"
                                 HasShadow="true"
                                 HeightRequest="266"
+                                Radius="4"
                                 WidthRequest="230">
 
-                                <StackLayout
-                                    Margin="0"
-                                    Padding="0"
-                                    HorizontalOptions="FillAndExpand"
-                                    Spacing="0"
-                                    VerticalOptions="FillAndExpand">
-
-                                    <!--  Product image  -->
-
-                                    <Image
-                                        Margin="0,0,0,16"
-                                        Aspect="AspectFill"
-                                        BackgroundColor="{DynamicResource Gray-200}"
-                                        HeightRequest="150"
-                                        HorizontalOptions="Center"
-                                        Source="{Binding PreviewImage}"
-                                        VerticalOptions="Center"
-                                        WidthRequest="230" />
-
-                                    <!--  Product name  -->
-                                    <Label
-                                        Margin="16,0"
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="16"
-                                        HorizontalOptions="StartAndExpand"
-                                        LineHeight="{OnPlatform Android=1.25,Default=-1}"
-                                        Text="{Binding Name}"
-                                        TextColor="{DynamicResource Gray-900}" />
-
-                                    <!--  Product Description  -->
-                                    <Label
-                                        Margin="16,4"
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="12"
-                                        HorizontalOptions="StartAndExpand"
-                                        LineHeight="1.25"
-                                        MaxLines="1"
-                                        Text="{Binding Description}"
-                                        TextColor="{DynamicResource Gray-700}" />
-
-                                    <!--  Employee name  -->
-                                    <StackLayout
-                                        Margin="16,4,16,16"
-                                        Orientation="Horizontal"
-                                        Spacing="2">
-
-                                        <!--  Product Price  -->
-                                        <Label
-                                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                                            FontSize="{OnIdiom Default=20,
-                                                               Desktop=24}"
-                                            Style="{StaticResource LabelStyle}"
-                                            Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
-                                            TextColor="{DynamicResource PrimaryColor}" />
-
-                                        <Label
-                                            FontFamily="{DynamicResource Montserrat-Medium}"
-                                            FontSize="12"
-                                            Style="{StaticResource LabelStyle}"
-                                            Text="{Binding ActualPrice, StringFormat='${0:0.00} '}"
-                                            TextDecorations="Strikethrough"
-                                            VerticalTextAlignment="Center" />
-
-                                        <Label
-                                            FontFamily="{DynamicResource Montserrat-Medium}"
-                                            FontSize="12"
-                                            Style="{StaticResource LabelStyle}"
-                                            Text="{Binding DiscountPercent, StringFormat=' ({0}% OFF)'}"
-                                            TextColor="{DynamicResource PrimaryColor}" />
-
-                                    </StackLayout>
-
-                                </StackLayout>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference ProductHome}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <StackLayout
+                                            HorizontalOptions="FillAndExpand"
+                                            Spacing="0"
+                                            VerticalOptions="FillAndExpand">
+
+                                            <!--  Product image  -->
+
+                                            <Image
+                                                Margin="0,0,0,16"
+                                                Aspect="AspectFill"
+                                                BackgroundColor="Transparent"
+                                                HeightRequest="150"
+                                                HorizontalOptions="Center"
+                                                Source="{Binding PreviewImage}"
+                                                VerticalOptions="Center"
+                                                WidthRequest="230" />
+
+                                            <!--  Product name  -->
+                                            <Label
+                                                Margin="16,0"
+                                                HorizontalOptions="StartAndExpand"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Name}"
+                                                TextColor="{DynamicResource Gray-800}" />
+
+                                            <!--  Product Description  -->
+                                            <Label
+                                                Margin="16,4"
+                                                FontSize="12"
+                                                HorizontalTextAlignment="Start"
+                                                MaxLines="1"
+                                                Style="{StaticResource DescriptionLabelStyle}"
+                                                Text="{Binding Description}" />
+
+                                            <!--  Employee name  -->
+                                            <StackLayout
+                                                Margin="16,4,16,16"
+                                                Orientation="Horizontal"
+                                                Spacing="2">
+
+                                                <!--  Product Price  -->
+                                                <Label
+                                                    FontSize="{OnIdiom Default=20,
+                                                                       Desktop=24}"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
+                                                    TextColor="{DynamicResource PrimaryColor}" />
+
+                                                <Label
+                                                    FontSize="12"
+                                                    Style="{StaticResource DescriptionLabelStyle}"
+                                                    Text="{Binding ActualPrice, StringFormat='${0:0.00} '}"
+                                                    TextDecorations="Strikethrough"
+                                                    VerticalTextAlignment="Center" />
+
+                                                <Label
+                                                    FontSize="12"
+                                                    Style="{StaticResource DescriptionLabelStyle}"
+                                                    Text="{Binding DiscountPercent, StringFormat=' ({0}% OFF)'}"
+                                                    TextColor="{DynamicResource PrimaryColor}"
+                                                    VerticalTextAlignment="Center" />
+
+                                            </StackLayout>
+
+                                        </StackLayout>
+                                    </border:SfBorder>
+                                </syncEffectsView:SfEffectsView>
                             </control:CustomShadowFrame>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
diff --git a/EssentialUIKit/Views/Catalog/ProductHomePage.xaml.cs b/EssentialUIKit/Views/Catalog/ProductHomePage.xaml.cs
index b7c42950..e720544a 100644
--- a/EssentialUIKit/Views/Catalog/ProductHomePage.xaml.cs
+++ b/EssentialUIKit/Views/Catalog/ProductHomePage.xaml.cs
@@ -1,18 +1,42 @@
 using EssentialUIKit.DataService;
+using Syncfusion.ListView.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Catalog
 {
+    /// <summary>
+    /// Page to display product home page.
+    /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ProductHomePage : ContentPage
     {
         public ProductHomePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = ProductHomeDataService.Instance.ProductHomePageViewModel;
         }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 2;
+                }
+            }
+            else
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 4;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Catalog/Styles.xaml b/EssentialUIKit/Views/Catalog/Styles.xaml
deleted file mode 100644
index 70257d6f..00000000
--- a/EssentialUIKit/Views/Catalog/Styles.xaml
+++ /dev/null
@@ -1,196 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Catalog.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
-
-    <Color x:Key="OrangeyYellow">#fcbc0f</Color>
-    <Color x:Key="Transparent">Transparent</Color>
-    <x:String x:Key="Cart">&#xe708;</x:String>
-    <x:String x:Key="Bell">&#xe700;</x:String>
-    <x:String x:Key="Filter">&#xe702;</x:String>
-    <x:String x:Key="Sort">&#xe70a;</x:String>
-    <x:String x:Key="BurgerMenu">&#xe72e;</x:String>
-    <x:String x:Key="Back">&#xe709;</x:String>
-
-    <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
-
-    <!--  Common style for Content pages  -->
-    <Style x:Key="ContentPageStyle" TargetType="ContentPage">
-        <Setter Property="BackgroundColor" Value="{OnIdiom Default={DynamicResource Gray-White}, Desktop={DynamicResource Gray-100}, Converter={StaticResource DynamicResourceToColorConverter}}" />
-    </Style>
-
-    <Style TargetType="control:TitleView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfListView  -->
-    <Style x:Key="SfListViewStyle" TargetType="listView:SfListView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FocusBorderThickness" Value="0" />
-        <Setter Property="SelectionBackgroundColor" Value="Transparent" />
-        <Setter Property="IsScrollBarVisible" Value="False" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!--  Header Template for Catalog SfListView  -->
-    <DataTemplate x:Key="CatalogDefaultHeaderTemplate">
-        <StackLayout
-            BackgroundColor="{DynamicResource Gray-White}"
-            HorizontalOptions="End"
-            Orientation="Horizontal"
-            Spacing="8"
-            VerticalOptions="Center">
-
-            <!--  Filter Button  -->
-            <buttons:SfButton
-                Margin="0"
-                Padding="0"
-                Command="{Binding FilterCommand}"
-                CornerRadius="4"
-                HeightRequest="32"
-                Style="{StaticResource SfButtonStyle}">
-                <buttons:SfButton.Content>
-                    <StackLayout
-                        Padding="8,5,8,6"
-                        Orientation="Horizontal"
-                        Spacing="8"
-                        VerticalOptions="Center">
-                        <Label
-                            FontFamily="{StaticResource FontIcons}"
-                            FontSize="18"
-                            Style="{StaticResource OptionButtonLabelStyle}"
-                            Text="{StaticResource Filter}"
-                            VerticalTextAlignment="End" />
-                        <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            Style="{StaticResource OptionButtonLabelStyle}"
-                            Text="Filter"
-                            VerticalTextAlignment="Center" />
-                    </StackLayout>
-                </buttons:SfButton.Content>
-            </buttons:SfButton>
-
-            <!--  Sort Button  -->
-            <buttons:SfButton
-                Command="{Binding SortCommand}"
-                CornerRadius="4"
-                Style="{StaticResource SfButtonStyle}">
-                <buttons:SfButton.Content>
-                    <StackLayout
-                        Padding="8,5,8,6"
-                        Orientation="Horizontal"
-                        Spacing="8">
-                        <Label
-                            FontFamily="{StaticResource FontIcons}"
-                            FontSize="18"
-                            Style="{StaticResource OptionButtonLabelStyle}"
-                            Text="{StaticResource Sort}"
-                            VerticalTextAlignment="End" />
-                        <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            Style="{StaticResource OptionButtonLabelStyle}"
-                            Text="Sorting" />
-                    </StackLayout>
-                </buttons:SfButton.Content>
-            </buttons:SfButton>
-
-        </StackLayout>
-    </DataTemplate>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for option labels  -->
-    <Style
-        x:Key="OptionButtonLabelStyle"
-        BasedOn="{StaticResource LabelStyle}"
-        TargetType="Label">
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-    </Style>
-
-    <rating:SfRatingSettings
-        x:Key="RatingSettings"
-        RatedFill="{StaticResource OrangeyYellow}"
-        RatedStroke="{StaticResource OrangeyYellow}" />
-
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="14" />
-        <Setter Property="ItemSpacing" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <Style x:Key="FavouriteButtonStyle" TargetType="Button">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="32" />
-        <Setter Property="HorizontalOptions" Value="End" />
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-        <Setter Property="WidthRequest" Value="32" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="BookmarkIconStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/EssentialUIKit/Views/Chat/ChatMessagePage.xaml b/EssentialUIKit/Views/Chat/ChatMessagePage.xaml
index 801950c1..c6767bae 100644
--- a/EssentialUIKit/Views/Chat/ChatMessagePage.xaml
+++ b/EssentialUIKit/Views/Chat/ChatMessagePage.xaml
@@ -10,27 +10,23 @@
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Chat"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Chat"
-    BackgroundImage="ChatMessageBackground.png"
+    BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:DateTimeToStringConverter x:Key="DateTimeToStringConverter" />
             <local:MessageDataTemplateSelector x:Key="MessageDataTemplateSelector" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:ChatMessageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
 
         <Grid>
+            <Image
+                Aspect="AspectFill"
+                Opacity="0.06"
+                Source="ChatMessageBackground.png" />
             <ScrollView>
 
                 <!--  List view to show the recent chat history  -->
@@ -55,7 +51,7 @@
                         <DataTemplate>
                             <Label
                                 Margin="0,16,0,0"
-                                FontFamily="{StaticResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
                                 HorizontalTextAlignment="Center"
                                 LineHeight="1.5"
@@ -67,111 +63,111 @@
                     <!--  Navigation bar  -->
                     <listView:SfListView.HeaderTemplate>
                         <DataTemplate>
-                            <StackLayout
-                                Padding="10"
-                                BackgroundColor="{DynamicResource Gray-White}"
-                                HorizontalOptions="FillAndExpand"
-                                Orientation="Horizontal"
-                                Spacing="0"
-                                VerticalOptions="Fill">
-
-                                <!--  Back Button  -->
-                                <buttons:SfButton
-                                    Command="{Binding BackCommand}"
-                                    Style="{StaticResource NavigationBarButtonStyle}"
-                                    Text="{StaticResource Back}" />
-
-                                <!--  Rounded Profile Image  -->
-                                <border:SfBorder
-                                    Margin="8,0"
-                                    BackgroundColor="{DynamicResource Gray-200}"
-                                    Style="{StaticResource ProfileBorderStyle}">
-                                    <Image
-                                        HeightRequest="35"
-                                        WidthRequest="35">
-                                        <Image.Source>
-                                            <UriImageSource Uri="{Binding ProfileImage}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                                        </Image.Source>
-                                    </Image>
-                                </border:SfBorder>
-
-                                <!--  Profile Name  -->
-                                <Label
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                                    FontSize="16"
+                            <Grid RowDefinitions="Auto, Auto" RowSpacing="0">
+                                <StackLayout
+                                    Padding="4,10,10,10"
+                                    BackgroundColor="{DynamicResource Gray-Bg}"
                                     HorizontalOptions="FillAndExpand"
-                                    Text="{Binding ProfileName}"
-                                    TextColor="{DynamicResource Gray-900}"
-                                    VerticalOptions="Center"
-                                    VerticalTextAlignment="Center">
-                                    <Label.GestureRecognizers>
-                                        <TapGestureRecognizer Command="{Binding ProfileCommand}" />
-                                    </Label.GestureRecognizers>
-                                </Label>
-
-                                <!--  Video call button  -->
-                                <buttons:SfButton
-                                    Command="{Binding MakeVideoCall}"
-                                    Style="{StaticResource NavigationBarButtonStyle}"
-                                    Text="{StaticResource VideoCall}" />
-
-                                <!--  Voice call button  -->
-                                <buttons:SfButton
-                                    Command="{Binding MakeVoiceCall}"
-                                    Style="{StaticResource NavigationBarButtonStyle}"
-                                    Text="{StaticResource VoiceCall}" />
-
-                                <!--  Menu Button  -->
-                                <buttons:SfButton
-                                    Command="{Binding MenuCommand}"
-                                    Style="{StaticResource NavigationBarButtonStyle}"
-                                    Text="{StaticResource Menu}" />
-
-                            </StackLayout>
+                                    Orientation="Horizontal"
+                                    Spacing="0"
+                                    VerticalOptions="Fill">
+
+                                    <!--  Back Button  -->
+                                    <buttons:SfButton
+                                        Command="{Binding BackButtonCommand}"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        Text="{StaticResource Back}" />
+
+                                    <!--  Rounded Profile Image  -->
+                                    <border:SfBorder
+                                        Margin="8,0"
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        Style="{StaticResource ProfileBorderStyle}">
+                                        <Image HeightRequest="35" WidthRequest="35">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="true"
+                                                    Uri="{Binding ProfileImage}" />
+                                            </Image.Source>
+                                        </Image>
+                                    </border:SfBorder>
+
+                                    <!--  Profile Name  -->
+                                    <Label
+                                        HorizontalOptions="FillAndExpand"
+                                        HorizontalTextAlignment="Start"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{Binding ProfileName}"
+                                        VerticalOptions="Center"
+                                        VerticalTextAlignment="Center">
+                                        <Label.GestureRecognizers>
+                                            <TapGestureRecognizer Command="{Binding ProfileCommand}" />
+                                        </Label.GestureRecognizers>
+                                    </Label>
+
+                                    <!--  Video call button  -->
+                                    <buttons:SfButton
+                                        Command="{Binding MakeVideoCall}"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        Text="{StaticResource VideoCall}" />
+
+                                    <!--  Voice call button  -->
+                                    <buttons:SfButton
+                                        Command="{Binding MakeVoiceCall}"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        Text="{StaticResource Phone}" />
+
+                                    <!--  Menu Button  -->
+                                    <buttons:SfButton
+                                        Command="{Binding MenuCommand}"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        Text="{StaticResource More}" />
+
+                                </StackLayout>
+                                <BoxView
+                                    Grid.Row="1"
+                                    BackgroundColor="{DynamicResource Gray-200}"
+                                    HeightRequest="1" />
+                            </Grid>
                         </DataTemplate>
                     </listView:SfListView.HeaderTemplate>
 
                     <!--  New text entry in the chat conversation  -->
                     <listView:SfListView.FooterTemplate>
                         <DataTemplate>
-                            <Grid Padding="16,5,16,24" ColumnSpacing="16">
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="Auto" />
-                                </Grid.RowDefinitions>
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                    <ColumnDefinition Width="Auto" />
-                                </Grid.ColumnDefinitions>
+                            <Grid
+                                Padding="16,5,16,24"
+                                ColumnDefinitions="*, Auto"
+                                ColumnSpacing="16"
+                                RowDefinitions="Auto">
 
                                 <!--  Rounded Border  -->
-                                <border:SfBorder Padding="5,0" Style="{DynamicResource SfBorderStyle}">
-
-                                    <Grid ColumnSpacing="0">
-
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="*" />
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="Auto" />
-                                        </Grid.ColumnDefinitions>
-
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="Auto" />
-                                        </Grid.RowDefinitions>
+                                <border:SfBorder
+                                    Padding="5,0"
+                                    BorderColor="{DynamicResource Gray-Bg}"
+                                    BorderWidth="0"
+                                    CornerRadius="25"
+                                    HasShadow="True"
+                                    Style="{DynamicResource ThemeBorderStyle}">
+
+                                    <Grid
+                                        ColumnDefinitions="*, Auto, Auto"
+                                        ColumnSpacing="0"
+                                        RowDefinitions="Auto">
 
                                         <!--  Extendable editor  -->
                                         <controls:BorderlessEditor
+                                            Margin="5,0"
                                             Placeholder="Type here"
-                                            Style="{StaticResource ChatMessageEditorStyle}"
+                                            Style="{StaticResource BorderlessEditorStyle}"
                                             Text="{Binding NewMessage}" />
 
                                         <!--  Camera Button  -->
                                         <buttons:SfButton
                                             Grid.Column="1"
                                             Command="{Binding ShowCamera}"
-                                            Style="{StaticResource NavigationBarButtonStyle}"
+                                            Style="{StaticResource IconButtonStyle}"
                                             Text="{StaticResource Camera}"
                                             VerticalOptions="End" />
 
@@ -179,7 +175,7 @@
                                         <buttons:SfButton
                                             Grid.Column="2"
                                             Command="{Binding SendAttachment}"
-                                            Style="{StaticResource NavigationBarButtonStyle}"
+                                            Style="{StaticResource IconButtonStyle}"
                                             Text="{StaticResource Attachment}"
                                             VerticalOptions="End" />
 
@@ -189,26 +185,14 @@
                                 <!--  Send Button  -->
                                 <buttons:SfButton
                                     Grid.Column="1"
+                                    Padding="0,2,2,0"
                                     BackgroundColor="{DynamicResource PrimaryColor}"
                                     Command="{Binding SendCommand}"
-                                    CornerRadius="20"
-                                    HeightRequest="40"
                                     HorizontalOptions="End"
-                                    Style="{StaticResource NavigationBarButtonStyle}"
-                                    VerticalOptions="End"
-                                    WidthRequest="40">
-                                    <buttons:SfButton.Content>
-                                        <Label
-                                            Margin="0,2,2,0"
-                                            FontFamily="{StaticResource FontIcons}"
-                                            FontSize="18"
-                                            HorizontalOptions="Center"
-                                            Text="{StaticResource Send}"
-                                            TextColor="{DynamicResource Gray-White}"
-                                            VerticalOptions="Center"
-                                            VerticalTextAlignment="Center" />
-                                    </buttons:SfButton.Content>
-                                </buttons:SfButton>
+                                    Style="{StaticResource IconButtonStyle}"
+                                    Text="{StaticResource Send}"
+                                    TextColor="{DynamicResource Gray-White}"
+                                    VerticalOptions="End" />
 
                             </Grid>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/Chat/ChatMessagePage.xaml.cs b/EssentialUIKit/Views/Chat/ChatMessagePage.xaml.cs
index bc95cafb..6a043859 100644
--- a/EssentialUIKit/Views/Chat/ChatMessagePage.xaml.cs
+++ b/EssentialUIKit/Views/Chat/ChatMessagePage.xaml.cs
@@ -1,4 +1,5 @@
 using EssentialUIKit.Models.Chat;
+using EssentialUIKit.ViewModels.Chat;
 using Syncfusion.DataSource;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -17,16 +18,17 @@ public partial class ChatMessagePage
         /// </summary>
         public ChatMessagePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ChatMessageViewModel.BindingContext;
 
-            ListView.DataSource.GroupDescriptors.Add(new GroupDescriptor
+            this.ListView.DataSource.GroupDescriptors.Add(new GroupDescriptor
             {
                 PropertyName = "Time",
                 KeySelector = obj =>
                 {
                     var item = obj as ChatMessage;
                     return item.Time.Date;
-                }
+                },
             });
         }
     }
diff --git a/EssentialUIKit/Views/Chat/RecentChatPage.xaml b/EssentialUIKit/Views/Chat/RecentChatPage.xaml
index 23343a05..6e9ca06a 100644
--- a/EssentialUIKit/Views/Chat/RecentChatPage.xaml
+++ b/EssentialUIKit/Views/Chat/RecentChatPage.xaml
@@ -3,38 +3,21 @@
     x:Class="EssentialUIKit.Views.Chat.RecentChatPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:badge="clr-namespace:Syncfusion.XForms.BadgeView;assembly=Syncfusion.SfBadgeView.XForms"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Chat"
-    BackgroundColor="{DynamicResource Gray-White}"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <converter:StringToBadgeIconConverter x:Key="BadgeConverter" />
-            <converter:StringToGlyphConverter x:Key="GlyphConverter" />
-            <converter:StringToMessageTypeConverter x:Key="TextConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.BindingContext>
-        <viewModel:RecentChatViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <StackLayout Spacing="0">
             <StackLayout
                 x:Name="TitleBar"
-                Padding="16,8"
+                Padding="8"
                 BackgroundColor="{StaticResource Transparent}"
-                HeightRequest="48"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
@@ -49,16 +32,15 @@
 
                     <!--  Rounded Profile Image  -->
                     <border:SfBorder BackgroundColor="{DynamicResource Gray-200}" Style="{StaticResource ProfileBorderStyle}">
-                        <Image
-                            HeightRequest="32"
-                            WidthRequest="32">
+                        <Image HeightRequest="32" WidthRequest="32">
                             <Image.GestureRecognizers>
                                 <TapGestureRecognizer Command="{Binding ProfileImageCommand}" CommandParameter="{Binding .}" />
                             </Image.GestureRecognizers>
                             <Image.Source>
-                                <UriImageSource Uri="{Binding ProfileImage}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
+                                <UriImageSource
+                                    CacheValidity="14"
+                                    CachingEnabled="true"
+                                    Uri="{Binding ProfileImage}" />
                             </Image.Source>
                         </Image>
                     </border:SfBorder>
@@ -66,12 +48,10 @@
                     <!--  Recent Chat page Title  -->
                     <Label
                         Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="20"
                         HorizontalOptions="Start"
-                        LineHeight="1.25"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Chat"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
@@ -86,19 +66,25 @@
 
                     <buttons:SfButton
                         x:Name="BackButton"
-                        Clicked="BackButton_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                    <border:SfBorder
+                        BorderColor="{DynamicResource Gray-Bg}"
+                        CornerRadius="10"
+                        Style="{DynamicResource ThemeBorderStyle}">
 
                         <controls:BorderlessEntry
                             x:Name="SearchEntry"
                             BindingContext="{x:Reference ListView}"
                             HorizontalOptions="FillAndExpand"
                             Placeholder="Search here"
-                            Style="{StaticResource ChatSearchEntryStyle}"
+                            Style="{StaticResource BorderlessEntryStyle}"
                             Text="{Binding SearchText, Mode=TwoWay}" />
 
                     </border:SfBorder>
@@ -108,17 +94,20 @@
                 <buttons:SfButton
                     x:Name="SearchButton"
                     BindingContext="{x:Reference ProfileView}"
-                    Clicked="SearchButton_Clicked"
                     IsVisible="{Binding Path=IsVisible}"
-                    Style="{StaticResource NavigationBarButtonStyle}"
-                    Text="{StaticResource Search}" />
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
                 <!--  Menu Button  -->
                 <buttons:SfButton
                     x:Name="MenuButton"
                     Command="{Binding MenuCommand}"
-                    Style="{StaticResource NavigationBarButtonStyle}"
-                    Text="{StaticResource Menu}" />
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource More}" />
             </StackLayout>
 
             <BoxView BackgroundColor="{DynamicResource Gray-200}" HeightRequest="1" />
@@ -131,126 +120,18 @@
                 FocusBorderThickness="0"
                 ItemsSource="{Binding ChatItems}"
                 SearchText="{Binding SearchText}"
-                TapCommand="{Binding ItemSelectedCommand}"
                 SelectionGesture="Tap"
                 SelectionMode="Single"
                 SwipeOffset="156"
+                TapCommand="{Binding ItemSelectedCommand}"
                 VerticalOptions="FillAndExpand">
 
                 <controls:SearchableChatList.ItemTemplate>
                     <DataTemplate>
                         <ViewCell>
                             <ViewCell.View>
-                                <Grid
-                                    x:Name="Grid"
-                                    Padding="16,12"
-                                    ColumnSpacing="16"
-                                    RowSpacing="2">
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="*" />
-                                        <ColumnDefinition Width="Auto" />
-                                    </Grid.ColumnDefinitions>
-
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition />
-                                        <RowDefinition />
-                                    </Grid.RowDefinitions>
-
-                                    <!--  Recent Sender Profile image  -->
-                                    <badge:SfBadgeView x:Name="BadgeView" Grid.RowSpan="2">
-                                        <badge:SfBadgeView.Content>
-                                            <border:SfBorder
-                                                BackgroundColor="{DynamicResource Gray-200}"
-                                                BorderColor="{DynamicResource Gray-White}"
-                                                Style="{StaticResource ProfileBorderStyle}">
-                                                <Image
-                                                    HeightRequest="40"
-                                                    WidthRequest="40" >
-                                                    <Image.Source>
-                                                        <UriImageSource Uri="{Binding ImagePath}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                                                    </Image.Source>
-                                                </Image>
-                                            </border:SfBorder>
-                                        </badge:SfBadgeView.Content>
-
-                                        <badge:SfBadgeView.BadgeSettings>
-                                            <badge:BadgeSetting
-                                                BackgroundColor="{DynamicResource Green}"
-                                                BadgeAlignment="End"
-                                                BadgeIcon="{Binding AvailableStatus, Converter={StaticResource BadgeConverter}}"
-                                                BadgePosition="BottomRight"
-                                                BadgeType="None"
-                                                Stroke="{DynamicResource Gray-White}"
-                                                StrokeWidth="1" />
-                                        </badge:SfBadgeView.BadgeSettings>
-                                    </badge:SfBadgeView>
-
-                                    <!--  Recent Sender Profile Name  -->
-                                    <Label
-                                        Grid.Column="1"
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="16"
-                                        HorizontalOptions="Start"
-                                        LineBreakMode="NoWrap"
-                                        LineHeight="{OnPlatform Default=1.5,
-                                                                iOS=-1}"
-                                        Text="{Binding SenderName}"
-                                        TextColor="{DynamicResource Gray-900}" />
-
-                                    <StackLayout
-                                        Grid.Row="1"
-                                        Grid.Column="1"
-                                        Orientation="Horizontal">
-
-                                        <!--  Recent Message Type  -->
-                                        <Label
-                                            x:Name="MessageIcon"
-                                            Style="{StaticResource MessageIconStyle}"
-                                            Text="{Binding MessageType, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference MessageIcon}}">
-
-                                            <Label.Resources>
-                                                <ResourceDictionary>
-                                                    <ResourceDictionary.MergedDictionaries>
-                                                        <ResourceDictionary Source="Styles.xaml" />
-                                                    </ResourceDictionary.MergedDictionaries>
-                                                </ResourceDictionary>
-                                            </Label.Resources>
-                                        </Label>
-
-                                        <!--  Recent Message  -->
-                                        <Label
-                                            x:Name="MessageLabel"
-                                            Style="{StaticResource MessageTextStyle}"
-                                            Text="{Binding MessageType, Converter={StaticResource TextConverter}, ConverterParameter={x:Reference MessageLabel}}" />
-
-                                    </StackLayout>
-
-                                    <!--  Recent Message Time  -->
-                                    <Label
-                                        Grid.Column="2"
-                                        Style="{StaticResource TimeTextStyle}"
-                                        Text="{Binding Time}" />
-
-                                    <!--  Recent Message Notification  -->
-                                    <Label
-                                        x:Name="NotificationLabel"
-                                        Grid.Row="1"
-                                        Grid.Column="2"
-                                        Style="{StaticResource NotificationIconStyle}"
-                                        Text="{Binding NotificationType, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference NotificationLabel}}">
-
-                                        <Label.Resources>
-                                            <ResourceDictionary>
-                                                <ResourceDictionary.MergedDictionaries>
-                                                    <ResourceDictionary Source="Styles.xaml" />
-                                                </ResourceDictionary.MergedDictionaries>
-                                            </ResourceDictionary>
-                                        </Label.Resources>
-                                    </Label>
-
+                                <Grid>
+                                    <template:RecentChatTemplate />
                                 </Grid>
                             </ViewCell.View>
                         </ViewCell>
@@ -266,43 +147,65 @@
                             BorderWidth="0"
                             CornerRadius="30, 0, 0, 30">
                             <Grid>
-                                <gradient:SfGradientView Style="{StaticResource GradientViewStyle}" />
+                                <gradient:SfGradientView Style="{StaticResource PrimaryGradientStyle}" />
 
                                 <Grid
                                     Padding="15,0"
+                                    ColumnDefinitions="Auto, Auto, Auto"
                                     ColumnSpacing="14"
+                                    RowDefinitions="Auto"
                                     VerticalOptions="Center">
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="Auto" />
-                                    </Grid.ColumnDefinitions>
-
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="Auto" />
-                                    </Grid.RowDefinitions>
 
                                     <!--  Voice call button  -->
-                                    <buttons:SfButton Command="{Binding Path=BindingContext.MakeVoiceCallCommand, Source={x:Reference ListView}}" Style="{StaticResource SwipeTemplateBorderStyle}">
+                                    <buttons:SfButton
+                                        BackgroundColor="{DynamicResource Gray-Bg}"
+                                        Command="{Binding Path=BindingContext.MakeVoiceCallCommand, Source={x:Reference ListView}}"
+                                        CornerRadius="16"
+                                        HeightRequest="32"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        WidthRequest="32">
                                         <buttons:SfButton.Content>
-                                            <Label Style="{StaticResource SwipeTemplateButtonStyle}" Text="{StaticResource PhoneFill}" />
+                                            <Label
+                                                BackgroundColor="Transparent"
+                                                Style="{StaticResource IconLabelStyle}"
+                                                Text="{StaticResource PhoneFill}"
+                                                TextColor="{DynamicResource PrimaryColor}"
+                                                VerticalTextAlignment="Center" />
                                         </buttons:SfButton.Content>
                                     </buttons:SfButton>
 
                                     <!--  Video call button  -->
                                     <buttons:SfButton
                                         Grid.Column="1"
+                                        BackgroundColor="{DynamicResource Gray-Bg}"
                                         Command="{Binding Path=BindingContext.MakeVideoCallCommand, Source={x:Reference ListView}}"
-                                        Style="{StaticResource SwipeTemplateBorderStyle}">
-                                        <Label Style="{StaticResource SwipeTemplateButtonStyle}" Text="{StaticResource Video}" />
+                                        CornerRadius="16"
+                                        HeightRequest="32"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        WidthRequest="32">
+                                        <Label
+                                            BackgroundColor="Transparent"
+                                            Style="{StaticResource IconLabelStyle}"
+                                            Text="{StaticResource Video}"
+                                            TextColor="{DynamicResource PrimaryColor}"
+                                            VerticalTextAlignment="Center" />
                                     </buttons:SfButton>
 
                                     <!--  Settings button  -->
                                     <buttons:SfButton
                                         Grid.Column="2"
+                                        BackgroundColor="{DynamicResource Gray-Bg}"
                                         Command="{Binding Path=BindingContext.ShowSettingsCommand, Source={x:Reference ListView}}"
-                                        Style="{StaticResource SwipeTemplateBorderStyle}">
-                                        <Label Style="{StaticResource SwipeTemplateButtonStyle}" Text="{StaticResource Settings}" />
+                                        CornerRadius="16"
+                                        HeightRequest="32"
+                                        Style="{StaticResource IconButtonStyle}"
+                                        WidthRequest="32">
+                                        <Label
+                                            BackgroundColor="Transparent"
+                                            Style="{StaticResource IconLabelStyle}"
+                                            Text="{StaticResource Menu}"
+                                            TextColor="{DynamicResource PrimaryColor}"
+                                            VerticalTextAlignment="Center" />
                                     </buttons:SfButton>
 
                                 </Grid>
diff --git a/EssentialUIKit/Views/Chat/RecentChatPage.xaml.cs b/EssentialUIKit/Views/Chat/RecentChatPage.xaml.cs
index 1215b98e..f99c6945 100644
--- a/EssentialUIKit/Views/Chat/RecentChatPage.xaml.cs
+++ b/EssentialUIKit/Views/Chat/RecentChatPage.xaml.cs
@@ -1,5 +1,4 @@
-using System;
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Chat;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -17,87 +16,8 @@ public partial class RecentChatPage
         /// </summary>
         public RecentChatPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (SearchBox.IsVisible)
-                {
-                    SearchBox.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when back button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackButton_Clicked(object sender, EventArgs e)
-        {
-            if (this.TitleBar != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    SearchBox.WidthRequest = property;
-                    opacity = property / TitleBar.Width;
-                    SearchBox.Opacity = opacity;
-                },
-                TitleBar.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(SearchBox, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.SearchBox.IsVisible = false;
-            this.ProfileView.IsVisible = true;
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.SearchBox.IsVisible = true;
-            this.ProfileView.IsVisible = false;
-
-            if (this.TitleBar != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        SearchBox.WidthRequest = property;
-                        opacity = property / TitleBar.Width;
-                        SearchBox.Opacity = opacity;
-                    }, 0, TitleBar.Width, Easing.Linear);
-                expandAnimation.Commit(SearchBox, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
+            this.InitializeComponent();
+            this.BindingContext = RecentChatViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Selectors/MessageDataTemplateSelector.cs b/EssentialUIKit/Views/Chat/Selectors/MessageDataTemplateSelector.cs
index e5744556..278957dd 100644
--- a/EssentialUIKit/Views/Chat/Selectors/MessageDataTemplateSelector.cs
+++ b/EssentialUIKit/Views/Chat/Selectors/MessageDataTemplateSelector.cs
@@ -13,6 +13,7 @@ namespace EssentialUIKit.Views.Chat
     public class MessageDataTemplateSelector : DataTemplateSelector
     {
         #region Constructor
+
         /// <summary>
         /// Initializes a new instance of the <see cref="MessageDataTemplateSelector" /> class.
         /// </summary>
@@ -59,7 +60,7 @@ public MessageDataTemplateSelector()
         /// <returns>Returns the data template</returns>
         protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
         {
-            if (((ChatMessage)item).IsReceived)
+            if (item != null && ((ChatMessage)item).IsReceived)
             {
                 if (string.IsNullOrEmpty(((ChatMessage)item).ImagePath))
                 {
@@ -72,7 +73,7 @@ protected override DataTemplate OnSelectTemplate(object item, BindableObject con
             }
             else
             {
-                if (string.IsNullOrEmpty(((ChatMessage)item).ImagePath))
+                if (item != null && string.IsNullOrEmpty(((ChatMessage)item).ImagePath))
                 {
                     return this.OutgoingTextTemplate;
                 }
diff --git a/EssentialUIKit/Views/Chat/Styles.xaml b/EssentialUIKit/Views/Chat/Styles.xaml
deleted file mode 100644
index 3e2854f4..00000000
--- a/EssentialUIKit/Views/Chat/Styles.xaml
+++ /dev/null
@@ -1,186 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Chat.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="Transparent">Transparent</Color>
-
-    <!--  Font Icon Text  -->
-    <x:String x:Key="Back">&#xe709;</x:String>
-    <x:String x:Key="Search">&#xe705;</x:String>
-    <x:String x:Key="Menu">&#xe719;</x:String>
-    <x:String x:Key="VoiceCall">&#xe71c;</x:String>
-    <x:String x:Key="VideoCall">&#xe721;</x:String>
-    <x:String x:Key="Settings">&#xe715;</x:String>
-    <x:String x:Key="Camera">&#xe713;</x:String>
-    <x:String x:Key="Attachment">&#xe71e;</x:String>
-    <x:String x:Key="Send">&#xe71f;</x:String>
-    <x:String x:Key="Sent">&#xe717;</x:String>
-    <x:String x:Key="Received">&#xe71b;</x:String>
-    <x:String x:Key="Viewed">&#xe71b;</x:String>
-    <x:String x:Key="New">&#xe720;</x:String>
-    <x:String x:Key="Audio">&#xe722;</x:String>
-    <x:String x:Key="Photo">&#xe71d;</x:String>
-    <x:String x:Key="Video">&#xe718;</x:String>
-    <x:String x:Key="Contact">&#xe723;</x:String>
-    <x:String x:Key="Available">&#xe720;</x:String>
-    <x:String x:Key="Next">&#xe71a;</x:String>
-    <x:String x:Key="Mail">&#xe725;</x:String>
-    <x:String x:Key="Notification">&#xe700;</x:String>
-    <x:String x:Key="Help">&#xe72c;</x:String>
-    <x:String x:Key="Edit">&#xe727;</x:String>
-    <x:String x:Key="PhoneFill">&#xe72a;</x:String>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="WidthRequest" Value="38" />
-        <Setter Property="HeightRequest" Value="38" />
-        <Setter Property="CornerRadius" Value="4" />
-        <Setter Property="Padding" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for swipe template content border control  -->
-    <Style x:Key="SwipeTemplateBorderStyle" TargetType="buttons:SfButton">
-        <Setter Property="HeightRequest" Value="32" />
-        <Setter Property="WidthRequest" Value="32" />
-        <Setter Property="BorderColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="CornerRadius" Value="16" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for swipe template content button control  -->
-    <Style x:Key="SwipeTemplateButtonStyle" TargetType="Label">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource PrimaryGradient}" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for entries  -->
-    <Style x:Key="ChatSearchEntryStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="ReturnType" Value="Done" />
-    </Style>
-
-    <!--  Common style for borders  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderColor" Value="Transparent" />
-        <Setter Property="CornerRadius" Value="25" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!--  Common style for profile border style  -->
-    <Style x:Key="ProfileBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="CornerRadius" Value="20" />
-    </Style>
-
-    <!--  Common style for message icon  -->
-    <Style x:Key="MessageIconStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="LineBreakMode" Value="NoWrap" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-    </Style>
-
-    <!--  Common style for message text  -->
-    <Style x:Key="MessageTextStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-800}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="LineBreakMode" Value="TailTruncation" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-    </Style>
-
-    <!--  Common style for show time  -->
-    <Style x:Key="TimeTextStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="LineBreakMode" Value="NoWrap" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}" />
-    </Style>
-
-    <!--  Common style for Notification icon label  -->
-    <Style x:Key="NotificationIconStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="HorizontalOptions" Value="End" />
-        <Setter Property="HorizontalTextAlignment" Value="End" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for chat message editor  -->
-    <Style x:Key="ChatMessageEditorStyle" TargetType="control:BorderlessEditor">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="Margin" Value="5,0" />
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
-    </Style>
-
-    <Style x:Key="ProfileLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-    </Style>
-
-    <Style x:Key="ProfileIconLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <Style x:Key="SeparatorStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
-    </Style>
-
-    <Style x:Key="GradientViewStyle" TargetType="gradient:SfGradientView">
-        <Setter Property="BackgroundBrush">
-            <Setter.Value>
-                <gradient:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                    <gradient:SfLinearGradientBrush.GradientStops>
-                        <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </gradient:SfLinearGradientBrush.GradientStops>
-                </gradient:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml b/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml
index aa3c0dfb..51a8d831 100644
--- a/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml
+++ b/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml
@@ -4,56 +4,49 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers">
 
     <ViewCell.View>
 
         <!--  Incoming image template  -->
-        <cards:SfCardView
-            helper:RTLHelper.CornerRadius="0, 5, 5, 5"
-            helper:RTLHelper.Margin="22, 12, 38, 0"
-            BackgroundColor="{DynamicResource Gray-White}"
+        <controls:CustomShadowFrame
+            Padding="0"
+            helper:RTLHelper.Margin="22, 12, 38, 4"
+            BackgroundColor="{DynamicResource GrayShadowColor}"
             BorderWidth="0"
-            HasShadow="False"
+            CornerRadius="4"
+            HasShadow="True"
             HorizontalOptions="Start">
 
-            <cards:SfCardView.Resources>
-                <ResourceDictionary>
-                    <ResourceDictionary.MergedDictionaries>
-                        <ResourceDictionary Source="../Styles.xaml" />
-                    </ResourceDictionary.MergedDictionaries>
-                </ResourceDictionary>
-            </cards:SfCardView.Resources>
-
-            <cards:SfCardView.Content>
+            <controls:CustomShadowFrame.Content>
                 <Grid Padding="2" VerticalOptions="FillAndExpand">
 
                     <border:SfBorder BorderWidth="0" CornerRadius="5">
                         <!--  Image  -->
                         <Image
+                            BackgroundColor="{DynamicResource Gray-200}"
                             HeightRequest="100"
                             HorizontalOptions="Start"
-							BackgroundColor="{DynamicResource Gray-200}" 
                             Source="{Binding ImagePath}"
                             VerticalOptions="Fill"
                             WidthRequest="100" />
                     </border:SfBorder>
-					
+
                     <!--  Time  -->
                     <Label
                         Margin="5,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="End"
                         Text="{Binding Time, StringFormat='{0:h:mm tt}'}"
-                        TextColor="{DynamicResource Gray-White}"
+                        TextColor="{DynamicResource Gray-700}"
                         VerticalOptions="End" />
 
                 </Grid>
-            </cards:SfCardView.Content>
+            </controls:CustomShadowFrame.Content>
 
-        </cards:SfCardView>
+        </controls:CustomShadowFrame>
 
     </ViewCell.View>
 </ViewCell>
diff --git a/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml.cs b/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml.cs
index 713ea8b9..f4e90706 100644
--- a/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Chat/Templates/IncomingImageTemplate.xaml.cs
@@ -12,7 +12,7 @@ public partial class IncomingImageTemplate
     {
         public IncomingImageTemplate()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml b/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml
index bb70ee76..53efa9bf 100644
--- a/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml
+++ b/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml
@@ -3,33 +3,25 @@
     x:Class="EssentialUIKit.Views.Chat.IncomingTextTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers">
 
     <ViewCell.View>
 
-        <cards:SfCardView
-            helper:RTLHelper.CornerRadius="0, 10, 10, 10"
-            helper:RTLHelper.Margin="22, 12, 38, 0"
-            BackgroundColor="{DynamicResource Gray-White}"
-            BorderWidth="0"
-            HasShadow="False"
+        <controls:CustomShadowFrame
+            Padding="0"
+            helper:RTLHelper.Margin="22, 12, 38, 4"
+            BackgroundColor="{DynamicResource GrayShadowColor}"
+            CornerRadius="4"
+            HasShadow="True"
             HorizontalOptions="Start">
 
-            <cards:SfCardView.Resources>
-                <ResourceDictionary>
-                    <ResourceDictionary.MergedDictionaries>
-                        <ResourceDictionary Source="../Styles.xaml" />
-                    </ResourceDictionary.MergedDictionaries>
-                </ResourceDictionary>
-            </cards:SfCardView.Resources>
-
-            <cards:SfCardView.Content>
+            <controls:CustomShadowFrame.Content>
                 <StackLayout Margin="8" VerticalOptions="FillAndExpand">
 
                     <!--  Message Text  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="Start"
                         LineHeight="1.25"
@@ -39,7 +31,7 @@
 
                     <!--  Time  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="End"
                         LineHeight="1.25"
@@ -48,9 +40,9 @@
                         VerticalOptions="Fill" />
 
                 </StackLayout>
-            </cards:SfCardView.Content>
+            </controls:CustomShadowFrame.Content>
 
-        </cards:SfCardView>
+        </controls:CustomShadowFrame>
 
     </ViewCell.View>
 </ViewCell>
diff --git a/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml.cs b/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml.cs
index 62349171..2c3ed4c4 100644
--- a/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Chat/Templates/IncomingTextTemplate.xaml.cs
@@ -15,7 +15,7 @@ public partial class IncomingTextTemplate
         /// </summary>
         public IncomingTextTemplate()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml b/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml
index df368e99..e80794d4 100644
--- a/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml
+++ b/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml
@@ -4,29 +4,22 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers">
 
     <ViewCell.View>
 
         <!--  Outgoing image template  -->
-        <cards:SfCardView
-            helper:RTLHelper.CornerRadius="5, 0, 5, 5"
-            helper:RTLHelper.Margin="38, 12, 22, 0"
+        <controls:CustomShadowFrame
+            Padding="0"
+            helper:RTLHelper.Margin="38, 12, 22, 4"
             BackgroundColor="{DynamicResource PrimaryLight}"
             BorderWidth="0"
-            HasShadow="False"
+            CornerRadius="4"
+            HasShadow="True"
             HorizontalOptions="End">
 
-            <cards:SfCardView.Resources>
-                <ResourceDictionary>
-                    <ResourceDictionary.MergedDictionaries>
-                        <ResourceDictionary Source="../Styles.xaml" />
-                    </ResourceDictionary.MergedDictionaries>
-                </ResourceDictionary>
-            </cards:SfCardView.Resources>
-
-            <cards:SfCardView.Content>
+            <controls:CustomShadowFrame.Content>
 
 
                 <Grid Padding="2" VerticalOptions="FillAndExpand">
@@ -35,9 +28,9 @@
                         <!--  Image  -->
                         <Image
                             Aspect="Fill"
+                            BackgroundColor="{DynamicResource Gray-200}"
                             HeightRequest="150"
                             HorizontalOptions="Start"
-							BackgroundColor="{DynamicResource Gray-200}"
                             Source="{Binding ImagePath}"
                             VerticalOptions="Start"
                             WidthRequest="200" />
@@ -46,6 +39,7 @@
                     <!--  Time  -->
                     <Label
                         Margin="5,0"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="End"
                         Text="{Binding Time, StringFormat='{0:h:mm tt}'}"
@@ -54,8 +48,8 @@
 
                 </Grid>
 
-            </cards:SfCardView.Content>
+            </controls:CustomShadowFrame.Content>
 
-        </cards:SfCardView>
+        </controls:CustomShadowFrame>
     </ViewCell.View>
 </ViewCell>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml.cs b/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml.cs
index 02f83834..55c040a0 100644
--- a/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Chat/Templates/OutgoingImageTemplate.xaml.cs
@@ -12,7 +12,7 @@ public partial class OutgoingImageTemplate
     {
         public OutgoingImageTemplate()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml b/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml
index 783f5dc6..da33fa6f 100644
--- a/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml
+++ b/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml
@@ -3,54 +3,47 @@
     x:Class="EssentialUIKit.Views.Chat.OutgoingTextTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers">
 
     <ViewCell.View>
 
-        <cards:SfCardView
-            helper:RTLHelper.CornerRadius="10, 0, 10, 10"
-            helper:RTLHelper.Margin="38, 12, 22, 0"
+        <controls:CustomShadowFrame
+            Padding="0"
+            helper:RTLHelper.Margin="38, 12, 22, 4"
             BackgroundColor="{DynamicResource PrimaryLight}"
             BorderWidth="0"
-            HasShadow="False"
+            CornerRadius="4"
+            HasShadow="True"
             HorizontalOptions="End">
 
-            <cards:SfCardView.Resources>
-                <ResourceDictionary>
-                    <ResourceDictionary.MergedDictionaries>
-                        <ResourceDictionary Source="../Styles.xaml" />
-                    </ResourceDictionary.MergedDictionaries>
-                </ResourceDictionary>
-            </cards:SfCardView.Resources>
-
-            <cards:SfCardView.Content>
+            <controls:CustomShadowFrame.Content>
                 <StackLayout Margin="8" VerticalOptions="FillAndExpand">
 
                     <!--  Message Text  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="End"
                         LineHeight="1.25"
                         Text="{Binding Message}"
-                        TextColor="{DynamicResource Gray-900}"
+                        TextColor="{DynamicResource Gray-Black}"
                         VerticalOptions="Center" />
 
                     <!--  Time  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="End"
                         LineHeight="1.25"
                         Text="{Binding Time, StringFormat='{0:h:mm tt}'}"
-                        TextColor="{DynamicResource Gray-700}"
+                        TextColor="{DynamicResource Gray-Black}"
                         VerticalOptions="Center" />
 
                 </StackLayout>
-            </cards:SfCardView.Content>
+            </controls:CustomShadowFrame.Content>
 
-        </cards:SfCardView>
+        </controls:CustomShadowFrame>
 
     </ViewCell.View>
 
diff --git a/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml.cs b/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml.cs
index cac4fc7b..21629d60 100644
--- a/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Chat/Templates/OutgoingTextTemplate.xaml.cs
@@ -15,7 +15,7 @@ public partial class OutgoingTextTemplate
         /// </summary>
         public OutgoingTextTemplate()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml b/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml
index 82002730..c2d4cecc 100644
--- a/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml
+++ b/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml
@@ -3,26 +3,23 @@
     x:Class="EssentialUIKit.Views.ContactUs.ContactUsPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:customControls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
     xmlns:maps="clr-namespace:Syncfusion.SfMaps.XForms;assembly=Syncfusion.SfMaps.XForms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ContactUs"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-
             <converter:BooleanToColorConverter x:Key="BooleanToColorConverter" />
-            <converter:StringToBooleanConverter x:Key="StringToBooleanConverter" />
-
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -39,17 +36,18 @@
                 <!--  Map for locating the location  -->
                 <maps:SfMaps
                     x:Name="Map"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     HeightRequest="315"
                     HorizontalOptions="FillAndExpand"
                     VerticalOptions="FillAndExpand"
                     ZoomLevel="15">
 
                     <maps:SfMaps.Layers>
-                        <maps:ImageryLayer
-                            GeoCoordinates="{Binding GeoCoordinate}"
-                            Markers="{Binding CustomMarkers}"
-                            ResetOnDoubleTap="False">
+                        <maps:ImageryLayer GeoCoordinates="{Binding GeoCoordinate}" ResetOnDoubleTap="False">
+
+                            <maps:ImageryLayer.Markers>
+                                <maps:MapMarker Latitude="{Binding MapMarkerLatitude}" Longitude="{Binding MapMarkerLongitude}" />
+                            </maps:ImageryLayer.Markers>
 
                             <!--  Template for customizing the address popup  -->
                             <maps:ImageryLayer.MarkerTemplate>
@@ -59,8 +57,8 @@
                                         <Frame
                                             Margin="0"
                                             Padding="16,0,9,0"
-                                            BackgroundColor="{DynamicResource Gray-White}"
-                                            BorderColor="{DynamicResource Gray-White}"
+                                            BackgroundColor="{DynamicResource Gray-Bg}"
+                                            BorderColor="{DynamicResource Gray-Bg}"
                                             CornerRadius="5"
                                             HasShadow="True"
                                             HorizontalOptions="Center"
@@ -75,31 +73,36 @@
                                                 <!--  Pin location header  -->
                                                 <Label
                                                     Margin="0,16,0,4"
-                                                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                                                    FontSize="16"
-                                                    LineHeight="{OnPlatform Android=1.5,
-                                                                            Default=-1}"
-                                                    Text="{Binding Header}"
-                                                    TextColor="{DynamicResource Gray-900}" />
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding Path=BindingContext.MapMarkerHeader, Source={x:Reference Map}}" />
 
                                                 <!--  Pin location address  -->
                                                 <Label
-                                                    FontSize="12"
-                                                    Style="{StaticResource labelStyle}"
-                                                    Text="{Binding Address}" />
+                                                    Margin="0,0,0,6"
+                                                    FontFamily="Montserrat-Regular"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Path=BindingContext.MapMarkerAddress, Source={x:Reference Map}}"
+                                                    VerticalOptions="Start"
+                                                    VerticalTextAlignment="Start" />
 
                                                 <!--  Pin location email id  -->
                                                 <Label
-                                                    FontSize="12"
-                                                    Style="{StaticResource labelStyle}"
-                                                    Text="{Binding EmailId}" />
+                                                    Margin="0,0,0,6"
+                                                    FontFamily="Montserrat-Regular"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Path=BindingContext.MapMarkerEmailId, Source={x:Reference Map}}"
+                                                    VerticalOptions="Start"
+                                                    VerticalTextAlignment="Start" />
 
                                                 <!--  Pin location phone number  -->
                                                 <Label
-                                                    Margin="0,0,0,16"
-                                                    FontSize="12"
-                                                    Style="{StaticResource labelStyle}"
-                                                    Text="{Binding PhoneNumber}" />
+                                                    Margin="0,0,0,14"
+                                                    FontFamily="Montserrat-Regular"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Path=BindingContext.MapMarkerPhoneNumber, Source={x:Reference Map}}"
+                                                    VerticalOptions="Start"
+                                                    VerticalTextAlignment="Start" />
                                             </StackLayout>
                                         </Frame>
 
@@ -108,8 +111,8 @@
                                             Margin="10,5,0,0"
                                             HeightRequest="25"
                                             HorizontalOptions="StartAndExpand"
-                                            WidthRequest="25" 
-                                            Source="{Binding PinImage}" />
+                                            Source="{Binding Path=BindingContext.MapMarkerImage, Source={x:Reference Map}}"
+                                            WidthRequest="25" />
                                     </StackLayout>
                                 </DataTemplate>
                             </maps:ImageryLayer.MarkerTemplate>
@@ -121,8 +124,8 @@
                 <Frame
                     x:Name="MainFrame"
                     Padding="0"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    BorderColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    BorderColor="{DynamicResource Gray-Bg}"
                     HorizontalOptions="FillAndExpand">
 
                     <StackLayout
@@ -137,67 +140,72 @@
                                                                          TabletPortrait='0,32,0,16',
                                                                          TabletLandscape='0,32,0,16',
                                                                          Desktop='0,48,0,16'}"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
                             FontSize="20"
                             HorizontalOptions="FillAndExpand"
-                            HorizontalTextAlignment="Center"
                             LineHeight="{OnPlatform Android=1.25,
                                                     Default=-1}"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="Get in Touch"
-                            TextColor="{DynamicResource Gray-900}"
                             VerticalTextAlignment="Center" />
 
-                        <border:SfBorder Style="{StaticResource SfBorderStyle}">
-                            <!--  Entry to get name from user  -->
-                            <customControls:BorderlessEntry
+                        <StackLayout>
+                            <border:SfBorder
+                                Padding="12,0"
+                                BorderColor="{Binding Source={x:Reference name}, Path=IsFocused, Converter={StaticResource BooleanToColorConverter}, ConverterParameter=3}"
+                                CornerRadius="3"
                                 HeightRequest="40"
-                                Placeholder="Name"
-                                Style="{StaticResource BorderlessEntryStyle}"
-                                VerticalOptions="Center" />
-                        </border:SfBorder>
+                                HorizontalOptions="FillAndExpand">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <!--  Entry to get name from user  -->
+                                    <customControls:BorderlessEntry
+                                        x:Name="name"
+                                        HeightRequest="40"
+                                        Placeholder="Name"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Name.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Name.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </customControls:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        Margin="0"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference NameValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="NameValidationLabel"
+                                Margin="15,-5,0,0"
+                                IsVisible="{Binding Name.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Name.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+
+                        </StackLayout>
+
+                        <local:ContactEmailEntry />
 
                         <border:SfBorder
-                            x:Name="EmailBorder"
-                            BorderColor="{Binding Path=IsVisible, Source={x:Reference WarningImage}, Converter={x:StaticResource BooleanToColorConverter}, ConverterParameter=2}"
-                            Style="{x:StaticResource SfBorderStyle}">
-                            <StackLayout Orientation="Horizontal" Spacing="0">
-
-                                <!--  Entry to get email id from user  -->
-                                <customControls:BorderlessEntry
-                                    x:Name="EmailEntry"
-                                    HeightRequest="40"
-                                    HorizontalOptions="FillAndExpand"
-                                    Placeholder="Email"
-                                    Style="{StaticResource BorderlessEntryStyle}"
-                                    VerticalOptions="CenterAndExpand" />
-
-                                <Label
-                                    x:Name="WarningImage"
-                                    Margin="0,0,5,0"
-                                    FontFamily="{StaticResource FontIcons}"
-                                    FontSize="{OnIdiom Desktop=14,
-                                                       Tablet=14,
-                                                       Phone=12}"
-                                    HorizontalOptions="End"
-                                    IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
-                                    Text="&#xe707;"
-                                    TextColor="{DynamicResource Red}"
-                                    VerticalOptions="CenterAndExpand" />
-                            </StackLayout>
-                        </border:SfBorder>
-
-                        <Label
-                            x:Name="ValidationLabel"
-                            Margin="0,-10,0,0"
-                            FontSize="12"
-                            HorizontalOptions="FillAndExpand"
-                            IsVisible="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={StaticResource StringToBooleanConverter}, ConverterParameter={x:Reference EmailEntry}}"
-                            Text="Please enter the valid e-mail"
-                            TextColor="{DynamicResource Red}" />
-
-                        <border:SfBorder HeightRequest="120" Style="{StaticResource SfBorderStyle}">
+                            Padding="8,0,0,0"
+                            BorderColor="{Binding Source={x:Reference message}, Path=IsFocused, Converter={StaticResource BooleanToColorConverter}, ConverterParameter=3}"
+                            CornerRadius="3"
+                            HeightRequest="120"
+                            HorizontalOptions="FillAndExpand">
                             <!--  Editor to get message from user  -->
                             <customControls:BorderlessEditor
+                                x:Name="message"
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                FontFamily="Montserrat-Regular"
+                                FontSize="16"
                                 HeightRequest="120"
                                 Placeholder="Message"
                                 PlaceholderColor="{DynamicResource Gray-700}"
@@ -216,8 +224,9 @@
                         <!--  Send Button  -->
                         <buttons:SfButton
                             Command="{Binding SendCommand}"
-                            Style="{StaticResource SfGradientButtonStyle}"
-                            Text="SEND" />
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="SEND"
+                            WidthRequest="150" />
 
                     </StackLayout>
                 </Frame>
diff --git a/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml.cs b/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml.cs
index 3bfb0f90..63452ba9 100644
--- a/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml.cs
+++ b/EssentialUIKit/Views/ContactUs/ContactUsPage.xaml.cs
@@ -18,7 +18,7 @@ public partial class ContactUsPage
         /// </summary>
         public ContactUsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
 
         /// <summary>
@@ -34,16 +34,16 @@ protected override void OnSizeAllocated(double width, double height)
                 if (Device.Idiom == TargetIdiom.Desktop || Device.Idiom == TargetIdiom.Tablet)
                 {
                     this.frameWidth = width / 2;
-                    MainStack.Orientation = StackOrientation.Horizontal;
-                    MainFrame.VerticalOptions = LayoutOptions.FillAndExpand;
-                    MainFrame.Margin = new Thickness(0);
-                    MainFrame.CornerRadius = 0;
-                    MainFrame.HasShadow = false;
-                    MainFrameStack.VerticalOptions = LayoutOptions.StartAndExpand;
+                    this.MainStack.Orientation = StackOrientation.Horizontal;
+                    this.MainFrame.VerticalOptions = LayoutOptions.FillAndExpand;
+                    this.MainFrame.Margin = new Thickness(0);
+                    this.MainFrame.CornerRadius = 0;
+                    this.MainFrame.HasShadow = false;
+                    this.MainFrameStack.VerticalOptions = LayoutOptions.StartAndExpand;
                     if (this.frameWidth > 0)
                     {
-                        MainFrame.WidthRequest = this.frameWidth;
-                        Map.WidthRequest = this.frameWidth;
+                        this.MainFrame.WidthRequest = this.frameWidth;
+                        this.Map.WidthRequest = this.frameWidth;
                     }
                 }
                 else
@@ -66,25 +66,25 @@ private void DefaultStyle(double height)
         {
             if (Device.Idiom == TargetIdiom.Tablet)
             {
-                MainFrame.HeightRequest = height / 2;
-                Map.HeightRequest = height / 2;
-                MainStack.Orientation = StackOrientation.Vertical;
-                MainFrame.VerticalOptions = LayoutOptions.End;
-                MainFrame.Margin = new Thickness(0);
-                MainFrame.CornerRadius = 0;
-                MainFrame.HasShadow = false;
-                MainFrameStack.VerticalOptions = LayoutOptions.StartAndExpand;
-                MainFrameStack.Margin = new Thickness(20, 0, 20, 0);
+                this.MainFrame.HeightRequest = height / 2;
+                this.Map.HeightRequest = height / 2;
+                this.MainStack.Orientation = StackOrientation.Vertical;
+                this.MainFrame.VerticalOptions = LayoutOptions.End;
+                this.MainFrame.Margin = new Thickness(0);
+                this.MainFrame.CornerRadius = 0;
+                this.MainFrame.HasShadow = false;
+                this.MainFrameStack.VerticalOptions = LayoutOptions.StartAndExpand;
+                this.MainFrameStack.Margin = new Thickness(20, 0, 20, 0);
             }
             else
             {
-                MainStack.Orientation = StackOrientation.Vertical;
-                MainFrame.VerticalOptions = LayoutOptions.End;
-                MainFrame.Margin = new Thickness(15, -50, 15, 15);
-                MainFrameStack.VerticalOptions = LayoutOptions.EndAndExpand;
-                MainFrame.CornerRadius = 5;
-                MainFrame.HasShadow = true;
-                MainFrameStack.Margin = new Thickness(0);
+                this.MainStack.Orientation = StackOrientation.Vertical;
+                this.MainFrame.VerticalOptions = LayoutOptions.End;
+                this.MainFrame.Margin = new Thickness(15, -50, 15, 15);
+                this.MainFrameStack.VerticalOptions = LayoutOptions.EndAndExpand;
+                this.MainFrame.CornerRadius = 5;
+                this.MainFrame.HasShadow = true;
+                this.MainFrameStack.Margin = new Thickness(0);
             }
         }
     }
diff --git a/EssentialUIKit/Views/ContactUs/Styles.xaml b/EssentialUIKit/Views/ContactUs/Styles.xaml
deleted file mode 100644
index 3acd3ef1..00000000
--- a/EssentialUIKit/Views/ContactUs/Styles.xaml
+++ /dev/null
@@ -1,85 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.ContactUs.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
-
-    <!--  Common style for borders  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="CornerRadius" Value="3" />
-        <Setter Property="Padding" Value="8,0,0,0" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        
-    </Style>
-
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfGradientButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="CornerRadius" Value="24" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="WidthRequest" Value="150" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-      
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal">
-                        <VisualState.Setters>
-                            <Setter Property="BackgroundGradient">
-                                <Setter.Value>
-                                    <gradient:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                                        <gradient:SfLinearGradientBrush.GradientStops>
-                                            <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                                            <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                                        </gradient:SfLinearGradientBrush.GradientStops>
-                                    </gradient:SfLinearGradientBrush>
-                                </Setter.Value>
-                            </Setter>
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="Pressed">
-                        <VisualState.Setters>
-                            <Setter Property="BackgroundGradient">
-                                <Setter.Value>
-                                    <gradient:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                                        <gradient:SfLinearGradientBrush.GradientStops>
-                                            <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                                            <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                                        </gradient:SfLinearGradientBrush.GradientStops>
-                                    </gradient:SfLinearGradientBrush>
-                                </Setter.Value>
-                            </Setter>
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <!--  Common borderless entry style  -->
-    <Style x:Key="BorderlessEntryStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-    </Style>
-
-    <!--  Common label style  -->
-    <Style x:Key="labelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-Regular}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25,Default=-1}"/>
-        <Setter Property="Margin" Value="0,0,0,6"/>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ContactUs/Styles.xaml.cs b/EssentialUIKit/Views/ContactUs/Styles.xaml.cs
deleted file mode 100644
index 65bae58d..00000000
--- a/EssentialUIKit/Views/ContactUs/Styles.xaml.cs
+++ /dev/null
@@ -1,16 +0,0 @@
-using Xamarin.Forms.Internals;
-
-namespace EssentialUIKit.Views.ContactUs
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    public partial class Styles
-    {
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml b/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml
new file mode 100644
index 00000000..ff559d0b
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Dashboard.CompanyHistoryPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:Behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Dashboard.Selectors"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+
+                <!--  Title View  -->
+                <controls:TitleView Title="Company History">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference companyHistory}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Templates/CompanyHistoryTemplates.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+            <local:CompanyHistoryDataSelectors
+                x:Key="CompanyHistoryTemplate"
+                Content="{StaticResource contentTemplate}"
+                Header="{StaticResource headerTemplate}" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout
+                x:Name="companyHistory"
+                Margin="16,24"
+                Spacing="8">
+
+                <Label
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="16"
+                    LineBreakMode="TailTruncation"
+                    LineHeight="{OnPlatform Default=1.25,
+                                            iOS=-1}"
+                    Text="{Binding CompanyName}"
+                    TextColor="{DynamicResource Gray-800}" />
+
+                <Label
+                    FontFamily="Montserrat-Medium"
+                    FontSize="14"
+                    LineBreakMode="WordWrap"
+                    LineHeight="{OnPlatform Default=1.25,
+                                            iOS=-1}"
+                    Text="{Binding CompanyDescription}"
+                    TextColor="{DynamicResource Gray-700}" />
+
+                <Grid
+                    Margin="0,16,0,0"
+                    ColumnSpacing="0"
+                    RowSpacing="0">
+                    <BoxView
+                        Margin="23,0,0,0"
+                        BackgroundColor="{DynamicResource Gray-300}"
+                        HeightRequest="{Binding Source={x:Reference list}, Path=Height}"
+                        HorizontalOptions="Start"
+                        VerticalOptions="Start"
+                        WidthRequest="1" />
+
+                    <listView:SfListView
+                        x:Name="list"
+                        AllowSwiping="True"
+                        AutoFitMode="Height"
+                        IsScrollBarVisible="False"
+                        ItemSpacing="0,0,0,20"
+                        ItemTemplate="{StaticResource CompanyHistoryTemplate}"
+                        ItemsSource="{Binding CompanyHistory}"
+                        SelectionMode="None"
+                        VerticalOptions="Start">
+
+                        <listView:SfListView.Behaviors>
+                            <Behavior:SfListViewExtendHeightBehavior />
+                        </listView:SfListView.Behaviors>
+                    </listView:SfListView>
+                </Grid>
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml.cs b/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml.cs
new file mode 100644
index 00000000..08bfed8a
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/CompanyHistoryPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Dashboard
+{
+    /// <summary>
+    /// Page to show Company History.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class CompanyHistoryPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="CompanyHistoryPage" /> class.
+        /// </summary>
+        public CompanyHistoryPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = CompanyHistoryDataService.Instance.CompanyHistoryViewModel;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml b/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml
new file mode 100644
index 00000000..516543ee
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml
@@ -0,0 +1,278 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Dashboard.DailyCaloriesReportPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors;assembly=EssentialUIKit"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:gauge="clr-namespace:Syncfusion.SfGauge.XForms;assembly=Syncfusion.SfGauge.XForms"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Dashboard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.BindingContext>
+        <viewModel:DailyCaloriesReportViewModel x:Name="CalorieViewModel" />
+    </ContentPage.BindingContext>
+
+    <ContentPage.Content>
+        <Grid>
+            <gradient:SfGradientView>
+                <gradient:SfGradientView.BackgroundBrush>
+                    <gradient:SfLinearGradientBrush>
+                        <gradient:SfLinearGradientBrush.GradientStops>
+                            <gradient:SfGradientStop Offset="0" Color="{DynamicResource VioletGradientStart}" />
+                            <gradient:SfGradientStop Offset="1" Color="{DynamicResource VioletGradientEnd}" />
+                        </gradient:SfLinearGradientBrush.GradientStops>
+                    </gradient:SfLinearGradientBrush>
+                </gradient:SfGradientView.BackgroundBrush>
+            </gradient:SfGradientView>
+
+            <ScrollView>
+
+                <Grid
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto, Auto, *"
+                    RowSpacing="0">
+
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="{OnIdiom Desktop=1*, Tablet=1*, Phone=16}" />
+                        <ColumnDefinition Width="{OnIdiom Desktop=3*, Tablet=4*, Phone=*}" />
+                        <ColumnDefinition Width="{OnIdiom Desktop=1*, Tablet=1*, Phone=16}" />
+                    </Grid.ColumnDefinitions>
+
+                    <Label
+                        Grid.Column="1"
+                        Margin="0,10"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="16"
+                        HorizontalOptions="Center"
+                        Text="Health"
+                        TextColor="{StaticResource Gray-White}" />
+
+                    <gauge:SfCircularGauge
+                        Grid.Row="1"
+                        Grid.Column="1"
+                        Margin="0,40"
+                        BackgroundColor="Transparent"
+                        HeightRequest="190"
+                        HorizontalOptions="Center"
+                        WidthRequest="190">
+
+                        <gauge:SfCircularGauge.Headers>
+                            <gauge:Header
+                                ForegroundColor="{DynamicResource Gray-White}"
+                                Position="0.5,0.4"
+                                Text="1200"
+                                TextSize="24" />
+                            <gauge:Header
+                                ForegroundColor="{DynamicResource Gray-White}"
+                                Position="0.5, 0.55"
+                                Text="Calories consumed"
+                                TextSize="12" />
+                        </gauge:SfCircularGauge.Headers>
+
+                        <gauge:SfCircularGauge.Scales>
+                            <gauge:Scale
+                                x:Name="GaugeScale"
+                                EndValue="{Binding ScaleEndValue}"
+                                Pointers="{Binding Pointers}"
+                                ShowLabels="False"
+                                ShowRim="False"
+                                ShowTicks="False"
+                                StartAngle="0"
+                                SweepAngle="360" />
+                        </gauge:SfCircularGauge.Scales>
+
+                    </gauge:SfCircularGauge>
+
+                    <listView:SfListView
+                        x:Name="Sessions"
+                        Grid.Row="2"
+                        Grid.Column="1"
+                        Margin="0,0,0,24"
+                        AutoFitMode="None"
+                        HeightRequest="164"
+                        HorizontalOptions="CenterAndExpand"
+                        IsScrollBarVisible="False"
+                        ItemSize="80"
+                        ItemSpacing="4"
+                        ItemsSource="{Binding CardItems}"
+                        SelectionMode="None">
+
+                        <listView:SfListView.ItemTemplate>
+                            <DataTemplate>
+                                <Grid BackgroundColor="#3d3c6b" WidthRequest="80">
+
+                                    <buttons:SfButton
+                                        Command="{Binding Path=BindingContext.SessionCommand, Source={x:Reference Sessions}}"
+                                        CommandParameter="{Binding .}"
+                                        CornerRadius="4"
+                                        Text="{Binding Session}">
+
+                                        <buttons:SfButton.Triggers>
+                                            <DataTrigger
+                                                Binding="{Binding IsSelected}"
+                                                TargetType="buttons:SfButton"
+                                                Value="false">
+                                                <Setter Property="BackgroundColor" Value="Transparent" />
+                                            </DataTrigger>
+
+                                            <DataTrigger
+                                                Binding="{Binding IsSelected}"
+                                                TargetType="buttons:SfButton"
+                                                Value="true">
+                                                <Setter Property="BackgroundGradient">
+                                                    <Setter.Value>
+                                                        <gradient:SfLinearGradientBrush>
+                                                            <gradient:SfLinearGradientBrush.GradientStops>
+                                                                <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
+                                                                <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
+                                                            </gradient:SfLinearGradientBrush.GradientStops>
+                                                        </gradient:SfLinearGradientBrush>
+                                                    </Setter.Value>
+                                                </Setter>
+                                            </DataTrigger>
+                                        </buttons:SfButton.Triggers>
+
+                                        <buttons:SfButton.Content>
+                                            <StackLayout Padding="0,12" Spacing="8">
+
+                                                <Label
+                                                    FontFamily="FontIcons"
+                                                    FontSize="32"
+                                                    HorizontalOptions="Center"
+                                                    Text="{Binding Icon}"
+                                                    TextColor="White"
+                                                    VerticalTextAlignment="Center" />
+
+                                                <Label
+                                                    FontFamily="Montserrat-SemiBold"
+                                                    FontSize="12"
+                                                    HorizontalOptions="Center"
+                                                    LineHeight="{OnPlatform Android=1.25,
+                                                                            Default=-1}"
+                                                    Text="{Binding Session}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+
+                                            </StackLayout>
+                                        </buttons:SfButton.Content>
+                                    </buttons:SfButton>
+                                </Grid>
+                            </DataTemplate>
+                        </listView:SfListView.ItemTemplate>
+
+                        <listView:SfListView.LayoutManager>
+                            <listView:GridLayout SpanCount="4" />
+                        </listView:SfListView.LayoutManager>
+
+                    </listView:SfListView>
+
+                    <StackLayout
+                        Grid.Row="3"
+                        Grid.Column="0"
+                        Grid.ColumnSpan="3"
+                        BackgroundColor="{DynamicResource GrayShadowColor}"
+                        HeightRequest="{OnPlatform Android='200',
+                                                   UWP='300'}"
+                        Spacing="0"
+                        VerticalOptions="FillAndExpand">
+                        <Grid>
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="{OnIdiom Phone=16, Default=1*}" />
+                                <ColumnDefinition Width="{OnIdiom Phone=*, Default=4*}" />
+                                <ColumnDefinition Width="{OnIdiom Phone=16, Default=1*}" />
+                            </Grid.ColumnDefinitions>
+
+                            <control:CustomShadowFrame
+                                Grid.Column="1"
+                                Margin="0,-60,0,16"
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="0"
+                                CornerRadius="4"
+                                HasShadow="True"
+                                HeightRequest="240"
+                                Radius="4">
+
+                                <control:CustomShadowFrame.Content>
+                                    <border:SfBorder BorderWidth="0" CornerRadius="4">
+                                        <listView:SfListView
+                                            x:Name="SfListView"
+                                            Margin="0"
+                                            AutoFitMode="None"
+                                            HeightRequest="24"
+                                            HorizontalOptions="Center"
+                                            IsScrollBarVisible="False"
+                                            ItemSize="120"
+                                            ItemSpacing="0"
+                                            ItemsSource="{Binding SelectedCalorieItems}"
+                                            SelectionMode="None"
+                                            VerticalOptions="FillAndExpand">
+
+                                            <listView:SfListView.ItemTemplate>
+                                                <DataTemplate>
+                                                    <border:SfBorder BorderColor="{DynamicResource Gray-200}" BorderWidth="0.5">
+
+                                                        <StackLayout
+                                                            HorizontalOptions="Center"
+                                                            Spacing="8"
+                                                            VerticalOptions="Center">
+
+                                                            <Label
+                                                                Margin="0"
+                                                                Style="{StaticResource TitleLabelStyle}"
+                                                                Text="{Binding Quantity}" />
+
+                                                            <Label
+                                                                FontSize="12"
+                                                                Style="{StaticResource TitleLabelStyle}"
+                                                                Text="{Binding Nutrient}"
+                                                                TextColor="{DynamicResource Gray-700}" />
+
+                                                            <BoxView
+                                                                BackgroundColor="{Binding Indicator}"
+                                                                HeightRequest="4"
+                                                                WidthRequest="48" />
+
+                                                        </StackLayout>
+
+                                                    </border:SfBorder>
+                                                </DataTemplate>
+                                            </listView:SfListView.ItemTemplate>
+
+                                            <listView:SfListView.Behaviors>
+                                                <behaviors:SfListViewExtendHeightBehavior />
+                                            </listView:SfListView.Behaviors>
+
+                                            <listView:SfListView.LayoutManager>
+                                                <listView:GridLayout SpanCount="3" />
+                                            </listView:SfListView.LayoutManager>
+
+                                        </listView:SfListView>
+                                    </border:SfBorder>
+                                </control:CustomShadowFrame.Content>
+
+                            </control:CustomShadowFrame>
+
+                            <border:SfBorder
+                                Grid.Column="1"
+                                Margin="0,-60,0,16"
+                                Padding="0"
+                                BackgroundColor="Transparent"
+                                BorderColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="1"
+                                CornerRadius="4"
+                                HasShadow="False"
+                                WidthRequest="240" />
+
+                        </Grid>
+                    </StackLayout>
+                </Grid>
+            </ScrollView>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
diff --git a/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml.cs b/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml.cs
new file mode 100644
index 00000000..ac13077e
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/DailyCaloriesReportPage.xaml.cs
@@ -0,0 +1,21 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Dashboard
+{
+    /// <summary>
+    /// Page to show the daily calories report.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class DailyCaloriesReportPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="DailyCaloriesReportPage" /> class.
+        /// </summary>
+        public DailyCaloriesReportPage()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml b/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml
new file mode 100644
index 00000000..2026f543
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml
@@ -0,0 +1,168 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Dashboard.DailyTimelinePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:Behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Content>
+        <ScrollView>
+            <Grid
+                ColumnSpacing="0"
+                RowDefinitions="Auto, *"
+                RowSpacing="0">
+
+                <!--  Title View  -->
+                <controls:TitleView Title="Daily Timeline" Grid.Row="0">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference dailyTimeline}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+
+                </controls:TitleView>
+
+                <StackLayout
+                    x:Name="dailyTimeline"
+                    Grid.Row="1"
+                    Margin="16"
+                    Spacing="0">
+                    <Label
+                        FontFamily="Montserrat-Bold"
+                        FontSize="20"
+                        HorizontalOptions="Start"
+                        Text="Today"
+                        TextColor="{DynamicResource Gray-900}" />
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Text="27 Nov 2019"
+                        TextColor="{DynamicResource Gray-700}" />
+
+                    <Grid
+                        Margin="16,24,0,0"
+                        ColumnSpacing="0"
+                        RowSpacing="0">
+                        <BoxView
+                            Margin="80,0,0,0"
+                            BackgroundColor="{DynamicResource Gray-300}"
+                            HeightRequest="{Binding Source={x:Reference listView}, Path=Height}"
+                            HorizontalOptions="Start"
+                            VerticalOptions="Start"
+                            WidthRequest="1" />
+
+                        <listView:SfListView
+                            x:Name="listView"
+                            AllowSwiping="True"
+                            AutoFitMode="Height"
+                            IsScrollBarVisible="False"
+                            ItemSpacing="0,0,0,20"
+                            ItemsSource="{Binding DailyTimeline}"
+                            SelectionBackgroundColor="Transparent"
+                            SelectionMode="None"
+                            VerticalOptions="Start">
+
+                            <listView:SfListView.ItemTemplate>
+                                <DataTemplate>
+                                    <ViewCell>
+                                        <Grid
+                                            ColumnDefinitions="Auto, Auto, *"
+                                            ColumnSpacing="0"
+                                            RowSpacing="0">
+
+                                            <Label
+                                                Margin="0,10,0,0"
+                                                FontFamily="Montserrat-Medium"
+                                                FontSize="14"
+                                                HorizontalOptions="Start"
+                                                LineHeight="{OnPlatform Default=1.25,
+                                                                        iOS=-1}"
+                                                Text="{Binding Time}"
+                                                TextColor="{DynamicResource Gray-700}"
+                                                WidthRequest="52" />
+
+                                            <border:SfBorder
+                                                Grid.Column="1"
+                                                Margin="8,0,0,0"
+                                                BackgroundColor="{StaticResource PrimaryColor}"
+                                                BorderColor="Transparent"
+                                                CornerRadius="20"
+                                                HeightRequest="40"
+                                                HorizontalOptions="Center"
+                                                VerticalOptions="Start"
+                                                WidthRequest="40">
+
+                                                <border:SfBorder
+                                                    Margin="4"
+                                                    BackgroundColor="{StaticResource PrimaryColor}"
+                                                    BorderColor="Transparent"
+                                                    BorderWidth="1.5"
+                                                    CornerRadius="20"
+                                                    HeightRequest="32"
+                                                    HorizontalOptions="Center"
+                                                    VerticalOptions="Center"
+                                                    WidthRequest="32">
+                                                    <Label
+                                                        FontFamily="FontIcons"
+                                                        FontSize="18"
+                                                        HorizontalOptions="Center"
+                                                        Text="{Binding Icon}"
+                                                        TextColor="{DynamicResource Gray-White}"
+                                                        VerticalOptions="Center" />
+                                                </border:SfBorder>
+                                            </border:SfBorder>
+
+                                            <StackLayout
+                                                Grid.Column="2"
+                                                Margin="16,0"
+                                                HorizontalOptions="Start"
+                                                Spacing="2"
+                                                VerticalOptions="Start">
+
+                                                <Label
+                                                    FontFamily="Montserrat-SemiBold"
+                                                    FontSize="14"
+                                                    LineHeight="{OnPlatform Default=1.25,
+                                                                            iOS=-1}"
+                                                    Text="{Binding Name}"
+                                                    TextColor="{DynamicResource Gray-900}" />
+
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    LineBreakMode="WordWrap"
+                                                    LineHeight="{OnPlatform Default=1.25,
+                                                                            iOS=-1}"
+                                                    Text="{Binding Description}"
+                                                    TextColor="{DynamicResource Gray-700}" />
+                                            </StackLayout>
+                                        </Grid>
+                                    </ViewCell>
+                                </DataTemplate>
+                            </listView:SfListView.ItemTemplate>
+
+                            <listView:SfListView.Behaviors>
+                                <Behavior:SfListViewExtendHeightBehavior />
+                            </listView:SfListView.Behaviors>
+
+                        </listView:SfListView>
+                    </Grid>
+                </StackLayout>
+
+            </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml.cs b/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml.cs
new file mode 100644
index 00000000..534a6f7e
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/DailyTimeLinePage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Dashboard
+{
+    /// <summary>
+    /// Page to show Daily Timeline.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class DailyTimelinePage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="DailyTimelinePage" /> class.
+        /// </summary>
+        public DailyTimelinePage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = DailyTimelineDataService.Instance.DailyTimelineViewModel;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml b/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml
index 12d84e9a..4057b8cc 100644
--- a/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml
+++ b/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml
@@ -1,33 +1,25 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:local="clr-namespace:EssentialUIKit.Views.Dashboard"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls;assembly=EssentialUIKit"
-             xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Dashboard"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             x:Class="EssentialUIKit.Views.Dashboard.HealthCarePage"
-             xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
-             xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-             xmlns:behavior ="clr-namespace:EssentialUIKit.Behaviors;assembly=EssentialUIKit"
-             x:Name="healthCarePage"
-             NavigationPage.HasNavigationBar="False"
-             Style="{StaticResource ContentPageStyle}">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Dashboard.HealthCarePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors;assembly=EssentialUIKit"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls;assembly=EssentialUIKit"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Dashboard"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Dashboard"
+    x:Name="healthCarePage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.BindingContext>
         <viewModel:HealthCareViewModel />
     </ContentPage.BindingContext>
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout x:Name="rootLayout" Spacing="0">
@@ -35,16 +27,16 @@
                 <!--  Title View  -->
                 <controls:TitleView
                     Title="Health Care"
-                    FontFamily="{StaticResource Montserrat-Medium}"
+                    FontFamily="Montserrat-Medium"
                     FontSize="16">
                     <controls:TitleView.LeadingView>
 
                         <buttons:SfButton
-                            Command="{TemplateBinding BindingContext.menuCommand}"
-                            CornerRadius="4"
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference healthCarePage}}"
+                            FontSize="22"
                             HorizontalOptions="Start"
                             Style="{StaticResource IconButtonStyle}"
-                            Text="{StaticResource Menu}" />
+                            Text="{StaticResource BurgerMenu}" />
 
                     </controls:TitleView.LeadingView>
 
@@ -52,7 +44,7 @@
 
                         <border:SfBorder
                             BackgroundColor="{DynamicResource Gray-200}"
-                            BorderColor="{DynamicResource Gray-White}"
+                            BorderColor="{DynamicResource Gray-Bg}"
                             Style="{StaticResource ProfileBorderStyle}">
                             <Image HeightRequest="40" WidthRequest="40">
                                 <Image.Source>
@@ -61,6 +53,9 @@
                                         CachingEnabled="true"
                                         Uri="{Binding Path=BindingContext.ProfileImage, Source={x:Reference healthCarePage}}" />
                                 </Image.Source>
+                                <Image.GestureRecognizers>
+                                    <TapGestureRecognizer Command="{Binding ProfileSelectedCommand}" CommandParameter="{Binding}" />
+                                </Image.GestureRecognizers>
                             </Image>
                         </border:SfBorder>
 
@@ -69,63 +64,106 @@
 
                 <ContentPresenter />
 
+                <StackLayout.BindingContext>
+                    <viewModel:HealthCareViewModel />
+                </StackLayout.BindingContext>
+
             </StackLayout>
         </ControlTemplate>
     </ContentPage.ControlTemplate>
 
     <ContentPage.Content>
         <ScrollView>
-            <StackLayout Spacing="0" Margin="0" Padding="8">
-                <listView:SfListView SelectionMode="None" AutoFitMode="Height" ItemSpacing="8" ItemsSource="{Binding CardItems}">
+            <Grid
+                Padding="8"
+                RowDefinitions="Auto, Auto"
+                RowSpacing="0">
+
+                <listView:SfListView
+                    AutoFitMode="Height"
+                    ItemSpacing="8"
+                    ItemsSource="{Binding HealthCareCardItems}"
+                    SelectionMode="None">
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
 
-                            <cards:SfCardView CornerRadius="8">
-                                <cards:SfCardView.Content>
-                                    <Grid>
-
-                                        <gradient:SfGradientView>
-                                            <gradient:SfGradientView.BackgroundBrush>
-                                                <gradient:SfLinearGradientBrush>
-                                                    <gradient:SfLinearGradientBrush.GradientStops>
-                                                        <gradient:SfGradientStop Color="{Binding BackgroundGradientStart}" Offset="0.0"/>
-                                                        <gradient:SfGradientStop Color="{Binding BackgroundGradientEnd}" Offset="1.0"/>
-                                                    </gradient:SfLinearGradientBrush.GradientStops>
-                                                </gradient:SfLinearGradientBrush>
-                                            </gradient:SfGradientView.BackgroundBrush>
-                                        </gradient:SfGradientView>
-
-                                        <StackLayout Margin="15" Spacing="5">
-                                            <Label TextColor="{DynamicResource Gray-White}" LineHeight="{OnPlatform Android=1.25, Default=-1}" FontFamily="{StaticResource Montserrat-SemiBold}" FontSize="12" Text="{Binding Category}"></Label>
-                                            <Label TextColor="{DynamicResource Gray-White}" LineHeight="{OnPlatform Android=1.25, Default=-1}" FontFamily="{StaticResource Montserrat-SemiBold}" FontSize="24" Text="{Binding CategoryValue}"></Label>
-                                            <chart:SfChart BackgroundColor="Transparent"
-                                                Margin="0, 11, 0, 0"
-                                                HeightRequest="{OnIdiom Phone=44, Desktop=80, Tablet=80}"
-                                                HorizontalOptions="FillAndExpand"
-                                                VerticalOptions="FillAndExpand">
-                                        <chart:SfChart.PrimaryAxis>
-                                            <chart:DateTimeAxis ShowMajorGridLines="False" RangePadding="None" IsVisible="False"/>
-                                        </chart:SfChart.PrimaryAxis>
-
-                                        <chart:SfChart.SecondaryAxis>
-                                            <chart:NumericalAxis ShowMajorGridLines="False" IsVisible="False" />
-                                        </chart:SfChart.SecondaryAxis>
-
-                                        <chart:SfChart.Series>
-                                            <chart:SplineSeries
-                                                        ItemsSource="{Binding ChartData, Mode=TwoWay}"
-                                                        Color="{DynamicResource Gray-White}"
-                                                        StrokeWidth="2"
-                                                        XBindingPath="XValue"
-                                                        YBindingPath="YValue" />
-                                        </chart:SfChart.Series>
-
-                                    </chart:SfChart>
-                                        </StackLayout>
-                                    </Grid>
-                                </cards:SfCardView.Content>
-                            </cards:SfCardView>
+                            <controls:CustomShadowFrame
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="0"
+                                CornerRadius="4"
+                                HasShadow="True"
+                                Radius="4">
+
+                                <controls:CustomShadowFrame.Content>
+
+                                    <border:SfBorder
+                                        BorderColor="Transparent"
+                                        BorderWidth="0"
+                                        CornerRadius="4">
+                                        <Grid>
+                                            <gradient:SfGradientView>
+                                                <gradient:SfGradientView.BackgroundBrush>
+                                                    <gradient:SfLinearGradientBrush>
+                                                        <gradient:SfLinearGradientBrush.GradientStops>
+                                                            <gradient:SfGradientStop Offset="0.0" Color="{Binding BackgroundGradientStart}" />
+                                                            <gradient:SfGradientStop Offset="1.0" Color="{Binding BackgroundGradientEnd}" />
+                                                        </gradient:SfLinearGradientBrush.GradientStops>
+                                                    </gradient:SfLinearGradientBrush>
+                                                </gradient:SfGradientView.BackgroundBrush>
+                                            </gradient:SfGradientView>
+
+                                            <StackLayout Margin="15" Spacing="5">
+                                                <Label
+                                                    FontFamily="Montserrat-SemiBold"
+                                                    FontSize="12"
+                                                    LineHeight="{OnPlatform Android=1.25,
+                                                                            Default=-1}"
+                                                    Text="{Binding Category}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                                <Label
+                                                    FontFamily="Montserrat-SemiBold"
+                                                    FontSize="24"
+                                                    LineHeight="{OnPlatform Android=1.25,
+                                                                            Default=-1}"
+                                                    Text="{Binding CategoryValue}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                                <chart:SfChart
+                                                    Margin="0,11,0,0"
+                                                    BackgroundColor="Transparent"
+                                                    HeightRequest="{OnIdiom Phone=44,
+                                                                            Desktop=80,
+                                                                            Tablet=80}"
+                                                    HorizontalOptions="FillAndExpand"
+                                                    VerticalOptions="FillAndExpand">
+                                                    <chart:SfChart.PrimaryAxis>
+                                                        <chart:DateTimeAxis
+                                                            IsVisible="False"
+                                                            RangePadding="None"
+                                                            ShowMajorGridLines="False" />
+                                                    </chart:SfChart.PrimaryAxis>
+
+                                                    <chart:SfChart.SecondaryAxis>
+                                                        <chart:NumericalAxis IsVisible="False" ShowMajorGridLines="False" />
+                                                    </chart:SfChart.SecondaryAxis>
+
+                                                    <chart:SfChart.Series>
+                                                        <chart:SplineSeries
+                                                            ItemsSource="{Binding ChartData, Mode=TwoWay}"
+                                                            StrokeWidth="2"
+                                                            XBindingPath="DateTimeXValue"
+                                                            YBindingPath="YValue"
+                                                            Color="{DynamicResource Gray-White}" />
+                                                    </chart:SfChart.Series>
+
+                                                </chart:SfChart>
+                                            </StackLayout>
+                                        </Grid>
+                                    </border:SfBorder>
+
+                                </controls:CustomShadowFrame.Content>
+                            </controls:CustomShadowFrame>
 
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
@@ -136,30 +174,77 @@
                     </listView:SfListView.LayoutManager>
 
                     <listView:SfListView.Behaviors>
-                        <behavior:SfListViewExtendHeightBehavior ></behavior:SfListViewExtendHeightBehavior>
+                        <behavior:SfListViewExtendHeightBehavior />
                     </listView:SfListView.Behaviors>
 
                 </listView:SfListView>
 
-                <listView:SfListView SelectionMode="None" IsScrollingEnabled="False" ItemSpacing="8" ItemSize="80" ItemsSource="{Binding ListItems}">
+                <listView:SfListView
+                    Grid.Row="1"
+                    Margin="0,16,0,0"
+                    IsScrollingEnabled="False"
+                    ItemSize="80"
+                    ItemsSource="{Binding HealthCareListItems}"
+                    SelectionMode="None">
 
-                  <listView:SfListView.ItemTemplate>
+                    <listView:SfListView.ItemTemplate>
                         <DataTemplate>
-
-                            <cards:SfCardView CornerRadius="4" IndicatorColor="{Binding BackgroundGradientStart}" IndicatorPosition="Left" IndicatorThickness="8">
-                                <Grid RowSpacing="4" Padding="16">
-                                    <Label Text="{Binding Category}" Style="{StaticResource LabelStyle}"></Label>
-                                    <Label Grid.Column="1" Grid.RowSpan="2" FontSize="16" Style="{StaticResource LabelStyle}" HorizontalOptions="EndAndExpand" VerticalOptions="Center" Text="{Binding CategoryValue}"></Label>
-                                    <Label Grid.Row="1" Text="{Binding CategoryPercentage}" FontSize="12" TextColor="{DynamicResource Gray-700}" Style="{StaticResource LabelStyle}" FontFamily="{StaticResource Montserrat-Medium}"></Label>
-                                </Grid>
-
-                            </cards:SfCardView>
-
+                            <controls:CustomShadowFrame
+                                Margin="8"
+                                Padding="0"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderWidth="0"
+                                CornerRadius="4"
+                                HasShadow="True"
+                                Radius="4">
+
+                                <border:SfBorder
+                                    BorderColor="Transparent"
+                                    BorderWidth="0"
+                                    CornerRadius="4">
+                                    <StackLayout Orientation="Horizontal" Spacing="0">
+
+                                        <BoxView
+                                            BackgroundColor="{Binding BackgroundGradientStart}"
+                                            CornerRadius="4,0,4,0"
+                                            HorizontalOptions="Start"
+                                            WidthRequest="8" />
+
+                                        <Grid
+                                            Padding="8"
+                                            HorizontalOptions="FillAndExpand"
+                                            RowDefinitions="Auto, Auto"
+                                            RowSpacing="4"
+                                            VerticalOptions="Center">
+
+                                            <Label
+                                                FontSize="14"
+                                                HorizontalOptions="Start"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding Category}" />
+                                            <Label
+                                                Grid.RowSpan="2"
+                                                Grid.Column="1"
+                                                HorizontalOptions="EndAndExpand"
+                                                Style="{StaticResource TitleLabelStyle}"
+                                                Text="{Binding CategoryValue}"
+                                                VerticalOptions="Center" />
+                                            <Label
+                                                Grid.Row="1"
+                                                FontSize="12"
+                                                HorizontalOptions="Start"
+                                                Style="{StaticResource DescriptionLabelStyle}"
+                                                Text="{Binding CategoryPercentage}" />
+                                        </Grid>
+                                    </StackLayout>
+                                </border:SfBorder>
+
+                            </controls:CustomShadowFrame>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
 
                 </listView:SfListView>
-            </StackLayout>
+            </Grid>
         </ScrollView>
     </ContentPage.Content>
 
diff --git a/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml.cs b/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml.cs
index f292b5ce..d305b4ac 100644
--- a/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml.cs
+++ b/EssentialUIKit/Views/Dashboard/HealthCarePage.xaml.cs
@@ -16,7 +16,7 @@ public partial class HealthCarePage : ContentPage
         /// </summary>
         public HealthCarePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
diff --git a/EssentialUIKit/Views/Dashboard/MyWalletPage.xaml b/EssentialUIKit/Views/Dashboard/MyWalletPage.xaml
new file mode 100644
index 00000000..73189a55
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/MyWalletPage.xaml
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Dashboard.MyWalletPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Dashboard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToColorConverter x:Key="BooleanToColorConverter" />
+            <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <!--  Binding context for my wallet page  -->
+    <ContentPage.BindingContext>
+        <viewModel:WalletViewModel />
+    </ContentPage.BindingContext>
+
+    <ContentPage.Content>
+        <ScrollView>
+            <Grid
+                ColumnSpacing="0"
+                RowDefinitions="Auto, Auto, *"
+                RowSpacing="0">
+
+                <Grid
+                    ColumnSpacing="0"
+                    HeightRequest="409"
+                    RowDefinitions="Auto, Auto, Auto, *"
+                    RowSpacing="0">
+
+                    <gradient:SfGradientView Grid.RowSpan="4">
+                        <gradient:SfGradientView.BackgroundBrush>
+                            <gradient:SfLinearGradientBrush>
+                                <gradient:SfLinearGradientBrush.GradientStops>
+                                    <gradient:SfGradientStop Offset="0.0" Color="{DynamicResource Liliac}" />
+                                    <gradient:SfGradientStop Offset="1.0" Color="{DynamicResource Purpleish-Blue}" />
+                                </gradient:SfLinearGradientBrush.GradientStops>
+                            </gradient:SfLinearGradientBrush>
+                        </gradient:SfGradientView.BackgroundBrush>
+                    </gradient:SfGradientView>
+
+                    <!--  Back button  -->
+                    <buttons:SfButton
+                        Margin="4,24,0,12"
+                        Command="{Binding BackButtonCommand}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        TextColor="{DynamicResource Gray-White}"
+                        VerticalOptions="Start"
+                        VerticalTextAlignment="Start" />
+
+                    <!--  Title  -->
+                    <Label
+                        Margin="0,28,0,12"
+                        FontFamily="Montserrat-Medium"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Wallet"
+                        TextColor="{DynamicResource Gray-White}" />
+
+                    <!--  Total balance  -->
+                    <Label
+                        Grid.Row="1"
+                        Margin="16,16,16,4"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        LineHeight="{OnPlatform Android=1.5,
+                                                Default=-1}"
+                        Text="Total Balance"
+                        TextColor="{DynamicResource Gray-White}" />
+
+                    <Label
+                        Grid.Row="2"
+                        Margin="16,0,16,32"
+                        FontFamily="Montserrat-Bold"
+                        FontSize="24"
+                        LineHeight="{OnPlatform Android=1.5,
+                                                Default=-1}"
+                        TextColor="{DynamicResource Gray-White}">
+                        <Label.FormattedText>
+                            <FormattedString>
+                                <Span Text="$" />
+                                <Span Text="{Binding TotalBalance}" />
+                            </FormattedString>
+                        </Label.FormattedText>
+                    </Label>
+
+                    <StackLayout
+                        Grid.Row="1"
+                        Grid.RowSpan="2"
+                        Margin="0,16,16,51"
+                        Padding="8,5"
+                        HeightRequest="32"
+                        HorizontalOptions="End"
+                        VerticalOptions="Start"
+                        WidthRequest="{OnPlatform Android=80,
+                                                  Default=94}">
+                        <combobox:SfComboBox
+                            x:Name="comboBox"
+                            DataSource="{Binding DataSource}"
+                            DisplayMemberPath="Duration"
+                            DropDownBackgroundColor="{DynamicResource Gray-Bg}"
+                            DropDownBorderColor="{DynamicResource Gray-Bg}"
+                            DropDownTextColor="{DynamicResource Gray-700}"
+                            DropDownWidth="{OnPlatform Android=70,
+                                                       Default=86}"
+                            FontFamily="Montserrat-Medium"
+                            HorizontalOptions="Start"
+                            IsEditableMode="False"
+                            MultiSelectMode="None"
+                            SelectedDropDownItemColor="Transparent"
+                            SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"
+                            SelectedItem="{Binding DataSource[0], Mode=OneTime}"
+                            ShowBorder="False"
+                            TextColor="{DynamicResource Gray-White}"
+                            TextSize="14"
+                            VerticalOptions="Start">
+                            <combobox:SfComboBox.DropDownButtonSettings>
+                                <combobox:DropDownButtonSettings>
+                                    <combobox:DropDownButtonSettings.View>
+                                        <Label
+                                            Padding="0,3,0,0"
+                                            FontFamily="FontIcons"
+                                            FontSize="20"
+                                            HorizontalTextAlignment="Start"
+                                            Text="{StaticResource DropDownButtonIcon}"
+                                            TextColor="{DynamicResource Gray-White}"
+                                            VerticalTextAlignment="Center" />
+                                    </combobox:DropDownButtonSettings.View>
+                                </combobox:DropDownButtonSettings>
+                            </combobox:SfComboBox.DropDownButtonSettings>
+                            <combobox:SfComboBox.CustomView>
+                                <Grid BackgroundColor="Transparent" VerticalOptions="End">
+                                    <Label
+                                        BindingContext="{Binding SelectedItem, Source={x:Reference comboBox}}"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="14"
+                                        HorizontalTextAlignment="End"
+                                        Text="{Binding Duration}"
+                                        TextColor="{DynamicResource Gray-White}"
+                                        VerticalOptions="Center"
+                                        VerticalTextAlignment="Center" />
+                                </Grid>
+                            </combobox:SfComboBox.CustomView>
+                        </combobox:SfComboBox>
+                    </StackLayout>
+
+                    <template:ExpenseChartTemplate Grid.Row="3" />
+
+                </Grid>
+
+                <Grid Grid.Row="1">
+
+                    <Label
+                        Margin="16,26,16,16"
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        LineHeight="{OnPlatform Android=1.5,
+                                                Default=-1}"
+                        Text="LATEST TRANSACTIONS"
+                        TextColor="{DynamicResource Gray-800}" />
+
+                    <buttons:SfButton
+                        Margin="11,26,11,16"
+                        Command="{Binding ViewAllCommand}"
+                        HeightRequest="18"
+                        HorizontalOptions="End"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        TextColor="{DynamicResource Gray-600}"
+                        WidthRequest="72">
+                        <Label
+                            FontFamily="Montserrat-SemiBold"
+                            FontSize="12"
+                            HorizontalTextAlignment="Center"
+                            LineHeight="{OnPlatform Android=1.5,
+                                                    Default=-1}"
+                            Text="VIEW ALL"
+                            TextColor="{DynamicResource HyperLink}"
+                            VerticalTextAlignment="Center" />
+                    </buttons:SfButton>
+
+                </Grid>
+
+                <listView:SfListView
+                    Grid.Row="2"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding ListItems}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    TapCommand="{Binding ItemTappedCommand}">
+                    <listView:SfListView.ItemTemplate>
+                        <DataTemplate>
+                            <StackLayout Spacing="0">
+                                <Grid
+                                    ColumnDefinitions="Auto, *"
+                                    ColumnSpacing="0"
+                                    RowDefinitions="Auto, Auto"
+                                    RowSpacing="0">
+
+                                    <!--  Profile Image  -->
+                                    <border:SfBorder
+                                        Grid.RowSpan="3"
+                                        Margin="16"
+                                        BorderColor="{DynamicResource Gray-100}"
+                                        BorderWidth="1"
+                                        CornerRadius="20"
+                                        VerticalOptions="Center">
+                                        <Image
+                                            Aspect="Fill"
+                                            HeightRequest="40"
+                                            WidthRequest="40">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="True"
+                                                    Uri="{Binding ProfileImage}" />
+                                            </Image.Source>
+                                        </Image>
+                                    </border:SfBorder>
+
+                                    <!--  Name  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        Margin="0,15,0,4"
+                                        FontSize="14"
+                                        HorizontalOptions="Start"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{Binding Name}" />
+
+                                    <!--  Transaction Title  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        Grid.Column="1"
+                                        Margin="0,0,0,16"
+                                        FontSize="12"
+                                        HorizontalOptions="Start"
+                                        Style="{StaticResource DescriptionLabelStyle}"
+                                        Text="{Binding Title}" />
+
+                                    <!--  Amount  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        Margin="0,16,16,4"
+                                        FontSize="14"
+                                        HorizontalOptions="End"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        TextColor="{Binding IsCredited, Converter={x:StaticResource BooleanToColorConverter}, ConverterParameter=5}">
+                                        <Label.FormattedText>
+                                            <FormattedString>
+                                                <Span Text="{Binding IsCredited, Converter={StaticResource BoolToStringConverter}, ConverterParameter=2}" />
+                                                <Span Text=" $" />
+                                                <Span Text="{Binding Amount}" />
+                                            </FormattedString>
+                                        </Label.FormattedText>
+                                    </Label>
+
+                                    <!--  Date  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        Grid.Column="1"
+                                        Margin="0,0,16,16"
+                                        FontSize="12"
+                                        HorizontalOptions="End"
+                                        Style="{StaticResource DescriptionLabelStyle}"
+                                        Text="{Binding Date, StringFormat='{}{0:dd MMM yyyy}'}" />
+
+                                </Grid>
+                                <!--  Seperator  -->
+                                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+                            </StackLayout>
+
+                        </DataTemplate>
+                    </listView:SfListView.ItemTemplate>
+                </listView:SfListView>
+
+            </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml.cs b/EssentialUIKit/Views/Dashboard/MyWalletPage.xaml.cs
similarity index 50%
rename from EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml.cs
rename to EssentialUIKit/Views/Dashboard/MyWalletPage.xaml.cs
index 58f5c123..60359d9a 100644
--- a/EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml.cs
+++ b/EssentialUIKit/Views/Dashboard/MyWalletPage.xaml.cs
@@ -2,21 +2,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Shopping
+namespace EssentialUIKit.Views.Dashboard
 {
     /// <summary>
-    /// Page to show the payment success.
+    /// My wallet page.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class PaymentSuccessPage 
+    public partial class MyWalletPage : ContentPage
     {
         /// <summary>
-        /// Initializes a new instance of the <see cref="PaymentSuccessPage" /> class.
+        /// Initializes a new instance of the <see cref="MyWalletPage"/> class.
         /// </summary>
-        public PaymentSuccessPage()
+        public MyWalletPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/Selectors/CompanyHistoryDataSelectors.cs b/EssentialUIKit/Views/Dashboard/Selectors/CompanyHistoryDataSelectors.cs
new file mode 100644
index 00000000..3ff96276
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/Selectors/CompanyHistoryDataSelectors.cs
@@ -0,0 +1,44 @@
+using EssentialUIKit.Models.Dashboard;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Dashboard.Selectors
+{
+    /// <summary>
+    /// Implements the company history data template selector class.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public class CompanyHistoryDataSelectors : DataTemplateSelector
+    {
+        #region Properties
+
+        /// <summary>
+        /// Gets or sets the Header text template.
+        /// </summary>
+        public DataTemplate Header { get; set; }
+
+        /// <summary>
+        /// Gets or sets the Content text template.
+        /// </summary>
+        public DataTemplate Content { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// Returns the Header or Content text template.
+        /// </summary>
+        /// <param name="item">The item</param>
+        /// <param name="container">The bindable object</param>
+        /// <returns>Returns the data template</returns>
+        protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
+        {
+            return ((Timeline)item)?.Description != null ? this.Content : this.Header;
+        }
+
+        #endregion
+    }
+}
diff --git a/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml b/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml
index 039e4b60..22a49249 100644
--- a/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml
+++ b/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml
@@ -6,31 +6,18 @@
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converters="clr-namespace:EssentialUIKit.Converters"
     xmlns:expander="clr-namespace:Syncfusion.XForms.Expander;assembly=Syncfusion.Expander.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Dashboard"
     x:Name="stockOverviewPage"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.BindingContext>
         <viewModel:StockOverviewViewModel />
     </ContentPage.BindingContext>
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
-            <converters:IntToDateFormatConverter x:Key="labelFormatConverter" />
-
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout x:Name="rootLayout" Spacing="0">
@@ -38,16 +25,16 @@
                 <!--  Title View  -->
                 <controls:TitleView
                     Title="Stock"
-                    FontFamily="{StaticResource Montserrat-Medium}"
+                    FontFamily="Montserrat-Medium"
                     FontSize="16">
                     <controls:TitleView.LeadingView>
 
                         <buttons:SfButton
-                            Command="{TemplateBinding BindingContext.menuCommand}"
-                            CornerRadius="4"
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference stockOverviewPage}}"
+                            FontSize="22"
                             HorizontalOptions="Start"
                             Style="{StaticResource IconButtonStyle}"
-                            Text="{StaticResource Menu}" />
+                            Text="{StaticResource BurgerMenu}" />
 
                     </controls:TitleView.LeadingView>
 
@@ -55,7 +42,7 @@
 
                         <border:SfBorder
                             BackgroundColor="{DynamicResource Gray-200}"
-                            BorderColor="{DynamicResource Gray-White}"
+                            BorderColor="{DynamicResource Gray-Bg}"
                             Style="{StaticResource ProfileBorderStyle}">
                             <Image HeightRequest="40" WidthRequest="40">
                                 <Image.Source>
@@ -64,6 +51,9 @@
                                         CachingEnabled="true"
                                         Uri="{Binding Path=BindingContext.ProfileImage, Source={x:Reference stockOverviewPage}}" />
                                 </Image.Source>
+                                <Image.GestureRecognizers>
+                                    <TapGestureRecognizer Command="{Binding ProfileSelectedCommand}" CommandParameter="{Binding}" />
+                                </Image.GestureRecognizers>
                             </Image>
                         </border:SfBorder>
 
@@ -72,6 +62,10 @@
 
                 <ContentPresenter />
 
+                <StackLayout.BindingContext>
+                    <viewModel:StockOverviewViewModel />
+                </StackLayout.BindingContext>
+
             </StackLayout>
         </ControlTemplate>
     </ContentPage.ControlTemplate>
@@ -86,7 +80,7 @@
                 VerticalOptions="FillAndExpand">
 
                 <Label
-                    FontFamily="{StaticResource Montserrat-Bold}"
+                    FontFamily="Montserrat-Bold"
                     FontSize="20"
                     LineHeight="1.25"
                     Text="18 September"
@@ -101,11 +95,14 @@
                         <DataTemplate>
 
                             <controls:CustomShadowFrame
-                                Margin="0"
+                                Margin="4"
                                 Padding="0"
-                                BorderColor="{DynamicResource Gray-200}"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
+                                BorderColor="{DynamicResource GrayShadowColor}"
                                 BorderWidth="2"
-                                HasShadow="True">
+                                CornerRadius="4"
+                                HasShadow="True"
+                                Radius="4">
 
                                 <expander:SfExpander
                                     x:Name="expander"
@@ -113,18 +110,17 @@
                                     AnimationEasing="Linear"
                                     HeaderBackgroundColor="Transparent"
                                     HeaderIconPosition="None"
-                                    IsExpanded="{Binding IsExpandable}">
-                                    <expander:SfExpander.Header>
-                                        <Grid Padding="16">
+                                    IsExpanded="{Binding IsSelected}">
 
-                                            <Grid.RowDefinitions>
-                                                <RowDefinition Height="Auto" />
-                                                <RowDefinition Height="Auto" />
-                                            </Grid.RowDefinitions>
+                                    <expander:SfExpander.Header>
+                                        <Grid
+                                            Margin="2"
+                                            Padding="16"
+                                            RowDefinitions="Auto, Auto">
 
                                             <Label
                                                 x:Name="categoryLabel"
-                                                FontFamily="{StaticResource Montserrat-Bold}"
+                                                FontFamily="Montserrat-Bold"
                                                 FontSize="14"
                                                 HorizontalOptions="Start"
                                                 HorizontalTextAlignment="Center"
@@ -135,7 +131,7 @@
 
                                             <Label
                                                 Grid.Column="1"
-                                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                                FontFamily="Montserrat-SemiBold"
                                                 FontSize="16"
                                                 HorizontalOptions="EndAndExpand"
                                                 LineHeight="1.25"
@@ -150,7 +146,7 @@
 
                                             <Label
                                                 Grid.Row="1"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="12"
                                                 HorizontalOptions="Start"
                                                 HorizontalTextAlignment="Center"
@@ -162,7 +158,7 @@
                                             <Label
                                                 Grid.Row="1"
                                                 Grid.Column="1"
-                                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                                FontFamily="Montserrat-SemiBold"
                                                 FontSize="14"
                                                 HorizontalOptions="EndAndExpand"
                                                 LineHeight="1.25"
@@ -172,133 +168,58 @@
                                     </expander:SfExpander.Header>
 
                                     <expander:SfExpander.Content>
-                                        <StackLayout BackgroundColor="{StaticResource Gray-White}" Spacing="8">
+                                        <StackLayout BackgroundColor="{StaticResource GrayShadowColor}" Spacing="8">
 
                                             <BoxView HeightRequest="1" Color="{DynamicResource Gray-200}" />
 
                                             <!--  Size variant buttons  -->
                                             <buttons:SfSegmentedControl
                                                 x:Name="SegmentControl"
+                                                FontFamily="Montserrat-SemiBold"
+                                                FontSize="14"
                                                 ItemsSource="{Binding DataVariants}"
-                                                SelectedIndex="2"
-                                                Style="{StaticResource SfSegmentedControlStyle}"
+                                                SegmentBackgroundColor="{DynamicResource GrayShadowColor}"
+                                                SegmentBorderColor="{DynamicResource GrayShadowColor}"
+                                                SegmentCornerRadius="16"
+                                                SegmentHeight="32"
+                                                SegmentPadding="16"
+                                                SegmentWidth="32"
+                                                SelectedIndex="1"
+                                                Style="{StaticResource SegmentedControlStyle}"
                                                 VerticalOptions="FillAndExpand">
+                                                <buttons:SfSegmentedControl.SelectionIndicatorSettings>
+                                                    <buttons:SelectionIndicatorSettings
+                                                        CornerRadius="16"
+                                                        StrokeThickness="0"
+                                                        Color="{DynamicResource PrimaryColor}" />
+                                                </buttons:SfSegmentedControl.SelectionIndicatorSettings>
                                                 <buttons:SfSegmentedControl.Behaviors>
-                                                    <behavior:SegmentedControlSelectionBehavior Command="{Binding BindingContext.DataVariantCommand, Source={x:Reference stockOverviewPage}}" CommandParameter="{Binding .}"  ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference stockOverviewPage}}"  />
+                                                    <behavior:SegmentedControlSelectionBehavior
+                                                        Command="{Binding BindingContext.DataVariantCommand, Source={x:Reference stockOverviewPage}}"
+                                                        CommandParameter="{Binding .}"
+                                                        ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference stockOverviewPage}}" />
                                                 </buttons:SfSegmentedControl.Behaviors>
                                             </buttons:SfSegmentedControl>
 
                                             <BoxView HeightRequest="1" Color="{DynamicResource Gray-200}" />
 
-                                            <chart:SfChart
-                                                Margin="8"
-                                                HeightRequest="245"
-                                                HorizontalOptions="FillAndExpand"
-                                                VerticalOptions="FillAndExpand">
-                                                <chart:SfChart.PrimaryAxis>
-                                                    <chart:DateTimeAxis>
-                                                        <chart:DateTimeAxis.LabelStyle>
-                                                            <chart:ChartAxisLabelStyle
-                                                                Margin="{OnPlatform UWP=0,
-                                                                                    Default='4,-10,0,0'}"
-                                                                FontSize="12"
-                                                                LabelAlignment="End"
-                                                                LabelFormat="{Binding Source={x:Reference SegmentControl}, Path=SelectedIndex, Converter={StaticResource labelFormatConverter}}"
-                                                                TextColor="{DynamicResource Gray-700}" />
-                                                        </chart:DateTimeAxis.LabelStyle>
-
-                                                        <chart:DateTimeAxis.MajorTickStyle>
-                                                            <chart:ChartAxisTickStyle
-                                                                StrokeColor="{DynamicResource Gray-200}"
-                                                                StrokeWidth="1"
-                                                                TickSize="26" />
-                                                        </chart:DateTimeAxis.MajorTickStyle>
-
-                                                        <chart:DateTimeAxis.AxisLineStyle>
-                                                            <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-300}" StrokeWidth="1" />
-                                                        </chart:DateTimeAxis.AxisLineStyle>
-
-                                                        <chart:DateTimeAxis.MajorGridLineStyle>
-                                                            <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
-                                                        </chart:DateTimeAxis.MajorGridLineStyle>
-                                                    </chart:DateTimeAxis>
-                                                </chart:SfChart.PrimaryAxis>
-
-                                                <chart:SfChart.SecondaryAxis>
-                                                    <chart:NumericalAxis
-                                                        EdgeLabelsDrawingMode="Hide"
-                                                        Interval="600"
-                                                        Minimum="4000"
-                                                        OpposedPosition="True">
-                                                        <chart:NumericalAxis.LabelStyle>
-                                                            <chart:ChartAxisLabelStyle
-                                                                Margin="{OnPlatform Default='-38,8',
-                                                                                    UWP=0}"
-                                                                FontSize="12"
-                                                                LabelAlignment="End"
-                                                                TextColor="{DynamicResource Gray-700}" />
-                                                        </chart:NumericalAxis.LabelStyle>
-
-                                                        <chart:NumericalAxis.MajorTickStyle>
-                                                            <chart:ChartAxisTickStyle
-                                                                StrokeColor="{DynamicResource Gray-200}"
-                                                                StrokeWidth="1"
-                                                                TickSize="41" />
-                                                        </chart:NumericalAxis.MajorTickStyle>
-
-                                                        <chart:NumericalAxis.AxisLineStyle>
-                                                            <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
-                                                        </chart:NumericalAxis.AxisLineStyle>
-
-                                                        <chart:NumericalAxis.MajorGridLineStyle>
-                                                            <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
-                                                        </chart:NumericalAxis.MajorGridLineStyle>
-                                                    </chart:NumericalAxis>
-                                                </chart:SfChart.SecondaryAxis>
-
-                                                <chart:SfChart.Series>
-                                                    <chart:AreaSeries
-                                                        ItemsSource="{Binding ChartData, Mode=TwoWay}"
-                                                        StrokeColor="#4bd963"
-                                                        StrokeWidth="2"
-                                                        XBindingPath="XValue"
-                                                        YBindingPath="YValue" />
-                                                </chart:SfChart.Series>
-
-                                                <chart:SfChart.ColorModel>
-                                                    <chart:ChartColorModel Palette="Custom">
-                                                        <chart:ChartColorModel.CustomGradientColors>
-                                                            <chart:ChartGradientColor StartPoint="0.5,1" EndPoint="0.5,0">
-                                                                <chart:ChartGradientColor.GradientStops>
-                                                                    <chart:ChartGradientStop Offset="0" Color="#104bd963" />
-                                                                    <chart:ChartGradientStop Offset="1" Color="#BB4bd963" />
-                                                                </chart:ChartGradientColor.GradientStops>
-                                                            </chart:ChartGradientColor>
-                                                        </chart:ChartColorModel.CustomGradientColors>
-                                                    </chart:ChartColorModel>
-                                                </chart:SfChart.ColorModel>
-
-                                            </chart:SfChart>
+                                            <template:StockOverviewChartTemplate />
 
                                         </StackLayout>
                                     </expander:SfExpander.Content>
+
                                     <expander:SfExpander.Behaviors>
                                         <behavior:ExpanderCommandBehavior
-                                            ChildElement="{Binding Source={x:Reference stackLayout}}"
+                                            ChildElement="{Binding Source={x:Reference stockOverviewPage}}"
                                             Command="{Binding BindingContext.SelectionCommand, Source={x:Reference stockOverviewPage}}"
                                             CommandParameter="{Binding .}" />
                                     </expander:SfExpander.Behaviors>
-
                                 </expander:SfExpander>
-
                             </controls:CustomShadowFrame>
-
                         </DataTemplate>
                     </BindableLayout.ItemTemplate>
                 </StackLayout>
-
             </StackLayout>
-
         </ScrollView>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml.cs b/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml.cs
index 48024f86..cbd88c7c 100644
--- a/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml.cs
+++ b/EssentialUIKit/Views/Dashboard/StockOverviewPage.xaml.cs
@@ -16,7 +16,7 @@ public partial class StockOverviewPage : ContentPage
         /// </summary>
         public StockOverviewPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/Styles.xaml b/EssentialUIKit/Views/Dashboard/Styles.xaml
deleted file mode 100644
index f4869b17..00000000
--- a/EssentialUIKit/Views/Dashboard/Styles.xaml
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Dashboard.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters">
-
-    <x:String x:Key="Menu">&#xe72e;</x:String>
-    <Color x:Key="Transparent">Transparent</Color>
-    <Color x:Key="Green">#7ed321</Color>
-
-    <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
-
-    <Style x:Key="ContentPageStyle" TargetType="ContentPage">
-        <Setter Property="BackgroundColor" Value="{OnIdiom Default={DynamicResource Gray-White}, Desktop={DynamicResource Gray-100}, Converter={StaticResource DynamicResourceToColorConverter}}" />
-    </Style>
-
-    <!--  Common style for SfSegmentedControl  -->
-    <Style x:Key="SfSegmentedControlStyle" TargetType="buttons:SfSegmentedControl">
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="FontFamily" Value="Montserrat-Bold" />
-        <Setter Property="FontColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="SelectionTextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderThickness" Value="0" />
-        <Setter Property="SegmentBackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="SegmentBorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="SegmentBorderThickness" Value="0" />
-        <Setter Property="SegmentCornerRadius" Value="16" />
-        <Setter Property="SegmentHeight" Value="32" />
-        <Setter Property="SegmentWidth" Value="32" />
-        <Setter Property="SegmentPadding" Value="16" />
-        <Setter Property="SelectionAnimationDuration" Value="0" />
-        <Setter Property="HorizontalOptions" Value="CenterAndExpand" />
-        <Setter Property="SelectionIndicatorSettings">
-            <Setter.Value>
-                <buttons:SelectionIndicatorSettings
-                    CornerRadius="16"
-                    StrokeThickness="0"
-                    Color="{DynamicResource PrimaryColor}" />
-            </Setter.Value>
-        </Setter>
-
-    </Style>
-
-    <!--  Common style for profile border style  -->
-    <Style x:Key="ProfileBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="CornerRadius" Value="20" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="22" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.25, iOS=-1}"/>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml b/EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml
new file mode 100644
index 00000000..c9354f15
--- /dev/null
+++ b/EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ResourceDictionary
+    x:Class="EssentialUIKit.Views.Dashboard.CompanyHistoryTemplates"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms">
+
+    <DataTemplate x:Key="headerTemplate">
+        <ViewCell>
+            <border:SfBorder
+                BackgroundColor="{DynamicResource PrimaryColor}"
+                BorderColor="{DynamicResource PrimaryLighterColor}"
+                BorderWidth="4"
+                CornerRadius="24"
+                HeightRequest="48"
+                HorizontalOptions="Start"
+                VerticalOptions="Center"
+                WidthRequest="48">
+                <border:SfBorder.Content>
+                    <Label
+                        FontFamily="Montserrat-Bold"
+                        FontSize="12"
+                        HorizontalOptions="Center"
+                        LineHeight="{OnPlatform Default=1.25,
+                                                iOS=-1}"
+                        Text="{Binding Year}"
+                        TextColor="{DynamicResource Gray-White}"
+                        VerticalOptions="Center" />
+                </border:SfBorder.Content>
+
+            </border:SfBorder>
+        </ViewCell>
+    </DataTemplate>
+
+    <DataTemplate x:Key="contentTemplate">
+        <ViewCell>
+            <Grid
+                ColumnDefinitions="Auto, *"
+                ColumnSpacing="0"
+                RowSpacing="0">
+
+                <border:SfBorder
+                    Grid.Column="0"
+                    Margin="16,2"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    BorderColor="{StaticResource PrimaryColor}"
+                    BorderWidth="2"
+                    CornerRadius="8"
+                    HeightRequest="16"
+                    HorizontalOptions="Start"
+                    VerticalOptions="Start"
+                    WidthRequest="16" />
+
+                <Label
+                    Grid.Column="1"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="14"
+                    HorizontalOptions="Start"
+                    LineHeight="{OnPlatform Default=1.25,
+                                            iOS=-1}"
+                    Text="{Binding Description}"
+                    TextColor="{DynamicResource Gray-700}"
+                    VerticalOptions="Start" />
+            </Grid>
+        </ViewCell>
+    </DataTemplate>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Dashboard/Styles.xaml.cs b/EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml.cs
similarity index 60%
rename from EssentialUIKit/Views/Dashboard/Styles.xaml.cs
rename to EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml.cs
index c2aa4b1a..7ca1d1fe 100644
--- a/EssentialUIKit/Views/Dashboard/Styles.xaml.cs
+++ b/EssentialUIKit/Views/Dashboard/Templates/CompanyHistoryTemplates.xaml.cs
@@ -8,14 +8,14 @@ namespace EssentialUIKit.Views.Dashboard
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-	public partial class Styles
-	{
+    public partial class CompanyHistoryTemplates
+    {
         /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
+        /// Initializes a new instance of the <see cref="CompanyHistoryTemplates" /> class.
         /// </summary>
-		public Styles ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public CompanyHistoryTemplates()
+        {
+            this.InitializeComponent();
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml b/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml
index bc63433c..539c4fc7 100644
--- a/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml
+++ b/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml
@@ -9,52 +9,49 @@
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Detail"
     x:Name="detailPage"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-
         <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
     </ContentPage.Resources>
 
-    <ContentPage.BindingContext>
-        <viewModel:ArticleDetailPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
                 <!--  Title View  -->
                 <controls:TitleView Title="Brainstorm">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference detailPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
                     <controls:TitleView.TrailingView>
                         <StackLayout Orientation="Horizontal">
 
                             <!--  Favourite button  -->
                             <buttons:SfButton
                                 x:Name="favouriteButton"
-                                Command="{TemplateBinding BindingContext.FavouriteCommand}"
-                                CommandParameter="{x:Reference favouriteButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
-                                Style="{StaticResource NavigationBarButtonStyle}"
-                                Text="{StaticResource Favourite}"
-                                WidthRequest="40" />
+                                Command="{Binding Path=BindingContext.FavouriteCommand, Source={x:Reference detailPage}}"
+                                CommandParameter="{Binding}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}" />
 
                             <!--  Bookmark button  -->
                             <buttons:SfButton
                                 x:Name="bookmarkButton"
-                                Command="{TemplateBinding BindingContext.BookmarkCommand}"
-                                CommandParameter="{x:Reference bookmarkButton}"
-                                CornerRadius="4"
-                                HeightRequest="40"
-                                Style="{StaticResource NavigationBarButtonStyle}"
-                                Text="{StaticResource ClearBookmark}"
-                                WidthRequest="40" />
+                                Command="{Binding Path=BindingContext.BookmarkCommand, Source={x:Reference detailPage}}"
+                                CommandParameter="{Binding}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}" />
+
+                            <StackLayout.BindingContext>
+                                <viewModel:ArticleDetailPageViewModel />
+                            </StackLayout.BindingContext>
+
                         </StackLayout>
                     </controls:TitleView.TrailingView>
                 </controls:TitleView>
@@ -73,7 +70,7 @@
                     <!--  Article Tile  -->
                     <Label
                         Margin="0,16,0,8"
-                        FontFamily="{StaticResource Montserrat-Bold}"
+                        FontFamily="Montserrat-Bold"
                         FontSize="20"
                         LineHeight="1.25"
                         Text="{Binding ArticleName}"
@@ -88,17 +85,17 @@
                         <Label.FormattedText>
                             <FormattedString>
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Medium}"
+                                    FontFamily="Montserrat-Medium"
                                     Text="{Binding ArticleAuthor}"
                                     TextColor="{DynamicResource Gray-900}" />
                                 <Span Text="    " />
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Regular}"
+                                    FontFamily="Montserrat-Regular"
                                     Text="{Binding ArticleDate}"
                                     TextColor="{DynamicResource Gray-700}" />
                                 <Span Text=" | " TextColor="{DynamicResource Gray-700}" />
                                 <Span
-                                    FontFamily="{StaticResource Montserrat-Regular}"
+                                    FontFamily="Montserrat-Regular"
                                     Text="{Binding ArticleReadingTime}"
                                     TextColor="{DynamicResource Gray-700}" />
                             </FormattedString>
@@ -107,6 +104,9 @@
 
                     <!--  Image of the blog  -->
                     <Image
+                        Margin="{OnIdiom Phone='-16,0',
+                                         Tablet='-48,0',
+                                         Desktop='-48,0'}"
                         Aspect="AspectFill"
                         BackgroundColor="{DynamicResource Gray-200}"
                         HeightRequest="210">
@@ -121,7 +121,7 @@
                     <!--  Article content  -->
                     <Label
                         Margin="0,16"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="14"
                         LineHeight="1.5"
                         Text="{Binding ArticleContent}"
@@ -142,7 +142,7 @@
 
                     <!--  Description image name  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="Center"
                         HorizontalTextAlignment="Center"
@@ -153,7 +153,7 @@
                     <!--  Subtitle of the blog  -->
                     <Label
                         Margin="0,24,0,8"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         FontSize="16"
                         LineHeight="1.25"
                         Text="{Binding SubTitle1}"
@@ -170,13 +170,13 @@
                                     <Label
                                         Margin="{OnPlatform Default='0, 3, 0, 0',
                                                             iOS='0, 10, 0, 0'}"
-                                        FontFamily="{StaticResource FontIcons}"
+                                        FontFamily="FontIcons"
                                         FontSize="14"
                                         Text="&#xe720;"
                                         TextColor="{DynamicResource Gray-500}" />
 
                                     <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="14"
                                         LineHeight="1.5"
                                         Text="{Binding Description}"
@@ -192,7 +192,7 @@
                 <!--  Related stroies label  -->
                 <Label
                     Margin="16,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
@@ -202,7 +202,7 @@
                 <!--  Related blog list  -->
                 <StackLayout
                     x:Name="stackLayout"
-                    Padding="16"
+                    Padding="0,16"
                     BindableLayout.ItemsSource="{Binding RelatedStories}"
                     Spacing="16">
                     <BindableLayout.ItemTemplate>
diff --git a/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml.cs b/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml.cs
index 29904700..4e0fa807 100644
--- a/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml.cs
+++ b/EssentialUIKit/Views/Detail/ArticleDetailPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Detail;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Detail
@@ -15,7 +16,8 @@ public partial class ArticleDetailPage
         /// </summary>
         public ArticleDetailPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ArticleDetailPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml b/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml
new file mode 100644
index 00000000..c96e4b80
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<StackLayout
+    x:Class="EssentialUIKit.Views.Detail.BookingFeedbackView"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    x:Name="bookingFeedbackView"
+    BackgroundColor="{DynamicResource Gray-Bg}">
+
+    <StackLayout Spacing="0">
+        <!--  Rating and Reviews Header  -->
+        <StackLayout Margin="0" Orientation="Horizontal">
+
+            <Label
+                Margin="16,0,8,8"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="Ratings and Reviews"
+                VerticalOptions="Center" />
+
+            <!--  See all review button  -->
+            <buttons:SfButton
+                x:Name="ShowButton"
+                Margin="0,0,8,8"
+                Padding="0"
+                Command="{Binding Path=ParentBindingContext.ShowAllCommand, Source={x:Reference bookingFeedbackView}}"
+                CommandParameter="{Binding .}"
+                FontSize="{OnIdiom Default=12,
+                                   Desktop=14}"
+                HorizontalOptions="End"
+                Style="{StaticResource TransparentButtonStyle}"
+                Text="SHOW ALL" />
+
+        </StackLayout>
+
+    </StackLayout>
+
+    <StackLayout
+        x:Name="StackLayout"
+        BindableLayout.ItemsSource="{Binding RoomDetail.Reviews}"
+        Spacing="0">
+        <BindableLayout.ItemTemplate>
+            <DataTemplate>
+                <StackLayout Spacing="0">
+
+                    <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+                    <template:BookingReviewTemplate Padding="16,8,16,8" ColumnSpacing="0" />
+
+                </StackLayout>
+            </DataTemplate>
+        </BindableLayout.ItemTemplate>
+    </StackLayout>
+
+</StackLayout>
diff --git a/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml.cs b/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml.cs
new file mode 100644
index 00000000..fb33197f
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/BookingFeedbackView.xaml.cs
@@ -0,0 +1,37 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail
+{
+    /// <summary>
+    /// The Feedback view
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class BookingFeedbackView
+    {
+        /// <summary>
+        /// Bindable property to set the parent bindingcontext.
+        /// </summary>
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(BookingFeedbackView), null);
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="BookingFeedbackView" /> class.
+        /// </summary>
+        public BookingFeedbackView()
+        {
+            this.InitializeComponent();
+        }
+
+        /// <summary>
+        /// Gets or sets the parent bindingcontext.
+        /// </summary>
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/DataTablePage.xaml b/EssentialUIKit/Views/Detail/DataTablePage.xaml
new file mode 100644
index 00000000..069857a7
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/DataTablePage.xaml
@@ -0,0 +1,308 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Detail.DataTablePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Content>
+        <Grid RowDefinitions="Auto, Auto, Auto, Auto, *" RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Data table page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="16"
+                        HorizontalOptions="CenterAndExpand"
+                        LineHeight="1.25"
+                        Text="Premier League Table"
+                        TextColor="{DynamicResource Gray-900}"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                </StackLayout>
+
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
+
+                    <!--  Back to title layout  -->
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Padding="0"
+                        CornerRadius="4"
+                        HeightRequest="38"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        WidthRequest="38">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
+
+                    <!--  Rounded Search Entry  -->
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference dataTable}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
+                    </border:SfBorder>
+                </StackLayout>
+
+                <!--  Search Button  -->
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+            </StackLayout>
+
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+            <StackLayout Grid.Row="4" Spacing="0">
+
+                <controls:SearchableDataTable
+                    x:Name="dataTable"
+                    Padding="0"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="false"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding ListItems}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="Transparent"
+                    StickyFooterPosition="Body"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
+
+                    <controls:SearchableDataTable.HeaderTemplate>
+                        <DataTemplate>
+                            <Grid
+                                Grid.Row="2"
+                                Margin="0"
+                                Padding="16,0,8,0"
+                                BackgroundColor="{StaticResource Gray-100}"
+                                ColumnSpacing="0"
+                                HeightRequest="48">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="{OnIdiom Desktop=0.5*, Tablet=1*, Phone=0.8*}" />
+                                    <ColumnDefinition Width="{OnIdiom Desktop=2.5*, Tablet=1*, Phone=2*}" />
+                                    <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=0.8*}" />
+                                    <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=0.8*}" />
+                                    <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=*}" />
+                                    <ColumnDefinition Width="{OnIdiom Desktop=5*, Tablet=1*, Phone=*}" />
+                                </Grid.ColumnDefinitions>
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="Pos"
+                                    TextColor="{DynamicResource Gray-800}"
+                                    VerticalOptions="Center" />
+
+                                <Label
+                                    Grid.Column="1"
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="Club"
+                                    TextColor="{DynamicResource Gray-800}"
+                                    VerticalOptions="Center" />
+
+                                <Label
+                                    Grid.Column="2"
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="Pl"
+                                    TextColor="{DynamicResource Gray-800}"
+                                    VerticalOptions="Center" />
+
+                                <Label
+                                    Grid.Column="3"
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="Gd"
+                                    TextColor="{DynamicResource Gray-800}"
+                                    VerticalOptions="Center" />
+
+                                <Label
+                                    Grid.Column="4"
+                                    Grid.ColumnSpan="2"
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="Pts"
+                                    TextColor="{DynamicResource Gray-800}"
+                                    VerticalOptions="Center" />
+
+                            </Grid>
+                        </DataTemplate>
+                    </controls:SearchableDataTable.HeaderTemplate>
+
+                    <!--  List View for the table  -->
+                    <controls:SearchableDataTable.ItemTemplate>
+                        <DataTemplate>
+                            <ViewCell>
+                                <StackLayout Margin="0" Spacing="0">
+                                    <Grid
+                                        Margin="16,0,8,0"
+                                        ColumnSpacing="0"
+                                        HeightRequest="48">
+                                        <Grid.ColumnDefinitions>
+                                            <ColumnDefinition Width="{OnIdiom Desktop=0.5*, Tablet=1*, Phone=0.8*}" />
+                                            <ColumnDefinition Width="{OnIdiom Desktop=2.5*, Tablet=1*, Phone=2*}" />
+                                            <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=0.8*}" />
+                                            <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=0.8*}" />
+                                            <ColumnDefinition Width="{OnIdiom Desktop=0.7*, Tablet=1*, Phone=*}" />
+                                            <ColumnDefinition Width="{OnIdiom Desktop=5*, Tablet=1*, Phone=*}" />
+                                        </Grid.ColumnDefinitions>
+
+                                        <!--  club name  -->
+                                        <Label
+                                            Margin="6,0,0,0"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding SerialNumber}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
+
+                                        <Grid Grid.Column="1" ColumnSpacing="8">
+
+                                            <Grid.ColumnDefinitions>
+                                                <ColumnDefinition Width="0.2*" />
+                                                <ColumnDefinition Width="{OnIdiom Desktop=2.3*, Tablet=2.3*, Phone=1.8*}" />
+                                            </Grid.ColumnDefinitions>
+
+                                            <!--  Club images  -->
+                                            <Image
+                                                Grid.Column="0"
+                                                HeightRequest="20"
+                                                HorizontalOptions="Start"
+                                                VerticalOptions="Center">
+                                                <Image.Source>
+                                                    <UriImageSource
+                                                        CacheValidity="14"
+                                                        CachingEnabled="true"
+                                                        Uri="{Binding ImageIcon}" />
+                                                </Image.Source>
+
+                                            </Image>
+
+                                            <Label
+                                                Grid.Column="1"
+                                                Margin="0"
+                                                FontFamily="Montserrat-Medium"
+                                                FontSize="14"
+                                                HorizontalOptions="Start"
+                                                Text="{Binding ClubName}"
+                                                TextColor="{DynamicResource Gray-900}"
+                                                VerticalOptions="Center" />
+
+                                        </Grid>
+                                        <!--  Total players  -->
+                                        <Label
+                                            Grid.Column="2"
+                                            FontFamily="Montserrat-Medium"
+                                            HorizontalOptions="Start"
+                                            Text="17"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
+
+                                        <!--  Gold points for the club  -->
+                                        <Label
+                                            Grid.Column="3"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding GoldPoints}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
+
+                                        <!--  Total points for the club  -->
+                                        <Label
+                                            Grid.Column="4"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding Points}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
+
+                                        <!--  Ratings for 5 matches  -->
+                                        <StackLayout
+                                            x:Name="stackLayout"
+                                            Grid.Column="5"
+                                            BindableLayout.ItemsSource="{Binding MatchResults}"
+                                            HeightRequest="8"
+                                            HorizontalOptions="Start"
+                                            Orientation="Horizontal"
+                                            Spacing="4"
+                                            VerticalOptions="Center"
+                                            WidthRequest="8">
+                                            <BindableLayout.ItemTemplate>
+                                                <DataTemplate>
+                                                    <BoxView
+                                                        BackgroundColor="{Binding}"
+                                                        CornerRadius="16"
+                                                        HeightRequest="8"
+                                                        WidthRequest="8" />
+                                                </DataTemplate>
+                                            </BindableLayout.ItemTemplate>
+                                        </StackLayout>
+                                    </Grid>
+                                    <BoxView
+                                        Grid.Row="1"
+                                        Grid.ColumnSpan="5"
+                                        Style="{StaticResource HorizontalSeparatorStyle}" />
+                                </StackLayout>
+                            </ViewCell>
+                        </DataTemplate>
+                    </controls:SearchableDataTable.ItemTemplate>
+                </controls:SearchableDataTable>
+            </StackLayout>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/DataTablePage.xaml.cs b/EssentialUIKit/Views/Detail/DataTablePage.xaml.cs
new file mode 100644
index 00000000..f58904a9
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/DataTablePage.xaml.cs
@@ -0,0 +1,21 @@
+using EssentialUIKit.ViewModels.Detail;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail
+{
+    /// <summary>
+    /// Page showing the data table
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class DataTablePage : ContentPage
+    {
+        public DataTablePage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = DataTableViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/DetailPage.xaml b/EssentialUIKit/Views/Detail/DetailPage.xaml
index 2361adcf..fc1ecc22 100644
--- a/EssentialUIKit/Views/Detail/DetailPage.xaml
+++ b/EssentialUIKit/Views/Detail/DetailPage.xaml
@@ -15,8 +15,10 @@
     xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
     x:Name="detailPage"
     Title="Detail page"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    BackgroundColor="{OnIdiom Default={DynamicResource Gray-Bg},
+                              Desktop={DynamicResource Gray-100},
+                              Converter={StaticResource DynamicResourceToColorConverter}}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Behaviors>
         <detailBehavior:CartBehavior />
@@ -25,16 +27,12 @@
     <ContentPage.Resources>
         <ResourceDictionary>
 
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <DataTemplate x:Key="PortraitTemplate">
                 <Image
                     Margin="3"
-                    Aspect="{OnIdiom Default=AspectFill,
+                    Aspect="{OnIdiom Default=AspectFit,
                                      Tablet=AspectFit}"
-                    BackgroundColor="{DynamicResource Gray-200}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     HorizontalOptions="Center"
                     VerticalOptions="Center">
                     <Image.Source>
@@ -69,8 +67,15 @@
                 </ScrollView>
             </ControlTemplate>
 
+            <ControlTemplate x:Key="DesktopDetailTemplate">
+                <ScrollView VerticalScrollBarVisibility="Never">
+                    <ContentPresenter />
+                </ScrollView>
+            </ControlTemplate>
+
             <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
             <converter:BooleanToStringConverter x:Key="BoolToStringConverter" />
+            <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
             <converter:VisibilityConverter x:Key="VisibilityConverter" />
             <converter:IntToThicknessConverter x:Key="intToThicknessConverter" />
         </ResourceDictionary>
@@ -87,7 +92,6 @@
                             x:Name="backButton"
                             Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference detailPage}}"
                             CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
                             Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
@@ -104,7 +108,6 @@
                             <badge:SfBadgeView.Content>
                                 <buttons:SfButton
                                     Command="{TemplateBinding BindingContext.CardItemCommand}"
-                                    CornerRadius="4"
                                     HorizontalOptions="End"
                                     Style="{StaticResource IconButtonStyle}"
                                     Text="{StaticResource Cart}" />
@@ -115,7 +118,7 @@
                                     BadgeAnimation="None"
                                     BadgeType="None"
                                     FontSize="10"
-                                    Stroke="{DynamicResource Gray-White}"
+                                    Stroke="{DynamicResource Gray-Bg}"
                                     StrokeWidth="1"
                                     Offset="-10,10" />
                             </badge:SfBadgeView.BadgeSettings>
@@ -137,7 +140,7 @@
                                  Desktop='24,24,24,0'}"
                 Padding="{OnIdiom Default=0,
                                   Desktop=16}"
-                BackgroundColor="{OnIdiom Desktop={DynamicResource Gray-White},
+                BackgroundColor="{OnIdiom Desktop={DynamicResource Gray-Bg},
                                           Converter={StaticResource DynamicResourceToColorConverter}}"
                 ColumnSpacing="{OnIdiom Default=0,
                                         Desktop=16}"
@@ -156,7 +159,7 @@
                 <!--  Product images  -->
                 <rotator:SfRotator
                     x:Name="Rotator"
-                    BackgroundColor="{OnIdiom Default={DynamicResource Gray-White},
+                    BackgroundColor="{OnIdiom Default={DynamicResource Gray-Bg},
                                               Tablet={DynamicResource Gray-100},
                                               Converter={StaticResource DynamicResourceToColorConverter}}"
                     DotPlacement="OutSide"
@@ -164,7 +167,7 @@
                     EnableLooping="False"
                     HorizontalOptions="Center"
                     ItemTemplate="{StaticResource PortraitTemplate}"
-                    ItemsSource="{Binding ProductDetail.PreviewImages}"
+                    ItemsSource="{Binding PreviewImages}"
                     NavigationStripMode="Dots"
                     SelectedDotColor="{DynamicResource PrimaryColor}"
                     UnselectedDotColor="{DynamicResource Gray-200}"
@@ -177,26 +180,11 @@
                                           Desktop=1}"
                     ControlTemplate="{OnIdiom Desktop={StaticResource DesktopDetailTemplate}}">
                     <Grid
-                        BackgroundColor="{DynamicResource Gray-White}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
                         ColumnSpacing="0"
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, 4* "
                         RowSpacing="0">
 
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="4*" />
-                        </Grid.RowDefinitions>
-
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="{OnIdiom Default=16, Desktop=0}" />
                             <ColumnDefinition Width="Auto" />
@@ -213,16 +201,11 @@
                             Margin="{OnIdiom Phone='0,0,0,2',
                                              Desktop='0,8,0,0',
                                              Tablet='0,16,0,0'}"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="16"
                             HorizontalOptions="StartAndExpand"
                             LineBreakMode="TailTruncation"
-                            LineHeight="{OnPlatform Android=1.5,
-                                                    iOS=1.25}"
                             MaxLines="1"
-                            Style="{StaticResource LabelStyle}"
-                            Text="{Binding ProductDetail.Name}"
-                            TextColor="{DynamicResource Gray-900}" />
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="{Binding Name}" />
 
                         <!--  Product Summary  -->
                         <Label
@@ -231,14 +214,12 @@
                             Grid.ColumnSpan="2"
                             helper:RTLHelper.Margin="{OnIdiom Default='0,0,3,2',
                                                               Tablet='0,8,3,8'}"
-                            FontFamily="{DynamicResource Montserrat-Medium}"
-                            FontSize="14"
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
                             LineBreakMode="TailTruncation"
-                            LineHeight="{OnPlatform Android=1.5,
-                                                    iOS=1.25}"
                             MaxLines="2"
-                            Style="{StaticResource LabelStyle}"
-                            Text="{Binding ProductDetail.Summary}" />
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding Summary}" />
 
                         <!--  Product rating  -->
                         <rating:SfRating
@@ -248,18 +229,21 @@
                             HorizontalOptions="Start"
                             ItemSize="14"
                             RatingSettings="{StaticResource RatingSettings}"
-                            Style="{StaticResource SfRatingStyle}"
-                            Value="{Binding ProductDetail.OverallRating}" />
+                            Style="{StaticResource RatingStyle}"
+                            Value="{Binding OverallRating}" />
 
                         <Label
                             Grid.Row="2"
                             Grid.Column="2"
                             Margin="0,6,0,11"
-                            FontFamily="{StaticResource Montserrat-Medium}"
                             FontSize="{OnIdiom Default=12,
                                                Desktop=14}"
-                            Style="{StaticResource LabelStyle}"
-                            Text="{Binding ProductDetail.OverallRating, StringFormat='{}{0} Ratings'}" />
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding OverallRating, StringFormat='{}{0} Ratings'}"
+                            VerticalOptions="Center"
+                            VerticalTextAlignment="Center" />
 
                         <StackLayout
                             Grid.Row="3"
@@ -273,26 +257,24 @@
 
                             <!--  Product Price  -->
                             <Label
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
                                 FontSize="{OnIdiom Default=20,
                                                    Desktop=24}"
-                                Style="{StaticResource LabelStyle}"
-                                Text="{Binding ProductDetail.DiscountPrice, StringFormat='${0:0 }'}"
-                                TextColor="{DynamicResource PrimaryColor}" />
+                                HorizontalOptions="Start"
+                                HorizontalTextAlignment="Start"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
+                                TextColor="{DynamicResource PrimaryColor}"
+                                VerticalOptions="Center"
+                                VerticalTextAlignment="Center" />
 
                             <Label
-                                FontFamily="{DynamicResource Montserrat-Medium}"
-                                FontSize="12"
-                                Style="{StaticResource LabelStyle}"
-                                Text="{Binding ProductDetail.ActualPrice, StringFormat='${0:0.00} '}"
-                                TextDecorations="Strikethrough"
-                                VerticalTextAlignment="Center" />
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding ActualPrice, StringFormat='${0:0.00} '}"
+                                TextDecorations="Strikethrough" />
 
                             <Label
-                                FontFamily="{DynamicResource Montserrat-Medium}"
-                                FontSize="12"
-                                Style="{StaticResource LabelStyle}"
-                                Text="{Binding ProductDetail.DiscountPercent, StringFormat=' ({0}% OFF)'}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding DiscountPercent, StringFormat=' ({0}% OFF)'}"
                                 TextColor="{DynamicResource PrimaryColor}" />
 
                         </StackLayout>
@@ -302,23 +284,14 @@
                             Grid.Row="0"
                             Grid.RowSpan="2"
                             Grid.Column="3"
-                            BackgroundColor="Transparent"
                             BorderColor="{DynamicResource Gray-300}"
                             BorderWidth="1"
                             Command="{Binding BindingContext.AddFavouriteCommand, Source={x:Reference detailPage}}"
                             CommandParameter="{Binding .}"
-                            CornerRadius="20"
-                            HeightRequest="40"
                             HorizontalOptions="End"
-                            Style="{StaticResource IconBorderStyle}"
-                            VerticalOptions="Center">
-
-                            <Label
-                                Style="{StaticResource IconLabelStyle}"
-                                Text="{Binding ProductDetail.IsFavourite, Converter={StaticResource BoolToStringConverter}, ConverterParameter=1}"
-                                TextColor="{Binding ProductDetail.IsFavourite, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=4}" />
-
-                        </buttons:SfButton>
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{Binding IsFavourite, Converter={StaticResource BoolToStringConverter}, ConverterParameter=1}"
+                            TextColor="{Binding IsFavourite, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=4}" />
 
                         <!--  Share Icon  -->
                         <buttons:SfButton
@@ -326,20 +299,14 @@
                             Grid.RowSpan="2"
                             Grid.Column="3"
                             Margin="0,5,0,0"
-                            BackgroundColor="Transparent"
                             BorderColor="{DynamicResource Gray-300}"
                             BorderWidth="1"
                             Command="{Binding BindingContext.ShareCommand, Source={x:Reference detailPage}}"
                             CommandParameter="{Binding}"
-                            CornerRadius="20"
-                            HeightRequest="40"
                             HorizontalOptions="End"
-                            VerticalOptions="Start"
-                            WidthRequest="40">
-
-                            <Label Style="{StaticResource IconLabelStyle}" Text="{StaticResource Share}" />
-
-                        </buttons:SfButton>
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Share}"
+                            VerticalOptions="Start" />
 
                         <BoxView
                             Grid.Row="{OnIdiom Default=5,
@@ -349,9 +316,9 @@
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Desktop=8,
                                                     Phone=16}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
-                                            Desktop={DynamicResource Gray-White},
+                                            Desktop={DynamicResource Gray-Bg},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
 
                         <!--  Size Label  -->
@@ -362,11 +329,9 @@
                             Grid.ColumnSpan="3"
                             Margin="{OnIdiom Default='0,16',
                                              Desktop='0,0,0,16'}"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="16"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Select Size"
-                            TextColor="{DynamicResource Gray-900}" />
+                            HorizontalOptions="Start"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Select Size" />
 
                         <!--  Size variant buttons  -->
                         <buttons:SfSegmentedControl
@@ -376,8 +341,10 @@
                             Grid.ColumnSpan="3"
                             Margin="{OnIdiom Default='0,0,0,16',
                                              Desktop='0,0,0,8'}"
-                            ItemsSource="{Binding ProductDetail.SizeVariants}"
-                            Style="{StaticResource SfSegmentedControlStyle}">
+                            HorizontalOptions="{OnIdiom Default=Start,
+                                                        Phone=Center}"
+                            ItemsSource="{Binding SizeVariants}"
+                            Style="{StaticResource SegmentedControlStyle}">
                             <buttons:SfSegmentedControl.Behaviors>
                                 <behavior:SegmentedControlCommandBehavior Command="{Binding BindingContext.VariantCommand, Source={x:Reference detailPage}}" />
                             </buttons:SfSegmentedControl.Behaviors>
@@ -389,9 +356,9 @@
                             Grid.ColumnSpan="5"
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Default=0}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
-                                            Desktop={DynamicResource Gray-White},
+                                            Desktop={DynamicResource Gray-Bg},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
 
                         <StackLayout
@@ -402,7 +369,7 @@
                             Grid.ColumnSpan="{OnIdiom Default=4,
                                                       Phone=5}"
                             Padding="0,16"
-                            BackgroundColor="{OnIdiom Default={DynamicResource Gray-White},
+                            BackgroundColor="{OnIdiom Default={DynamicResource Gray-Bg},
                                                       Phone={DynamicResource Gray-100},
                                                       Converter={StaticResource DynamicResourceToColorConverter}}"
                             Orientation="Horizontal"
@@ -410,37 +377,22 @@
 
                             <!--  Buy Now Button  -->
                             <buttons:SfButton
-                                BackgroundColor="{DynamicResource Gray-White}"
-                                BorderColor="{DynamicResource PrimaryColor}"
-                                BorderWidth="1"
-                                CornerRadius="22"
-                                HeightRequest="44"
-                                HorizontalOptions="Center"
                                 IsVisible="{OnIdiom Default=True,
                                                     Phone=False}"
-                                Text="Buy Now"
-                                TextColor="{DynamicResource PrimaryColor}"
-                                VerticalOptions="Center"
+                                Style="{StaticResource GradientButtonStyle}"
+                                Text="BUY NOW"
                                 WidthRequest="200" />
 
                             <!--  Add To Cart Button  -->
                             <buttons:SfButton
-                                Margin="{OnIdiom Default=0,
-                                                 Phone='40,0'}"
-                                BackgroundColor="{DynamicResource PrimaryColor}"
-                                BorderColor="{DynamicResource PrimaryColor}"
-                                BorderWidth="1"
+                                Margin="0"
                                 Command="{Binding AddToCartCommand}"
                                 CommandParameter="{Binding .}"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
-                                HeightRequest="44"
                                 HorizontalOptions="{OnIdiom Default=Center,
-                                                            Phone=FillAndExpand}"
-                                Style="{StaticResource RoundButtonStyle}"
+                                                            Phone=CenterAndExpand}"
+                                Style="{StaticResource GradientButtonStyle}"
                                 Text="ADD TO CART"
-                                TextColor="{DynamicResource Gray-White}"
-                                WidthRequest="{OnIdiom Default=200,
-                                                       Phone=-1}" />
+                                WidthRequest="200" />
                         </StackLayout>
 
                         <!--  Product Description  -->
@@ -449,11 +401,10 @@
                             Grid.Column="1"
                             Grid.ColumnSpan="3"
                             Margin="0,16,0,8"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="16"
-                            Style="{StaticResource LabelStyle}"
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="Product Description"
-                            TextColor="{DynamicResource Gray-900}"
                             VerticalOptions="Start" />
 
                         <Label
@@ -462,11 +413,10 @@
                             Grid.ColumnSpan="3"
                             Margin="{OnIdiom Default='0,0,0,16',
                                              Desktop='0,8'}"
-                            FontFamily="{DynamicResource Montserrat-Medium}"
-                            FontSize="14"
-                            LineHeight="{OnPlatform Default=1.25}"
-                            Style="{StaticResource LabelStyle}"
-                            Text="{Binding ProductDetail.Description}" />
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding Description}" />
 
                         <BoxView
                             Grid.Row="11"
@@ -474,9 +424,9 @@
                             Grid.ColumnSpan="5"
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Default=16}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
-                                            Desktop={DynamicResource Gray-White},
+                                            Desktop={DynamicResource Gray-Bg},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
 
                         <!--  Rating and Reviews  -->
@@ -487,12 +437,9 @@
                         <Label
                             Grid.Row="12"
                             Grid.ColumnSpan="5"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="16"
-                            HorizontalOptions="CenterAndExpand"
                             IsVisible="{Binding IsReviewVisible}"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="Be the 1st one to review"
-                            TextColor="{DynamicResource Gray-900}"
                             VerticalOptions="CenterAndExpand" />
 
                     </Grid>
diff --git a/EssentialUIKit/Views/Detail/DetailPage.xaml.cs b/EssentialUIKit/Views/Detail/DetailPage.xaml.cs
index f0d6c672..7fe5f28b 100644
--- a/EssentialUIKit/Views/Detail/DetailPage.xaml.cs
+++ b/EssentialUIKit/Views/Detail/DetailPage.xaml.cs
@@ -17,8 +17,8 @@ public partial class DetailPage
         /// </summary>
         public DetailPage()
         {
-            InitializeComponent();
-            this.BindingContext = new DetailPageViewModel();
+            this.InitializeComponent();
+            this.BindingContext = DetailPageViewModel.BindingContext;
         }
 
         /// <summary>
@@ -32,11 +32,11 @@ protected override void OnSizeAllocated(double width, double height)
 
             if (width > height)
             {
-                Rotator.ItemTemplate = (DataTemplate)this.Resources["LandscapeTemplate"];
+                this.Rotator.ItemTemplate = (DataTemplate)this.Resources["LandscapeTemplate"];
             }
             else
             {
-                Rotator.ItemTemplate = (DataTemplate)this.Resources["PortraitTemplate"];
+                this.Rotator.ItemTemplate = (DataTemplate)this.Resources["PortraitTemplate"];
             }
         }
     }
diff --git a/EssentialUIKit/Views/Detail/EventDetailPage.xaml b/EssentialUIKit/Views/Detail/EventDetailPage.xaml
new file mode 100644
index 00000000..02ba9561
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/EventDetailPage.xaml
@@ -0,0 +1,270 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Detail.EventDetailPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Detail.Templates"
+    x:Name="EventDetail"
+    BackgroundColor="{StaticResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
+            <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.Content>
+        <ScrollView VerticalScrollBarVisibility="Never">
+            <Grid RowDefinitions="Auto, *">
+
+                <!--  Header image  -->
+                <Image
+                    Aspect="AspectFill"
+                    HeightRequest="{OnIdiom Phone=334,
+                                            Default=480}"
+                    HorizontalOptions="FillAndExpand">
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="12"
+                            CachingEnabled="true"
+                            Uri="{Binding HeaderImagePath}" />
+                    </Image.Source>
+                </Image>
+                <!--  OverLay Effect  -->
+                <Frame
+                    BackgroundColor="{DynamicResource Gray-Black}"
+                    CornerRadius="4"
+                    Opacity="0.25" />
+
+                <!--  Back button command  -->
+                <buttons:SfButton
+                    x:Name="backButton"
+                    Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference EventDetail}}"
+                    CommandParameter="{x:Reference backButton}"
+                    HorizontalOptions="Start"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Back}"
+                    TextColor="{DynamicResource Gray-White}"
+                    VerticalOptions="Start" />
+
+                <border:SfBorder
+                    Grid.Row="1"
+                    Margin="0,-51,0,0"
+                    Padding="16"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    BorderWidth="0"
+                    CornerRadius="10,10,0,0">
+                    <StackLayout
+                        Margin="0"
+                        Padding="0"
+                        Orientation="Vertical"
+                        Spacing="0">
+
+                        <Grid ColumnSpacing="0" HorizontalOptions="FillAndExpand">
+
+                            <!--  Event name label  -->
+                            <Label
+                                FontFamily="Montserrat-Bold"
+                                FontSize="20"
+                                HorizontalOptions="Start"
+                                LineHeight="{OnPlatform Default=-1,
+                                                        Android=1.25}"
+                                Text="Ignite Music"
+                                TextColor="{DynamicResource Gray-900}"
+                                VerticalOptions="Center" />
+
+                            <!--  Favourite button  -->
+                            <buttons:SfButton
+                                x:Name="favouriteButton"
+                                Grid.Column="1"
+                                Margin="0"
+                                BorderColor="{DynamicResource Gray-300}"
+                                BorderWidth="1"
+                                Command="{Binding Path=BindingContext.FavouriteCommand, Source={x:Reference EventDetail}}"
+                                CommandParameter="{Binding}"
+                                HorizontalOptions="End"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
+                                TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}" />
+
+                        </Grid>
+
+                        <StackLayout
+                            Margin="0,24,0,0"
+                            Orientation="Horizontal"
+                            Spacing="8">
+                            <!--  Calender icon  -->
+                            <Label
+                                Margin="0,2"
+                                FontFamily="FontIcons"
+                                FontSize="18"
+                                HorizontalOptions="Start"
+                                Text="{StaticResource Calendar}"
+                                TextColor="{DynamicResource Gray-600}"
+                                VerticalOptions="Start" />
+
+                            <!--  Event date label  -->
+                            <Label
+                                FontFamily="Montserrat-Medium"
+                                FontSize="16"
+                                HorizontalOptions="Start"
+                                LineHeight="{OnPlatform Default=-1,
+                                                        Android=1.25}"
+                                Text="Sunday, 22 Dec 2019"
+                                TextColor="{DynamicResource Gray-900}" />
+                        </StackLayout>
+                        <!--  Event time label  -->
+                        <Label
+                            Margin="26,2"
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            HorizontalOptions="Start"
+                            LineHeight="{OnPlatform Default=-1,
+                                                    Android=1.25}"
+                            Text="10:00 AM - 2:00 PM"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <StackLayout
+                            Margin="0,24,0,0"
+                            Orientation="Horizontal"
+                            Spacing="8">
+                            <!--  Event map pin icon  -->
+                            <Label
+                                Margin="0,2"
+                                FontFamily="FontIcons"
+                                FontSize="18"
+                                HorizontalOptions="Start"
+                                Text="{StaticResource MapPin}"
+                                TextColor="{DynamicResource Gray-600}"
+                                VerticalOptions="Start" />
+
+                            <!--  Event location  -->
+                            <Label
+                                FontFamily="Montserrat-Medium"
+                                FontSize="16"
+                                HorizontalOptions="Start"
+                                LineHeight="{OnPlatform Default=-1,
+                                                        Android=1.25}"
+                                Text="Hard Rock Cafe"
+                                TextColor="{DynamicResource Gray-900}" />
+
+                        </StackLayout>
+                        <Label
+                            Margin="26,2"
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            HorizontalOptions="Start"
+                            Text="1501 Broadway, New York, NY 10036, USA"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <StackLayout
+                            Margin="0,24,0,0"
+                            Orientation="Horizontal"
+                            Spacing="8">
+                            <!--  Event group icon  -->
+                            <Label
+                                Margin="0,2"
+                                FontFamily="FontIcons"
+                                FontSize="17"
+                                HorizontalOptions="Start"
+                                Text="{StaticResource Group}"
+                                TextColor="{DynamicResource Gray-600}"
+                                VerticalOptions="Start" />
+
+                            <Label
+                                FontFamily="Montserrat-Medium"
+                                FontSize="16"
+                                HorizontalOptions="Start"
+                                Text="Going"
+                                TextColor="{DynamicResource Gray-900}" />
+
+                        </StackLayout>
+
+                        <listView:SfListView
+                            Margin="26,6"
+                            Padding="0"
+                            AutoFitMode="Height"
+                            HeightRequest="32"
+                            HorizontalOptions="FillAndExpand"
+                            IsScrollBarVisible="False"
+                            IsStickyHeader="False"
+                            ItemSpacing="0"
+                            ItemsSource="{Binding Connections}"
+                            Orientation="Horizontal"
+                            SelectionBackgroundColor="Transparent"
+                            TapCommand="{Binding ProfileSelectedCommand}"
+                            VerticalOptions="Start">
+
+                            <listView:SfListView.ItemTemplate>
+                                <DataTemplate>
+                                    <local:EventTemplate />
+                                </DataTemplate>
+                            </listView:SfListView.ItemTemplate>
+
+                        </listView:SfListView>
+
+                        <!--  Event details  -->
+                        <Label
+                            Margin="0,24,0,0"
+                            FontFamily="Montserrat-SemiBold"
+                            FontSize="16"
+                            HorizontalOptions="Start"
+                            LineHeight="{OnPlatform Default=-1,
+                                                    Android=1.25}"
+                            Text="Detail"
+                            TextColor="{DynamicResource Gray-900}" />
+
+                        <Label
+                            Margin="0,4,0,0"
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            HorizontalOptions="Start"
+                            LineHeight="{OnPlatform Default=-1,
+                                                    Android=1.25}"
+                            Text="Featuring bands from the local music scene, IGNITE! Music Festival aims to bring the best of Americans music to everyone."
+                            TextColor="{DynamicResource Gray-700}" />
+
+                        <StackLayout
+                            Margin="0,24,0,0"
+                            Padding="0"
+                            HorizontalOptions="FillAndExpand"
+                            Orientation="Horizontal"
+                            VerticalOptions="EndAndExpand">
+
+                            <!--  join button  -->
+                            <buttons:SfButton
+                                x:Name="joinButton"
+                                Margin="0"
+                                Command="{Binding Path=BindingContext.JoinCommand, Source={x:Reference joinButton}}"
+                                CornerRadius="4"
+                                FontSize="14"
+                                HorizontalOptions="FillAndExpand"
+                                Style="{StaticResource GradientButtonStyle}"
+                                Text="JOIN" />
+
+                            <!--  more icon button  -->
+                            <buttons:SfButton
+                                x:Name="menuIcon"
+                                Margin="16,0,0,0"
+                                BackgroundColor="{DynamicResource Gray-200}"
+                                Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference menuIcon}}"
+                                CornerRadius="4"
+                                HorizontalOptions="End"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{StaticResource Menu}" />
+
+                        </StackLayout>
+
+                    </StackLayout>
+                </border:SfBorder>
+            </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
+
diff --git a/EssentialUIKit/Views/Detail/EventDetailPage.xaml.cs b/EssentialUIKit/Views/Detail/EventDetailPage.xaml.cs
new file mode 100644
index 00000000..24c5e306
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/EventDetailPage.xaml.cs
@@ -0,0 +1,20 @@
+using EssentialUIKit.ViewModels.Detail;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail
+{
+    /// <summary>
+    /// Page to show the event details.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EventDetailPage
+    {
+        public EventDetailPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = EventDetailViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml b/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml
index 309badaf..c2a8bd67 100644
--- a/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml
+++ b/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml
@@ -4,16 +4,11 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:content="clr-namespace:EssentialUIKit.Views.Detail.Templates"
-    xmlns:viewmodel="clr-namespace:EssentialUIKit.ViewModels.Detail"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
 
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <content:MobileView x:Key="MobileView" />
 
             <content:TabletView x:Key="TabletView" />
@@ -21,11 +16,6 @@
         </ResourceDictionary>
     </ContentPage.Resources>
 
-    <!--  Binding Context for OverAllFeedback Page  -->
-    <ContentPage.BindingContext>
-        <viewmodel:DetailViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <OnIdiom Default="{StaticResource TabletView}" Phone="{StaticResource MobileView}" />
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml.cs b/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml.cs
index e75bc7a8..46e05ac8 100644
--- a/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml.cs
+++ b/EssentialUIKit/Views/Detail/FeedbackDetailPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Detail;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Detail
@@ -12,7 +13,8 @@ public partial class FeedbackDetailPage
     {
         public FeedbackDetailPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = DetailViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/FeedbackView.xaml b/EssentialUIKit/Views/Detail/FeedbackView.xaml
index 192b72ea..55f3091e 100644
--- a/EssentialUIKit/Views/Detail/FeedbackView.xaml
+++ b/EssentialUIKit/Views/Detail/FeedbackView.xaml
@@ -5,29 +5,19 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     Spacing="0"
     VerticalOptions="Start">
 
-    <StackLayout.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </StackLayout.Resources>
-
     <StackLayout Spacing="0">
         <!--  Rating and Reviews Header  -->
         <StackLayout Padding="{OnIdiom Default='16', Desktop='0,0,0,10'}" Orientation="Horizontal">
 
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
                 HorizontalOptions="StartAndExpand"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource TitleLabelStyle}"
                 Text="Rating and Reviews"
-                TextColor="{DynamicResource Gray-900}" />
+                VerticalOptions="Center" />
 
             <!--  See all review button  -->
             <buttons:SfButton
@@ -35,30 +25,27 @@
                 Padding="0"
                 Command="{Binding LoadMoreCommand}"
                 CommandParameter="{x:Reference ShowButton}"
-                CornerRadius="4"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
                 FontSize="{OnIdiom Default=12,
                                    Desktop=14}"
                 HorizontalOptions="End"
                 IsVisible="{OnIdiom Default=True,
                                     Desktop=False}"
-                Style="{StaticResource SfButtonStyle}"
+                Style="{StaticResource TransparentButtonStyle}"
                 Text="SHOW LESS"
-                TextColor="{DynamicResource HyperLink}"
                 VerticalOptions="Center" />
 
         </StackLayout>
-        <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+        <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
     </StackLayout>
 
-    <StackLayout x:Name="StackLayout" BindableLayout.ItemsSource="{Binding ProductDetail.Reviews}">
+    <StackLayout x:Name="StackLayout" BindableLayout.ItemsSource="{Binding Reviews}">
         <BindableLayout.ItemTemplate>
             <DataTemplate>
                 <StackLayout Spacing="0">
 
                     <template:ReviewTemplate Padding="16,8,16,0" ColumnSpacing="0" />
 
-                    <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+                    <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                     <StackLayout.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference StackLayout}}" CommandParameter="{Binding .}" />
@@ -73,13 +60,10 @@
     <buttons:SfButton
         Margin="0,10,0,0"
         Command="{Binding LoadMoreCommand}"
-        FontSize="16"
-        HorizontalOptions="Start"
         IsVisible="{OnIdiom Default=False,
                             Desktop=True}"
-        Style="{StaticResource SfButtonStyle}"
+        Style="{StaticResource TransparentButtonStyle}"
         Text="See all 532 reviews"
-        TextColor="{DynamicResource HyperLink}"
         VerticalOptions="Center"
         WidthRequest="152" />
 
diff --git a/EssentialUIKit/Views/Detail/FeedbackView.xaml.cs b/EssentialUIKit/Views/Detail/FeedbackView.xaml.cs
index 925160e5..066e8b2a 100644
--- a/EssentialUIKit/Views/Detail/FeedbackView.xaml.cs
+++ b/EssentialUIKit/Views/Detail/FeedbackView.xaml.cs
@@ -15,7 +15,7 @@ public partial class FeedbackView
         /// </summary>
         public FeedbackView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/MyAddressPage.xaml b/EssentialUIKit/Views/Detail/MyAddressPage.xaml
new file mode 100644
index 00000000..ee4f6724
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/MyAddressPage.xaml
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Detail.MyAddressPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:ListView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    x:Name="MyAdressPage"
+    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <controls:TitleView Title="My Address">
+                    <controls:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference MyAdressPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Content>
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="*, Auto"
+            RowSpacing="0">
+
+            <!--  ListView displaying address  -->
+            <ListView:SfListView
+                x:Name="myAddress"
+                Padding="8"
+                AllowSwiping="True"
+                AutoFitMode="Height"
+                BackgroundColor="Transparent"
+                IsScrollBarVisible="False"
+                ItemsSource="{Binding AddressDetails}"
+                SelectionBackgroundColor="Transparent"
+                SelectionGesture="Tap"
+                SelectionMode="Single">
+                <ListView:SfListView.ItemTemplate>
+                    <DataTemplate>
+                        <controls:CustomShadowFrame
+                            Margin="8"
+                            Padding="16,16,8,16"
+                            BackgroundColor="{DynamicResource GrayShadowColor}"
+                            BorderWidth="0"
+                            CornerRadius="4"
+                            HasShadow="True"
+                            HorizontalOptions="CenterAndExpand"
+                            Radius="4"
+                            WidthRequest="343">
+                            <Grid
+                                ColumnDefinitions="Auto, *, Auto, Auto"
+                                ColumnSpacing="8"
+                                RowDefinitions="Auto, *, Auto"
+                                RowSpacing="8">
+
+                                <!--  Name and Type of the address  -->
+                                <Label
+                                    Grid.ColumnSpan="2"
+                                    HorizontalOptions="Start"
+                                    LineBreakMode="NoWrap"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    VerticalOptions="Center">
+                                    <Label.FormattedText>
+                                        <FormattedString>
+                                            <Span
+                                                FontFamily="Montserrat-SemiBold"
+                                                FontSize="16"
+                                                Text="{Binding Name}"
+                                                TextColor="{DynamicResource Gray-900}" />
+                                            <Span Text="  " />
+                                            <Span
+                                                FontFamily="Montserrat-SemiBold"
+                                                FontSize="12"
+                                                Text="{Binding AddressType}"
+                                                TextColor="{DynamicResource Gray-800}" />
+                                        </FormattedString>
+                                    </Label.FormattedText>
+                                </Label>
+
+                                <!--  Edit button command  -->
+                                <buttons:SfButton
+                                    x:Name="editButton"
+                                    Grid.Column="2"
+                                    Command="{Binding Path=BindingContext.EditCommand, Source={x:Reference myAddress}}"
+                                    CommandParameter="{x:Reference editButton}"
+                                    CornerRadius="16"
+                                    HeightRequest="32"
+                                    HorizontalOptions="EndAndExpand"
+                                    Style="{StaticResource IconButtonStyle}"
+                                    TextColor="{DynamicResource Gray-900}"
+                                    VerticalOptions="StartAndExpand"
+                                    WidthRequest="32">
+                                    <buttons:SfButton.Content>
+                                        <Label
+                                            FontFamily="FontIcons"
+                                            FontSize="18"
+                                            HorizontalOptions="Center"
+                                            Text="{StaticResource Edit}"
+                                            TextColor="{DynamicResource Gray-700}"
+                                            VerticalOptions="Center" />
+                                    </buttons:SfButton.Content>
+                                </buttons:SfButton>
+
+                                <!--  Delete button command  -->
+                                <buttons:SfButton
+                                    x:Name="DeleteButton"
+                                    Grid.Column="3"
+                                    Command="{Binding Path=BindingContext.DeleteCommand, Source={x:Reference myAddress}}"
+                                    CommandParameter="{x:Reference DeleteButton}"
+                                    CornerRadius="16"
+                                    HeightRequest="32"
+                                    HorizontalOptions="EndAndExpand"
+                                    Style="{StaticResource IconButtonStyle}"
+                                    TextColor="{DynamicResource Gray-900}"
+                                    VerticalOptions="StartAndExpand"
+                                    WidthRequest="32">
+                                    <buttons:SfButton.Content>
+                                        <Label
+                                            FontFamily="FontIcons"
+                                            FontSize="18"
+                                            HorizontalOptions="Center"
+                                            Text="{StaticResource Delete}"
+                                            TextColor="{DynamicResource Gray-700}"
+                                            VerticalOptions="Center" />
+                                    </buttons:SfButton.Content>
+                                </buttons:SfButton>
+
+                                <!--  Map Pin Icon  -->
+                                <Label
+                                    Grid.Row="1"
+                                    Grid.Column="0"
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    Text="{StaticResource MapPin}"
+                                    TextColor="{DynamicResource Gray-600}"
+                                    VerticalOptions="Start" />
+
+                                <!--  Delivery Address  -->
+                                <Label
+                                    Grid.Row="1"
+                                    Grid.Column="1"
+                                    Grid.ColumnSpan="2"
+                                    HorizontalOptions="StartAndExpand"
+                                    HorizontalTextAlignment="Start"
+                                    LineBreakMode="WordWrap"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{Binding Location}"
+                                    VerticalOptions="Start" />
+
+                                <!--  Phone Icon  -->
+                                <Label
+                                    Grid.Row="2"
+                                    Grid.Column="0"
+                                    FontFamily="FontIcons"
+                                    FontSize="18"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    Text="{StaticResource Phone}"
+                                    TextColor="{DynamicResource Gray-600}" />
+
+                                <!--  Contact Number  -->
+                                <Label
+                                    Grid.Row="2"
+                                    Grid.Column="1"
+                                    Grid.ColumnSpan="2"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    VerticalOptions="Start">
+                                    <Label.FormattedText>
+                                        <FormattedString>
+                                            <Span Text="Mobile: " />
+                                            <Span Text="{Binding ContactNumber}" TextColor="{DynamicResource Gray-900}" />
+                                        </FormattedString>
+                                    </Label.FormattedText>
+                                </Label>
+                            </Grid>
+                        </controls:CustomShadowFrame>
+                    </DataTemplate>
+                </ListView:SfListView.ItemTemplate>
+                <ListView:SfListView.LayoutManager>
+                    <ListView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue Desktop=2, PhonePortrait=1, PhoneLandscape=2, TabletPortrait=2, TabletLandscape=3}" />
+                </ListView:SfListView.LayoutManager>
+            </ListView:SfListView>
+
+            <!--  Add Card button command  -->
+            <buttons:SfButton
+                x:Name="addCardButton"
+                Grid.Row="1"
+                Margin="0,0,20,20"
+                BorderColor="{DynamicResource PrimaryColor}"
+                BorderWidth="1"
+                Command="{Binding Path=BindingContext.AddCardCommand, Source={x:Reference myAddress}}"
+                CommandParameter="{x:Reference addCardButton}"
+                CornerRadius="30"
+                FontFamily="FontIcons"
+                FontSize="20"
+                HeightRequest="56"
+                HorizontalOptions="End"
+                Style="{StaticResource GradientButtonStyle}"
+                Text="{StaticResource Add}"
+                VerticalOptions="End"
+                WidthRequest="56" />
+
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/MyAddressPage.xaml.cs b/EssentialUIKit/Views/Detail/MyAddressPage.xaml.cs
new file mode 100644
index 00000000..cea77a79
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/MyAddressPage.xaml.cs
@@ -0,0 +1,44 @@
+using EssentialUIKit.ViewModels.Detail;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail
+{
+    /// <summary>
+    /// Page to show my address page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class MyAddressPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="MyAddressPage" /> class.
+        /// </summary>
+        public MyAddressPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = MyAddressViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.myAddress.LayoutManager is GridLayout)
+                {
+                    (this.myAddress.LayoutManager as GridLayout).SpanCount = 1;
+                }
+            }
+            else
+            {
+                if (this.myAddress.LayoutManager is GridLayout)
+                {
+                    (this.myAddress.LayoutManager as GridLayout).SpanCount = 2;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/RoomBookingPage.xaml b/EssentialUIKit/Views/Detail/RoomBookingPage.xaml
new file mode 100644
index 00000000..b597936f
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/RoomBookingPage.xaml
@@ -0,0 +1,567 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Detail.RoomBookingPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Detail"
+    xmlns:maps="clr-namespace:Syncfusion.SfMaps.XForms;assembly=Syncfusion.SfMaps.XForms"
+    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
+    xmlns:syncfusion="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Detail"
+    x:Name="RoomBooking"
+    BackgroundColor="{StaticResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.BindingContext>
+        <viewModel:RoomBookingPageViewModel />
+    </ContentPage.BindingContext>
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converter:VisibilityConverter x:Key="VisibilityConverter" />
+            <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
+            <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.Content>
+        <ScrollView>
+            <StackLayout Spacing="0">
+
+                <Grid>
+
+                    <!--<Rotator for featured blog stories>-->
+                    <CarouselView
+                        x:Name="Rotator"
+                        BackgroundColor="Gray"
+                        HeightRequest="350"
+                        HorizontalOptions="StartAndExpand"
+                        ItemsSource="{Binding PreviewImages}"
+                        Position="0"
+                        PositionChangedCommand="{Binding SelectionCommand}"
+                        PositionChangedCommandParameter="{Binding Source={x:Reference Rotator}, Path=CurrentItem}"
+                        VerticalOptions="Start">
+                        <CarouselView.ItemTemplate>
+                            <DataTemplate>
+                                <Grid>
+
+                                    <!--  Image of the resort  -->
+                                    <Image
+                                        Aspect="AspectFill"
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="350">
+                                        <Image.Source>
+                                            <UriImageSource
+                                                CacheValidity="14"
+                                                CachingEnabled="true"
+                                                Uri="{Binding ImagePath}" />
+                                        </Image.Source>
+                                    </Image>
+
+                                    <!--  OverLay Effect  -->
+                                    <Frame BackgroundColor="{DynamicResource Gray-Black}" Opacity="0.25" />
+
+                                </Grid>
+                            </DataTemplate>
+                        </CarouselView.ItemTemplate>
+                    </CarouselView>
+
+                    <!--  Back button  -->
+                    <buttons:SfButton
+                        Margin="4"
+                        Command="{Binding BackButtonCommand}"
+                        FontSize="20"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        TextColor="{DynamicResource Gray-White}"
+                        VerticalOptions="Start" />
+
+                </Grid>
+
+                <rotator:SfRotator
+                    Margin="0,-75,0,0"
+                    BackgroundColor="Transparent"
+                    DotsBorderColor="Transparent"
+                    HeightRequest="30"
+                    ItemsSource="{Binding PreviewImages}"
+                    SelectedDotColor="{DynamicResource PrimaryColor}"
+                    SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}" />
+
+                <ContentView>
+                    <controls:CustomShadowFrame
+                        Margin="16,12,16,16"
+                        Padding="4"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
+                        BorderColor="{DynamicResource Gray-Bg}"
+                        BorderWidth="2"
+                        CornerRadius="12"
+                        HasShadow="True"
+                        Radius="12">
+
+                        <StackLayout Spacing="0">
+
+                            <Grid
+                                Margin="16"
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                ColumnSpacing="0"
+                                RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                                RowSpacing="0">
+
+                                <!--  Product Name  -->
+                                <Label
+                                    Grid.Row="0"
+                                    FontSize="20"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="{Binding RoomDetail.Name}"
+                                    VerticalOptions="Start"
+                                    VerticalTextAlignment="Start" />
+
+                                <StackLayout
+                                    Grid.Row="1"
+                                    Margin="0,-4,0,0"
+                                    Orientation="Horizontal"
+                                    VerticalOptions="StartAndExpand">
+
+                                    <!--  Product rating  -->
+                                    <rating:SfRating
+                                        Grid.Row="1"
+                                        Margin="0"
+                                        RatingSettings="{StaticResource RatingSettings}"
+                                        Style="{StaticResource RatingStyle}"
+                                        Value="{Binding RoomDetail.OverallRating}" />
+
+                                    <!--  Reviews  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        Margin="4,0,0,0"
+                                        HorizontalOptions="Start"
+                                        Style="{StaticResource DescriptionLabelStyle}"
+                                        Text="{Binding RoomDetail.TotalReviews}" />
+
+                                </StackLayout>
+
+                                <!--  favorite button  -->
+                                <buttons:SfButton
+                                    x:Name="favouriteButton"
+                                    Margin="0"
+                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                    BorderColor="{DynamicResource Gray-300}"
+                                    BorderWidth="1"
+                                    Command="{Binding Path=BindingContext.FavouriteCommand, Source={x:Reference RoomBooking}}"
+                                    CommandParameter="{Binding}"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource IconButtonStyle}"
+                                    Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
+                                    TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}" />
+
+                                <!--  combo Box for calender  -->
+                                <StackLayout
+                                    Grid.Row="2"
+                                    Margin="0,19,0,0"
+                                    HeightRequest="40"
+                                    Orientation="Horizontal"
+                                    Spacing="8">
+
+                                    <!--  combo Box for calender  -->
+                                    <border:SfBorder Style="{StaticResource DataFormBorderlessEntryBorderStyle}" WidthRequest="{OnIdiom Phone=147, Default=180}">
+
+                                        <combobox:SfComboBox
+                                            x:Name="sfComboBox"
+                                            Margin="3,0,0,-3"
+                                            DataSource="{Binding Calender}"
+                                            DropDownFooterViewHeight="0"
+                                            DropDownHeaderViewHeight="300"
+                                            DropDownItemHeight="0"
+                                            DropDownWidth="300"
+                                            FontFamily="Montserrat-Medium"
+                                            IsDropDownOpen="{Binding IsDropDownOpen, Mode=TwoWay}"
+                                            MaximumDropDownHeight="300"
+                                            ShowDropDownFooterView="False"
+                                            ShowDropDownHeaderView="True"
+                                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                                            Text="{Binding RoomDetail.SelectedRanges}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            TextSize="14"
+                                            Watermark="Select Date">
+
+                                            <combobox:SfComboBox.DropDownHeaderView>
+
+                                                <Grid Padding="2" HeightRequest="300">
+                                                    <syncfusion:SfCalendar
+                                                        BackgroundColor="{DynamicResource GrayShadowColor}"
+                                                        EnableDatesInPast="False"
+                                                        SelectionChangedCommand="{Binding OnSelectionChanged}"
+                                                        SelectionMode="RangeSelection" />
+                                                </Grid>
+                                            </combobox:SfComboBox.DropDownHeaderView>
+
+                                            <combobox:SfComboBox.DropDownButtonSettings>
+                                                <combobox:DropDownButtonSettings Width="20" Height="40">
+                                                    <combobox:DropDownButtonSettings.View>
+                                                        <Label
+                                                            Padding="0,0,4,0"
+                                                            FontFamily="FontIcons"
+                                                            FontSize="16"
+                                                            HorizontalTextAlignment="End"
+                                                            Style="{StaticResource TitleLabelStyle}"
+                                                            Text="{StaticResource Calendar}"
+                                                            TextColor="{DynamicResource Steel}"
+                                                            VerticalTextAlignment="Center"
+                                                            WidthRequest="12" />
+                                                    </combobox:DropDownButtonSettings.View>
+                                                </combobox:DropDownButtonSettings>
+                                            </combobox:SfComboBox.DropDownButtonSettings>
+
+                                        </combobox:SfComboBox>
+
+                                    </border:SfBorder>
+
+                                    <!--  combo Box for guests  -->
+                                    <border:SfBorder Style="{StaticResource DataFormBorderlessEntryBorderStyle}" WidthRequest="{OnIdiom Phone={OnPlatform Default=80, iOS=90}, Default=116}">
+
+                                        <combobox:SfComboBox
+                                            Margin="3,0,0,-3"
+                                            DataSource="{Binding GuestsCollection}"
+                                            DisplayMemberPath="DisplayText"
+                                            DropDownTextSize="{OnPlatform Default=14,
+                                                                          iOS=12}"
+                                            FontFamily="Montserrat-Medium"
+                                            ItemPadding="3"
+                                            SelectedIndex="0"
+                                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            TextSize="14"
+                                            VerticalOptions="CenterAndExpand"
+                                            Watermark="Guest">
+
+                                            <combobox:SfComboBox.DropDownButtonSettings>
+                                                <combobox:DropDownButtonSettings Width="0" />
+                                            </combobox:SfComboBox.DropDownButtonSettings>
+
+                                            <combobox:SfComboBox.Behaviors>
+                                                <behaviors:SelectedIndexBehavior Command="{Binding BindingContext.GuestCommand, Source={x:Reference RoomBooking}}" />
+                                            </combobox:SfComboBox.Behaviors>
+                                        </combobox:SfComboBox>
+
+                                    </border:SfBorder>
+
+                                    <!--  combo Box for bed  -->
+                                    <border:SfBorder Style="{StaticResource DataFormBorderlessEntryBorderStyle}" WidthRequest="{OnIdiom Phone={OnPlatform Default=64, iOS=80}, Default=100}">
+
+                                        <combobox:SfComboBox
+                                            x:Name="bedComboBox"
+                                            Margin="3,0,0,-3"
+                                            DataSource="{Binding BedsCollection}"
+                                            DisplayMemberPath="DisplayText"
+                                            DropDownTextSize="{OnPlatform Default=14,
+                                                                          iOS=12}"
+                                            FontFamily="Montserrat-Medium"
+                                            ItemPadding="3"
+                                            SelectedIndex="0"
+                                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            TextSize="14"
+                                            VerticalOptions="CenterAndExpand"
+                                            Watermark="Bed">
+
+                                            <combobox:SfComboBox.DropDownButtonSettings>
+                                                <combobox:DropDownButtonSettings Width="0" />
+                                            </combobox:SfComboBox.DropDownButtonSettings>
+
+                                            <combobox:SfComboBox.Behaviors>
+                                                <behaviors:SelectedIndexBehavior Command="{Binding BindingContext.BedCommand, Source={x:Reference RoomBooking}}" />
+                                            </combobox:SfComboBox.Behaviors>
+                                        </combobox:SfComboBox>
+                                    </border:SfBorder>
+                                </StackLayout>
+
+                                <Grid
+                                    Grid.Row="3"
+                                    Margin="0,16,0,24"
+                                    HeightRequest="40">
+
+                                    <!--  price label  -->
+                                    <Label
+                                        Margin="0"
+                                        FontSize="12"
+                                        HorizontalOptions="Start"
+                                        LineHeight="{OnPlatform Default=-1,
+                                                                Android=1.5}"
+                                        VerticalOptions="Center">
+                                        <Label.FormattedText>
+                                            <FormattedString>
+                                                <Span
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="24"
+                                                    Text="{Binding RoomDetail.Cost, StringFormat='${0:0}'}"
+                                                    TextColor="{DynamicResource PrimaryColor}" />
+
+                                                <Span
+                                                    FontSize="16"
+                                                    Text=" / "
+                                                    TextColor="{DynamicResource Gray-700}" />
+
+                                                <Span
+                                                    FontFamily="Montserrat-Regular"
+                                                    FontSize="14"
+                                                    Text="{Binding RoomDetail.TotalDays}"
+                                                    TextColor="{DynamicResource Gray-700}" />
+
+                                                <Span
+                                                    FontFamily="Montserrat-Regular"
+                                                    FontSize="14"
+                                                    Text=" night"
+                                                    TextColor="{DynamicResource Gray-700}" />
+
+                                            </FormattedString>
+                                        </Label.FormattedText>
+                                    </Label>
+
+                                    <!--  Suggestion button  -->
+                                    <buttons:SfButton
+                                        x:Name="book"
+                                        Margin="0"
+                                        BorderColor="{DynamicResource Gray-Bg}"
+                                        BorderWidth="1"
+                                        Command="{Binding Path=BindingContext.BookCommand, Source={x:Reference book}}"
+                                        CornerRadius="24"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="12"
+                                        HeightRequest="35"
+                                        HorizontalOptions="End"
+                                        Style="{StaticResource GradientButtonStyle}"
+                                        Text="BOOK"
+                                        VerticalOptions="Center"
+                                        WidthRequest="80" />
+
+                                </Grid>
+
+                                <!--  Resort information title  -->
+                                <Label
+                                    Grid.Row="4"
+                                    Margin="0"
+                                    FontSize="14"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="Resort Information" />
+
+                                <!--  resort description  -->
+                                <Label
+                                    Grid.Row="5"
+                                    Margin="0,4"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    HorizontalTextAlignment="Start"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{Binding RoomDetail.ResortDescription}" />
+
+                                <!--  Title fo amenities  -->
+                                <Label
+                                    Grid.Row="6"
+                                    Margin="0,16,0,8"
+                                    FontSize="14"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="Amenities" />
+
+                                <!--  icon label  -->
+                                <listView:SfListView
+                                    Grid.Row="7"
+                                    AutoFitMode="Height"
+                                    HeightRequest="80"
+                                    IsScrollBarVisible="False"
+                                    ItemSpacing="8"
+                                    ItemsSource="{Binding Facilities}"
+                                    Orientation="Horizontal"
+                                    SelectionBackgroundColor="Transparent">
+
+                                    <listView:SfListView.ItemTemplate>
+                                        <DataTemplate>
+                                            <StackLayout
+                                                Margin="0"
+                                                Orientation="Vertical"
+                                                Spacing="4">
+
+                                                <border:SfBorder
+                                                    BackgroundColor="{DynamicResource Gray-200}"
+                                                    BorderWidth="0"
+                                                    CornerRadius="20"
+                                                    HeightRequest="40"
+                                                    HorizontalOptions="Center"
+                                                    VerticalOptions="Center"
+                                                    WidthRequest="40">
+                                                    <border:SfBorder.Content>
+                                                        <Label
+                                                            FontFamily="FontIcons"
+                                                            FontSize="20"
+                                                            HorizontalOptions="Center"
+                                                            Text="{Binding Icon}"
+                                                            TextColor="{StaticResource Steel}"
+                                                            VerticalOptions="Center" />
+
+                                                    </border:SfBorder.Content>
+                                                </border:SfBorder>
+
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    HorizontalOptions="Center"
+                                                    Text="{Binding Facility}"
+                                                    TextColor="{DynamicResource Gray-700}" />
+
+                                            </StackLayout>
+                                        </DataTemplate>
+                                    </listView:SfListView.ItemTemplate>
+
+                                    <listView:SfListView.FooterTemplate>
+                                        <DataTemplate>
+                                            <StackLayout
+                                                Margin="0"
+                                                Orientation="Vertical"
+                                                Spacing="4">
+
+                                                <buttons:SfButton
+                                                    BackgroundColor="{DynamicResource Gray-200}"
+                                                    Command="{Binding MoreCommand}"
+                                                    Style="{StaticResource IconButtonStyle}"
+                                                    Text="{StaticResource Menu}"
+                                                    TextColor="{StaticResource Steel}" />
+
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    HorizontalOptions="Center"
+                                                    Text="More"
+                                                    TextColor="{DynamicResource Gray-700}" />
+
+                                            </StackLayout>
+                                        </DataTemplate>
+                                    </listView:SfListView.FooterTemplate>
+
+                                </listView:SfListView>
+
+                                <!--  Title for location  -->
+                                <Label
+                                    Grid.Row="8"
+                                    FontSize="14"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="Location" />
+
+                                <!--  Map for locating the location  -->
+                                <maps:SfMaps
+                                    x:Name="Map"
+                                    Grid.Row="9"
+                                    Margin="0,8"
+                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                    HeightRequest="120"
+                                    HorizontalOptions="FillAndExpand"
+                                    VerticalOptions="FillAndExpand"
+                                    ZoomLevel="15">
+
+                                    <maps:SfMaps.Layers>
+                                        <maps:ImageryLayer GeoCoordinates="{Binding GeoCoordinate}" ResetOnDoubleTap="False">
+
+                                            <maps:ImageryLayer.Markers>
+                                                <maps:MapMarker Latitude="{Binding MapMarkerLatitude}" Longitude="{Binding MapMarkerLongitude}" />
+                                            </maps:ImageryLayer.Markers>
+
+                                            <!--  Template for customizing the address popup  -->
+                                            <maps:ImageryLayer.MarkerTemplate>
+                                                <DataTemplate>
+                                                    <StackLayout>
+                                                        <!--  Set pin image  -->
+                                                        <Image
+                                                            Margin="10,5,0,0"
+                                                            HeightRequest="25"
+                                                            HorizontalOptions="StartAndExpand"
+                                                            Source="{Binding Path=BindingContext.MapMarkerImage, Source={x:Reference Map}}"
+                                                            WidthRequest="25" />
+                                                    </StackLayout>
+                                                </DataTemplate>
+                                            </maps:ImageryLayer.MarkerTemplate>
+                                        </maps:ImageryLayer>
+                                    </maps:SfMaps.Layers>
+                                </maps:SfMaps>
+
+                                <Grid
+                                    Grid.Row="10"
+                                    Margin="0,8,0,0"
+                                    ColumnDefinitions="Auto, Auto"
+                                    ColumnSpacing="12"
+                                    RowDefinitions="Auto, Auto"
+                                    RowSpacing="8">
+
+                                    <!--  Map pin icon  -->
+                                    <Label
+                                        FontFamily="FontIcons"
+                                        FontSize="12"
+                                        HorizontalOptions="StartAndExpand"
+                                        HorizontalTextAlignment="Start"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{StaticResource MapPin}"
+                                        WidthRequest="12" />
+
+                                    <!--  Label for address  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="12"
+                                        HorizontalOptions="StartAndExpand"
+                                        HorizontalTextAlignment="Start"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{Binding RoomDetail.Address}" />
+
+
+                                    <!--  icon for call  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        FontFamily="FontIcons"
+                                        FontSize="12"
+                                        HorizontalOptions="StartAndExpand"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{StaticResource Phone}"
+                                        WidthRequest="12" />
+
+                                    <!--  call label  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        Grid.Column="1"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="12"
+                                        HorizontalOptions="StartAndExpand"
+                                        Style="{StaticResource TitleLabelStyle}"
+                                        Text="{Binding RoomDetail.PhoneNumber}" />
+                                </Grid>
+                            </Grid>
+
+                            <!--  Rating and Reviews  -->
+                            <local:BookingFeedbackView IsVisible="{Binding IsReviewVisible, Converter={StaticResource VisibilityConverter}}" ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference RoomBooking}}" />
+                            <Label
+                                Grid.Row="12"
+                                FontFamily="Montserrat-SemiBold"
+                                FontSize="16"
+                                HorizontalOptions="CenterAndExpand"
+                                IsVisible="{Binding IsReviewVisible}"
+                                Text="Be the 1st one to review"
+                                TextColor="{DynamicResource Gray-900}"
+                                VerticalOptions="CenterAndExpand" />
+
+                        </StackLayout>
+                    </controls:CustomShadowFrame>
+                </ContentView>
+            </StackLayout>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
+
diff --git a/EssentialUIKit/Views/Detail/RoomBookingPage.xaml.cs b/EssentialUIKit/Views/Detail/RoomBookingPage.xaml.cs
new file mode 100644
index 00000000..abdb85d6
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/RoomBookingPage.xaml.cs
@@ -0,0 +1,19 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RoomBookingPage : ContentPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="RoomBookingPage" /> class.
+        /// </summary>
+        public RoomBookingPage()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Styles.xaml b/EssentialUIKit/Views/Detail/Styles.xaml
deleted file mode 100644
index bb3f0bec..00000000
--- a/EssentialUIKit/Views/Detail/Styles.xaml
+++ /dev/null
@@ -1,241 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Detail.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
-
-    <Color x:Key="OrangeyYellow">#fcbc0f</Color>
-    <Color x:Key="Transparent">Transparent</Color>
-    <Color x:Key="Gold">#fcbc0f</Color>
-    <x:String x:Key="Cart">&#xe708;</x:String>
-    <x:String x:Key="Share">&#xe704;</x:String>
-    <x:String x:Key="Close">&#xe724;</x:String>
-    <x:String x:Key="Favourite">&#xe701;</x:String>
-    <x:String x:Key="ClearBookmark">&#xe734;</x:String>
-    <x:String x:Key="Back">&#xe709;</x:String>
-
-    <converter:DynamicResourceToColorConverter x:Key="DynamicResourceToColorConverter" />
-
-    <!--  Common style for Content pages  -->
-    <Style x:Key="ContentPageStyle" TargetType="ContentPage">
-        <Setter Property="BackgroundColor" Value="{OnIdiom Default={DynamicResource Gray-White}, Desktop={DynamicResource Gray-100}, Converter={StaticResource DynamicResourceToColorConverter}}" />
-    </Style>
-
-    <Style TargetType="control:TitleView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="CommonLabelStyle" TargetType="Label">
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25, Default=-1}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for rounded buttons  -->
-    <Style
-        x:Key="RoundButtonStyle"
-        BasedOn="{StaticResource SfButtonStyle}"
-        TargetType="buttons:SfButton">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="CornerRadius" Value="22" />
-        <Setter Property="WidthRequest" Value="44" />
-        <Setter Property="HeightRequest" Value="44" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-    <!--  Common style for Icon Labels  -->
-    <Style x:Key="IconLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="32" />
-        <Setter Property="WidthRequest" Value="32" />
-    </Style>
-
-    <!--  Common style for sfBorder  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-    </Style>
-
-    <!--  Common style for Icon Borders  -->
-    <Style
-        x:Key="IconBorderStyle"
-        BasedOn="{StaticResource SfBorderStyle}"
-        TargetType="border:SfBorder">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="WidthRequest" Value="40" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="CornerRadius" Value="20" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="HorizontalOptions" Value="End" />
-        <Setter Property="VerticalOptions" Value="{OnIdiom Desktop=CenterAndExpand, Default=Center}" />
-    </Style>
-
-    <!--  Common style for SfSegmentedControl  -->
-    <Style x:Key="SfSegmentedControlStyle" TargetType="buttons:SfSegmentedControl">
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="FontFamily" Value="Montserrat-Medium" />
-        <Setter Property="FontColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="SelectionTextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderThickness" Value="0" />
-        <Setter Property="SegmentBackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="SegmentBorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="SegmentBorderThickness" Value="1" />
-        <Setter Property="SegmentCornerRadius" Value="20" />
-        <Setter Property="SegmentHeight" Value="40" />
-        <Setter Property="SegmentWidth" Value="40" />
-        <Setter Property="SegmentPadding" Value="8" />
-        <Setter Property="SelectionAnimationDuration" Value="0" />
-        <Setter Property="HorizontalOptions" Value="{OnIdiom Default=Start, Phone=Center}" />
-        <Setter Property="SelectionIndicatorSettings">
-            <Setter.Value>
-                <buttons:SelectionIndicatorSettings
-                    CornerRadius="20"
-                    StrokeThickness="0"
-                    Color="{DynamicResource PrimaryColor}" />
-            </Setter.Value>
-        </Setter>
-
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <rating:SfRatingSettings
-        x:Key="RatingSettings"
-        RatedFill="{StaticResource OrangeyYellow}"
-        RatedStroke="{StaticResource OrangeyYellow}" />
-
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="14" />
-        <Setter Property="ItemSpacing" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <ControlTemplate x:Key="DesktopDetailTemplate">
-        <ScrollView VerticalScrollBarVisibility="Never">
-            <ContentPresenter />
-        </ScrollView>
-    </ControlTemplate>
-
-    <rating:SfRatingSettings
-        x:Key="CommonRatingSettings"
-        RatedFill="{StaticResource Gold}"
-        RatedStroke="{StaticResource Gold}"
-        UnRatedStroke="{DynamicResource Gray-600}"
-        UnRatedStrokeWidth="1" />
-
-    <!--  Common style for SfRating  -->
-    <Style x:Key="CommonSfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="13" />
-        <Setter Property="ItemSpacing" Value="1" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for sfBorder  -->
-    <Style x:Key="CommonSfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderWidth" Value="{OnIdiom Default=2, Desktop=0}" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="BookmarkIconStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml b/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml
new file mode 100644
index 00000000..128a0d81
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ViewCell
+    x:Class="EssentialUIKit.Views.Detail.Templates.EventTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+    <ViewCell.View>
+
+        <StackLayout Margin="0,0,8,0" Spacing="0">
+            <border:SfBorder
+                Margin="0"
+                BorderColor="{DynamicResource Gray-Bg}"
+                BorderWidth="1"
+                CornerRadius="35"
+                HeightRequest="32"
+                HorizontalOptions="Center"
+                WidthRequest="32">
+
+                <!--  Image of the profile  -->
+                <Image
+                    Aspect="AspectFill"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    HeightRequest="32"
+                    HorizontalOptions="Center"
+                    WidthRequest="32">
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="12"
+                            CachingEnabled="true"
+                            Uri="{Binding ImagePath}" />
+                    </Image.Source>
+                </Image>
+            </border:SfBorder>
+
+        </StackLayout>
+    </ViewCell.View>
+</ViewCell>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml.cs b/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml.cs
new file mode 100644
index 00000000..43e88823
--- /dev/null
+++ b/EssentialUIKit/Views/Detail/Templates/EventTemplate.xaml.cs
@@ -0,0 +1,18 @@
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Detail.Templates
+{
+    /// <summary>
+    /// template for event detail page
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EventTemplate
+    {
+        public EventTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Templates/MobileView.xaml b/EssentialUIKit/Views/Detail/Templates/MobileView.xaml
index daedfed0..0ad4e76a 100644
--- a/EssentialUIKit/Views/Detail/Templates/MobileView.xaml
+++ b/EssentialUIKit/Views/Detail/Templates/MobileView.xaml
@@ -4,53 +4,54 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    x:Name="FeedbackMobileView"
     BackgroundColor="{DynamicResource Gray-White}">
 
-    <ContentView.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="../Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentView.Resources>
-
     <ContentView.Content>
-        <Grid>
+        <Grid RowDefinitions="Auto, *, Auto" RowSpacing="0">
+
+            <control:TitleView Title="Details" Grid.Row="0">
+                <control:TitleView.LeadingView>
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference FeedbackMobileView}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </control:TitleView.LeadingView>
+            </control:TitleView>
 
             <!--  Product Image  -->
             <Image
                 x:Name="ProductImage"
+                Grid.Row="1"
+                Grid.RowSpan="2"
                 Aspect="{core:OnPlatformOrientationAspect PhonePortrait=AspectFill,
                                                           PhoneLandscape=AspectFit}"
                 BackgroundColor="{DynamicResource Gray-200}" />
 
-            <Grid VerticalOptions="EndAndExpand">
+            <Grid Grid.Row="2" VerticalOptions="EndAndExpand">
                 <BoxView BackgroundColor="{DynamicResource Gray-Black}" Opacity="0.7" />
 
                 <Grid
                     Padding="16"
+                    ColumnDefinitions="Auto, *"
                     ColumnSpacing="16"
+                    RowDefinitions="Auto, Auto"
                     RowSpacing="8"
                     VerticalOptions="EndAndExpand">
 
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
-
                     <!--  Profile Image  -->
                     <border:SfBorder
                         BorderWidth="0"
                         CornerRadius="24"
                         HeightRequest="48"
-                        Style="{StaticResource CommonSfBorderStyle}"
+                        Style="{StaticResource ProfileBorderStyle}"
                         WidthRequest="48">
                         <Image x:Name="ProfileImage" BackgroundColor="{DynamicResource Gray-200}" />
                     </border:SfBorder>
@@ -63,17 +64,15 @@
                         <StackLayout Spacing="0" VerticalOptions="Start">
                             <!--  Customer Name  -->
                             <Label
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
-                                FontSize="16"
-                                Style="{StaticResource CommonLabelStyle}"
+                                HorizontalOptions="Start"
+                                Style="{StaticResource TitleLabelStyle}"
                                 Text="Jane Deo"
                                 TextColor="{DynamicResource Gray-White}" />
 
                             <!--  Commented Date  -->
                             <Label
-                                FontFamily="{StaticResource Montserrat-Regular}"
-                                FontSize="12"
-                                Style="{StaticResource CommonLabelStyle}"
+                                FontFamily="Montserrat-Regular"
+                                Style="{StaticResource SimpleLabelStyle}"
                                 Text="29 Dec, 2018"
                                 TextColor="{DynamicResource Gray-White}" />
 
@@ -82,8 +81,10 @@
                         <!--  Product Rating  -->
                         <rating:SfRating
                             HorizontalOptions="EndAndExpand"
+                            ItemSize="13"
+                            ItemSpacing="1"
                             RatingSettings="{StaticResource CommonRatingSettings}"
-                            Style="{StaticResource CommonSfRatingStyle}"
+                            Style="{StaticResource RatingStyle}"
                             VerticalOptions="Start"
                             Value="5" />
 
@@ -93,9 +94,9 @@
                     <Label
                         Grid.Row="1"
                         Grid.ColumnSpan="2"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="14"
-                        Style="{StaticResource CommonLabelStyle}"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        Style="{StaticResource DescriptionLabelStyle}"
                         Text="These boots are stunning and I look stunning in them."
                         TextColor="{DynamicResource Gray-White}" />
 
diff --git a/EssentialUIKit/Views/Detail/Templates/MobileView.xaml.cs b/EssentialUIKit/Views/Detail/Templates/MobileView.xaml.cs
index 8d0646b6..6280b0cc 100644
--- a/EssentialUIKit/Views/Detail/Templates/MobileView.xaml.cs
+++ b/EssentialUIKit/Views/Detail/Templates/MobileView.xaml.cs
@@ -12,9 +12,9 @@ public partial class MobileView
     {
         public MobileView()
         {
-            InitializeComponent();
-            this.ProductImage.Source = App.BaseImageUrl + "ReviewShoe.png";
-            this.ProfileImage.Source = App.BaseImageUrl + "ProfileImage11.png";
+            this.InitializeComponent();
+            this.ProductImage.Source = App.ImageServerPath + "ReviewShoe.png";
+            this.ProfileImage.Source = App.ImageServerPath + "ProfileImage11.png";
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Templates/TabletView.xaml b/EssentialUIKit/Views/Detail/Templates/TabletView.xaml
index d7774b77..381531ec 100644
--- a/EssentialUIKit/Views/Detail/Templates/TabletView.xaml
+++ b/EssentialUIKit/Views/Detail/Templates/TabletView.xaml
@@ -3,145 +3,245 @@
     x:Class="EssentialUIKit.Views.Detail.Templates.TabletView"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
     BackgroundColor="#4C000000">
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="../Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+
+            <DataTemplate x:Key="HeaderTemplate">
+
+                <StackLayout
+                    Padding="16,8,8,0"
+                    HorizontalOptions="End"
+                    Orientation="Horizontal"
+                    Spacing="8">
+
+                    <!--  Filter label and icon  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        BorderWidth="0"
+                        Command="{Binding FilterCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+
+                                <Label
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource IconLabelStyle}"
+                                    Text="{StaticResource Filter}" />
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="14"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="Filter" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                    <!--  Sort label and icon  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        BorderWidth="0"
+                        Command="{Binding SortCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+
+                                <Label
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource IconLabelStyle}"
+                                    Text="{StaticResource Sort}" />
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="14"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="Sorting" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                </StackLayout>
+            </DataTemplate>
+
         </ResourceDictionary>
     </ContentView.Resources>
 
     <ContentView.Content>
-
-        <Frame
-            Margin="0"
-            Padding="0"
-            CornerRadius="4"
-            HasShadow="True"
-            HeightRequest="386"
-            HorizontalOptions="CenterAndExpand"
-            VerticalOptions="CenterAndExpand"
-            WidthRequest="632">
-
-            <Grid
-                BackgroundColor="{DynamicResource Gray-White}"
-                ColumnSpacing="16"
+        <Grid>
+            <!--  List view to show the feedback given by the customers  -->
+            <listView:SfListView
+                AutoFitMode="Height"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HeaderTemplate="{StaticResource HeaderTemplate}"
+                IsScrollBarVisible="False"
+                ItemsSource="{Binding FeedbackInfo}"
+                SelectionBackgroundColor="Transparent"
+                TapCommand="{Binding ItemSelectedCommand}"
+                VerticalOptions="FillAndExpand">
+
+                <listView:SfListView.Behaviors>
+                    <behavior:SfListViewExtendHeightBehavior />
+                </listView:SfListView.Behaviors>
+
+                <listView:SfListView.ItemTemplate>
+                    <DataTemplate>
+                        <StackLayout Spacing="0">
+                            <template:ReviewTemplate Padding="16,8,16,0" ColumnSpacing="0" />
+                            <BoxView
+                                Margin="0,8,0,8"
+                                HeightRequest="{OnIdiom Default=1,
+                                                        Desktop=0}"
+                                Style="{StaticResource HorizontalSeparatorStyle}" />
+                        </StackLayout>
+                    </DataTemplate>
+                </listView:SfListView.ItemTemplate>
+
+            </listView:SfListView>
+
+            <!--  OverLay Effect  -->
+            <Frame BackgroundColor="{DynamicResource Gray-Black}" Opacity="0.3" />
+
+            <Frame
+                Margin="0"
+                Padding="0"
+                CornerRadius="4"
+                HasShadow="True"
                 HeightRequest="386"
                 HorizontalOptions="CenterAndExpand"
-                RowSpacing="0"
                 VerticalOptions="CenterAndExpand"
                 WidthRequest="632">
 
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="Auto" />
-                    <ColumnDefinition Width="*" />
-                </Grid.ColumnDefinitions>
-
-                <!--  Product Image  -->
-                <Image
-                    x:Name="ProductImage"
-                    Grid.RowSpan="2"
-                    Aspect="AspectFill"
-                    BackgroundColor="{DynamicResource Gray-200}"
-                    HeightRequest="385"
-                    WidthRequest="315" />
-
-                <StackLayout
-                    Grid.Column="1"
-                    Padding="0,16"
-                    Spacing="0"
-                    VerticalOptions="Start">
-
-                    <StackLayout Orientation="Horizontal" VerticalOptions="Start">
+                <Grid
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16"
+                    HeightRequest="386"
+                    HorizontalOptions="CenterAndExpand"
+                    RowSpacing="0"
+                    VerticalOptions="CenterAndExpand"
+                    WidthRequest="632">
+
+                    <!--  Product Image  -->
+                    <Image
+                        x:Name="ProductImage"
+                        Grid.RowSpan="2"
+                        Aspect="AspectFill"
+                        BackgroundColor="{DynamicResource Gray-200}"
+                        HeightRequest="385"
+                        WidthRequest="315" />
 
-                        <!--  Customer Name  -->
-                        <Label
-                            Margin="0,0,16,4"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="16"
-                            Style="{StaticResource CommonLabelStyle}"
-                            Text="Jane Deo"
-                            TextColor="{DynamicResource Gray-900}">
-                            <Label.GestureRecognizers>
-                                <TapGestureRecognizer Command="{Binding ProfileCommand}" CommandParameter="{Binding .}" />
-                            </Label.GestureRecognizers>
-                        </Label>
-
-                        <!--  Close button  -->
-                        <buttons:SfButton
-                            Margin="0,0,8,0"
-                            Padding="0"
-                            BackgroundColor="Transparent"
-                            Command="{Binding CloseCommand}"
-                            FontFamily="{StaticResource FontIcons}"
-                            FontSize="18"
-                            HeightRequest="32"
-                            HorizontalOptions="EndAndExpand"
-                            Text="{StaticResource Close}"
-                            TextColor="{DynamicResource Gray-600}"
-                            WidthRequest="32" />
-
-                    </StackLayout>
-
-                    <!--  Product Review  -->
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="14"
-                        Style="{StaticResource CommonLabelStyle}"
-                        Text="These boots are stunning and I look stunning in them." />
-
-                    <!--  Product Rating and Total Reviews  -->
                     <StackLayout
-                        Padding="0,8,0,16"
-                        IsVisible="{OnIdiom Phone=False,
-                                            Default=True}"
-                        Orientation="Horizontal">
-
-                        <rating:SfRating
-                            RatingSettings="{StaticResource CommonRatingSettings}"
-                            Style="{StaticResource CommonSfRatingStyle}"
-                            Value="5" />
+                        Grid.Column="1"
+                        Padding="0,16"
+                        Spacing="0"
+                        VerticalOptions="Start">
+
+                        <StackLayout Orientation="Horizontal" VerticalOptions="Start">
+
+                            <!--  Customer Name  -->
+                            <Label
+                                Margin="0,0,16,4"
+                                HorizontalOptions="Start"
+                                HorizontalTextAlignment="Start"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="Jane Deo"
+                                VerticalOptions="Center"
+                                VerticalTextAlignment="Center">
+                                <Label.GestureRecognizers>
+                                    <TapGestureRecognizer Command="{Binding ProfileCommand}" CommandParameter="{Binding .}" />
+                                </Label.GestureRecognizers>
+                            </Label>
+
+                            <!--  Close button  -->
+                            <buttons:SfButton
+                                Margin="0,0,8,0"
+                                Padding="0"
+                                BorderWidth="1"
+                                Command="{Binding CloseCommand}"
+                                CornerRadius="0"
+                                FontSize="15"
+                                HeightRequest="32"
+                                HorizontalOptions="EndAndExpand"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{StaticResource Close}"
+                                WidthRequest="32" />
+
+                        </StackLayout>
+
+                        <!--  Product Review  -->
                         <Label
-                            Margin="2,0,0,0"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            FontSize="12"
-                            Style="{StaticResource CommonLabelStyle}"
-                            Text="534 Ratings" />
-                    </StackLayout>
+                            HorizontalOptions="Start"
+                            HorizontalTextAlignment="Start"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="These boots are stunning and I look stunning in them." />
+
+                        <!--  Product Rating and Total Reviews  -->
+                        <StackLayout
+                            Padding="0,8,0,16"
+                            IsVisible="{OnIdiom Phone=False,
+                                                Default=True}"
+                            Orientation="Horizontal">
+                            <rating:SfRating
+                                ItemSize="13"
+                                ItemSpacing="1"
+                                RatingSettings="{StaticResource CommonRatingSettings}"
+                                Style="{StaticResource RatingStyle}"
+                                Value="5" />
+                            <Label
+                                Margin="2,0,0,0"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="534 Ratings" />
+                        </StackLayout>
+
+                        <!--  Product images  -->
+                        <StackLayout
+                            BindableLayout.ItemsSource="{Binding Images}"
+                            HeightRequest="60"
+                            Orientation="Horizontal"
+                            Spacing="10"
+                            VerticalOptions="Start">
+                            <BindableLayout.ItemTemplate>
+                                <DataTemplate>
+                                    <Image
+                                        Aspect="Fill"
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="50"
+                                        WidthRequest="60">
+                                        <Image.Source>
+                                            <UriImageSource
+                                                CacheValidity="14"
+                                                CachingEnabled="true"
+                                                Uri="{Binding .}" />
+                                        </Image.Source>
+                                    </Image>
+                                </DataTemplate>
+                            </BindableLayout.ItemTemplate>
+                        </StackLayout>
 
-                    <!--  Product images  -->
-                    <StackLayout
-                        BindableLayout.ItemsSource="{Binding Images}"
-                        HeightRequest="60"
-                        Orientation="Horizontal"
-                        Spacing="10"
-                        VerticalOptions="Start">
-                        <BindableLayout.ItemTemplate>
-                            <DataTemplate>
-                                <Image
-                                    Aspect="Fill"
-                                    BackgroundColor="{DynamicResource Gray-200}"
-                                    HeightRequest="50"
-                                    WidthRequest="60">
-                                    <Image.Source>
-                                        <UriImageSource
-                                            CacheValidity="14"
-                                            CachingEnabled="true"
-                                            Uri="{Binding .}" />
-                                    </Image.Source>
-                                </Image>
-                            </DataTemplate>
-                        </BindableLayout.ItemTemplate>
                     </StackLayout>
 
-                </StackLayout>
-
-            </Grid>
-        </Frame>
+                </Grid>
+            </Frame>
+        </Grid>
 
     </ContentView.Content>
 </ContentView>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Detail/Templates/TabletView.xaml.cs b/EssentialUIKit/Views/Detail/Templates/TabletView.xaml.cs
index 2b15f755..faf6098d 100644
--- a/EssentialUIKit/Views/Detail/Templates/TabletView.xaml.cs
+++ b/EssentialUIKit/Views/Detail/Templates/TabletView.xaml.cs
@@ -12,8 +12,8 @@ public partial class TabletView
     {
         public TabletView()
         {
-            InitializeComponent();
-            this.ProductImage.Source = App.BaseImageUrl + "ReviewShoe.png";
+            this.InitializeComponent();
+            this.ProductImage.Source = App.ImageServerPath + "ReviewShoe.png";
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml b/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml
index 14fe0391..dcc79f25 100644
--- a/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml
+++ b/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml
@@ -49,8 +49,8 @@
         <listView:SfListView
             x:Name="ListView"
             AutoFitMode="DynamicHeight"
-            ItemsSource="{Binding Categories}"
-            Style="{StaticResource SfListViewStyle}">
+            ItemsSource="{Binding Categories}" BackgroundColor="{DynamicResource Gray-White}"
+            Style="{StaticResource TransparentSelectionListView}">
 
             <listView:SfListView.Behaviors>
                 <commonBehavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.CategorySelectedCommand, Source={x:Reference categoryPage}}" />
@@ -59,12 +59,7 @@
             <listView:SfListView.ItemTemplate>
                 <DataTemplate>
                     <ViewCell>
-                        <Grid RowSpacing="0">
-
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="*" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
+                        <Grid RowSpacing="0" RowDefinitions="*, Auto">
 
                             <expander:SfExpander
                                 Grid.Row="0"
@@ -77,7 +72,7 @@
                                     <Grid>
                                         <Label
                                             Margin="0,12"
-                                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                                            FontFamily="Montserrat-SemiBold"
                                             Style="{StaticResource LabelStyle}"
                                             Text="{Binding Name}"
                                             TextColor="{DynamicResource Gray-900}"
@@ -123,7 +118,7 @@
                             <BoxView
                                 Grid.Row="1"
                                 HeightRequest="1"
-                                Style="{StaticResource BoxViewStyle}" />
+                                Style="{StaticResource HorizontalSeparatorStyle}" />
 
                         </Grid>
                     </ViewCell>
diff --git a/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml.cs b/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml.cs
deleted file mode 100644
index 621e9335..00000000
--- a/EssentialUIKit/Views/ECommerce/CategoryListPage.xaml.cs
+++ /dev/null
@@ -1,23 +0,0 @@
-using EssentialUIKit.DataService;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The Category List page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class CategoryListPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="CategoryListPage" /> class.
-        /// </summary>
-        public CategoryListPage()
-        {
-            InitializeComponent();
-            this.BindingContext = CategoryDataService.Instance.CategoryPageViewModel;
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/CategoryView.xaml b/EssentialUIKit/Views/ECommerce/CategoryView.xaml
deleted file mode 100644
index d0c784e1..00000000
--- a/EssentialUIKit/Views/ECommerce/CategoryView.xaml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ContentView
-    x:Class="EssentialUIKit.Views.ECommerce.CategoryView"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
-    Margin="0,0,0,15"
-    Padding="58,0,58,0"
-    BackgroundColor="{DynamicResource Gray-White}"
-    VerticalOptions="Center">
-
-    <ContentView.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentView.Resources>
-
-    <StackLayout
-        BindableLayout.ItemsSource="{Binding Categories}"
-        HorizontalOptions="Center"
-        Orientation="Horizontal">
-        <BindableLayout.ItemTemplate>
-            <DataTemplate>
-                <combobox:SfComboBox
-                    DataSource="{Binding SubCategories}"
-                    HeightRequest="40"
-                    HorizontalOptions="Center"
-                    ShowBorder="False"
-                    Style="{StaticResource SfComboBoxStyle}"
-                    Text="{Binding Name}"
-                    TextColor="{DynamicResource Gray-900}">
-                    <combobox:SfComboBox.DropDownButtonSettings>
-                        <combobox:DropDownButtonSettings Width="25" Height="25" />
-                    </combobox:SfComboBox.DropDownButtonSettings>
-                </combobox:SfComboBox>
-            </DataTemplate>
-        </BindableLayout.ItemTemplate>
-    </StackLayout>
-
-</ContentView>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/CategoryView.xaml.cs b/EssentialUIKit/Views/ECommerce/CategoryView.xaml.cs
deleted file mode 100644
index f4712973..00000000
--- a/EssentialUIKit/Views/ECommerce/CategoryView.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The category view. 
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class CategoryView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="CategoryView" /> class.
-        /// </summary>
-        public CategoryView()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/FilterPage.xaml b/EssentialUIKit/Views/ECommerce/FilterPage.xaml
deleted file mode 100644
index 09f5dfe0..00000000
--- a/EssentialUIKit/Views/ECommerce/FilterPage.xaml
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage
-    x:Class="EssentialUIKit.Views.ECommerce.FilterPage"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:local="clr-namespace:EssentialUIKit.Views.ECommerce"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ECommerce"
-    Title="Filter"
-    BackgroundColor="{DynamicResource Gray-White}"
-    NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Filter Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CatalogPageViewModel />
-    </ContentPage.BindingContext>
-
-    <StackLayout Spacing="0">
-
-        <!--  Title View  -->
-        <controls:TitleView Title="Filter" />
-
-        <local:FilterView />
-
-    </StackLayout>
-
-</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/FilterPage.xaml.cs b/EssentialUIKit/Views/ECommerce/FilterPage.xaml.cs
deleted file mode 100644
index d4303c97..00000000
--- a/EssentialUIKit/Views/ECommerce/FilterPage.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The Filter page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class FilterPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="FilterPage" /> class.
-        /// </summary>
-        public FilterPage()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/FilterView.xaml b/EssentialUIKit/Views/ECommerce/FilterView.xaml
index 0b372e76..d160f7d3 100644
--- a/EssentialUIKit/Views/ECommerce/FilterView.xaml
+++ b/EssentialUIKit/Views/ECommerce/FilterView.xaml
@@ -17,7 +17,7 @@
                              Phone=False}"
     ItemSpacing="1"
     ItemsSource="{Binding FilterOptions}"
-    Style="{StaticResource SfListViewStyle}"
+    Style="{StaticResource TransparentSelectionListView}" BackgroundColor="{DynamicResource Gray-White}"
     VerticalOptions="{OnIdiom Default=Start,
                               Desktop=FillAndExpand}">
 
@@ -60,12 +60,12 @@
                 <Label
                     Margin="{OnIdiom Default=15,
                                      Phone=0}"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="18"
                     Style="{StaticResource LabelStyle}"
                     Text="Filters" />
 
-                <BoxView HeightRequest="1" Style="{StaticResource BoxViewStyle}" />
+                <BoxView HeightRequest="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
             </StackLayout>
         </DataTemplate>
@@ -75,16 +75,11 @@
         <DataTemplate>
             <ViewCell>
                 <ViewCell.View>
-                    <Grid RowSpacing="0">
-
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                            <RowDefinition Height="Auto" />
-                        </Grid.RowDefinitions>
+                    <Grid RowSpacing="0" RowDefinitions="*, Auto">
 
                         <expander:SfExpander
                             Grid.Row="0"
-							IsExpanded="{Binding IsExpanded,Mode=TwoWay}"
+							IsExpanded="{Binding IsSelected,Mode=TwoWay}"
                             Margin="{OnIdiom Default='15,0',
                                              Desktop='10,0,0,0'}"
                             BackgroundColor="Transparent"
@@ -94,7 +89,7 @@
                             <expander:SfExpander.Header>
                                 <Label
                                     Margin="0,10"
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                                    FontFamily="Montserrat-SemiBold"
                                     HorizontalOptions="StartAndExpand"
                                     Style="{StaticResource LabelStyle}"
                                     Text="{Binding Name}"
@@ -109,7 +104,7 @@
                                         <DataTemplate>
                                             <buttons:SfCheckBox
                                                 CheckedColor="{DynamicResource PrimaryColor}"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="14"
                                                 HorizontalOptions="{OnIdiom Default=Fill,
                                                                             Desktop=Start}"
@@ -131,7 +126,7 @@
                         <BoxView
                             Grid.Row="1"
                             HeightRequest="1"
-                            Style="{StaticResource BoxViewStyle}" />
+                            Style="{StaticResource HorizontalSeparatorStyle}" />
 
                     </Grid>
                 </ViewCell.View>
diff --git a/EssentialUIKit/Views/ECommerce/FilterView.xaml.cs b/EssentialUIKit/Views/ECommerce/FilterView.xaml.cs
deleted file mode 100644
index adb55652..00000000
--- a/EssentialUIKit/Views/ECommerce/FilterView.xaml.cs
+++ /dev/null
@@ -1,41 +0,0 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The Filter view
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class FilterView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="FilterView" /> class.
-        /// </summary>
-        public FilterView()
-        {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                this.FooterTemplate = (DataTemplate)this.Resources["LandscapeTemplate"];
-            }
-            else
-            {
-                this.FooterTemplate = (DataTemplate)this.Resources["PortraitTemplate"];
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/SortPage.xaml b/EssentialUIKit/Views/ECommerce/SortPage.xaml
deleted file mode 100644
index 5a23f336..00000000
--- a/EssentialUIKit/Views/ECommerce/SortPage.xaml
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage
-    x:Class="EssentialUIKit.Views.ECommerce.SortPage"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:local="clr-namespace:EssentialUIKit.Views.ECommerce"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ECommerce"
-    Title="Sort"
-    BackgroundColor="{DynamicResource Gray-White}"
-    NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Sort Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CatalogPageViewModel />
-    </ContentPage.BindingContext>
-
-    <StackLayout Spacing="0">
-
-        <!--  Title View  -->
-        <controls:TitleView Title="Sort" />
-
-        <local:SortView />
-
-    </StackLayout>
-
-</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/SortPage.xaml.cs b/EssentialUIKit/Views/ECommerce/SortPage.xaml.cs
deleted file mode 100644
index 52db050e..00000000
--- a/EssentialUIKit/Views/ECommerce/SortPage.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The Sort page
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class SortPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="SortPage" /> class.
-        /// </summary>
-        public SortPage()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/SortView.xaml b/EssentialUIKit/Views/ECommerce/SortView.xaml
index bea3c50d..76dff0de 100644
--- a/EssentialUIKit/Views/ECommerce/SortView.xaml
+++ b/EssentialUIKit/Views/ECommerce/SortView.xaml
@@ -19,7 +19,7 @@
 
         <Style TargetType="BoxView">
             <Setter Property="HeightRequest" Value="1" />
-            <Setter Property="Style" Value="{StaticResource BoxViewStyle}" />
+            <Setter Property="Style" Value="{StaticResource HorizontalSeparatorStyle}" />
         </Style>
 
     </ContentView.Resources>
@@ -40,7 +40,7 @@
                 <DataTemplate>
                     <StackLayout Padding="{OnIdiom Default=0, Phone='0,6,0,0'}">
                         <buttons:SfRadioButton
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             GroupKey="{StaticResource SortOptionGroup}"
                             Style="{StaticResource SfRadioButtonStyle}"
                             Text="{Binding .}" />
diff --git a/EssentialUIKit/Views/ECommerce/SortView.xaml.cs b/EssentialUIKit/Views/ECommerce/SortView.xaml.cs
deleted file mode 100644
index f7f840d2..00000000
--- a/EssentialUIKit/Views/ECommerce/SortView.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// The Sort view
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class SortView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="SortView" /> class.
-        /// </summary>
-        public SortView()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ECommerce/Styles.xaml b/EssentialUIKit/Views/ECommerce/Styles.xaml
index 7cfe01f9..4d2b3b75 100644
--- a/EssentialUIKit/Views/ECommerce/Styles.xaml
+++ b/EssentialUIKit/Views/ECommerce/Styles.xaml
@@ -51,7 +51,7 @@
     <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
         <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
         <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="18" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
@@ -128,7 +128,7 @@
     <Style x:Key="IconLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="18" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
@@ -179,93 +179,12 @@
         <Setter Property="HeightRequest" Value="48" />
     </Style>
 
-    <!--  Common style for SfSegmentedControl  -->
-    <Style x:Key="SfSegmentedControlStyle" TargetType="buttons:SfSegmentedControl">
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="FontFamily" Value="Montserrat-Medium" />
-        <Setter Property="FontColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="SelectionTextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderThickness" Value="0" />
-        <Setter Property="SegmentBackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="SegmentBorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="SegmentBorderThickness" Value="1" />
-        <Setter Property="SegmentCornerRadius" Value="20" />
-        <Setter Property="SegmentHeight" Value="40" />
-        <Setter Property="SegmentWidth" Value="40" />
-        <Setter Property="SegmentPadding" Value="8" />
-        <Setter Property="SelectionAnimationDuration" Value="0" />
-        <Setter Property="HorizontalOptions" Value="{OnIdiom Default=Start, Phone=Center}" />
-        <Setter Property="SelectionIndicatorSettings">
-            <Setter.Value>
-                <buttons:SelectionIndicatorSettings
-                    CornerRadius="20"
-                    StrokeThickness="0"
-                    Color="{DynamicResource PrimaryColor}" />
-            </Setter.Value>
-        </Setter>
-
-    </Style>
-
-    <!--  Common style for SfListView  -->
-    <Style x:Key="SfListViewStyle" TargetType="listView:SfListView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FocusBorderThickness" Value="0" />
-        <Setter Property="SelectionBackgroundColor" Value="Transparent" />
-        <Setter Property="IsScrollBarVisible" Value="False" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
+   
     <rating:SfRatingSettings
         x:Key="RatingSettings"
         RatedFill="{StaticResource OrangeyYellow}"
         RatedStroke="{StaticResource OrangeyYellow}" />
 
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="14" />
-        <Setter Property="ItemSpacing" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfComboBox  -->
-    <Style x:Key="SfComboBoxStyle" TargetType="combobox:SfComboBox">
-        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="TextSize" Value="16" />
-        <Setter Property="DropDownTextSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="DropDownItemFontFamily" Value="Montserrat-Regular" />
-    </Style>
-
-    <!--  Common style for Sort ComboBox  -->
-    <Style
-        x:Key="SortComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="246" />
-    </Style>
-
-    <Style
-        x:Key="CartComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="WidthRequest" Value="84" />
-        <Setter Property="HeightRequest" Value="32" />
-    </Style>
-
     <combobox:DropDownButtonSettings
         x:Key="DropDownButtonSettings"
         Width="25"
@@ -289,7 +208,7 @@
         BasedOn="{StaticResource SfRadioButtonStyle}"
         TargetType="buttons:SfRadioButton">
         <Setter Property="FontSize" Value="14" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
     </Style>
 
     <!--  Header Template for Catalog SfListView  -->
@@ -316,13 +235,13 @@
                         Spacing="8"
                         VerticalOptions="Center">
                         <Label
-                            FontFamily="{StaticResource FontIcons}"
+                            FontFamily="FontIcons"
                             FontSize="18"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="{StaticResource Filter}"
                             VerticalTextAlignment="End" />
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="Filter"
                             VerticalTextAlignment="Center" />
@@ -341,13 +260,13 @@
                         Orientation="Horizontal"
                         Spacing="8">
                         <Label
-                            FontFamily="{StaticResource FontIcons}"
+                            FontFamily="FontIcons"
                             FontSize="18"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="{StaticResource Sort}"
                             VerticalTextAlignment="End" />
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="Sorting" />
                     </StackLayout>
@@ -361,8 +280,7 @@
         <combobox:SfComboBox
             x:Name="comboBox"
             DataSource="{Binding SortOptions}"
-            SelectedValue="{Binding SortOptions[0]}"
-            Style="{StaticResource SortComboBoxStyle}">
+            SelectedValue="{Binding SortOptions[0]}">
 
             <combobox:SfComboBox.CustomView>
                 <Grid>
@@ -385,8 +303,7 @@
             x:Name="comboBox"
             Margin="15"
             DataSource="{Binding SortOptions}"
-            SelectedValue="{Binding SortOptions[0]}"
-            Style="{StaticResource SortComboBoxStyle}">
+            SelectedValue="{Binding SortOptions[0]}">
 
             <combobox:SfComboBox.CustomView>
                 <Grid>
@@ -407,15 +324,11 @@
     </DataTemplate>
 
     <ControlTemplate x:Key="CartTemplate">
-        <Grid>
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition />
-                <ColumnDefinition />
-            </Grid.ColumnDefinitions>
+        <Grid ColumnDefinitions="Auto, Auto">
             <ContentPresenter />
             <Label
                 Grid.Column="1"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="14"
                 HorizontalOptions="{OnIdiom Default=EndAndExpand,
                                             Desktop=End}"
@@ -436,7 +349,7 @@
 
     <Style x:Key="FavouriteButtonStyle" TargetType="Button">
         <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="HeightRequest" Value="32" />
         <Setter Property="HorizontalOptions" Value="End" />
diff --git a/EssentialUIKit/Views/ECommerce/Styles.xaml.cs b/EssentialUIKit/Views/ECommerce/Styles.xaml.cs
deleted file mode 100644
index 79b02963..00000000
--- a/EssentialUIKit/Views/ECommerce/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ECommerce
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml
index 2e69a9a6..faa19cbe 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoInternetConnection page  -->
-    <ContentPage.BindingContext>
-        <viewModel:EmptyCartPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -42,15 +31,12 @@
 
                 <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -59,29 +45,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml.cs
index fe0185cc..24288349 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/EmptyCartPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class EmptyCartPage
         /// </summary>
         public EmptyCartPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = EmptyCartPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml
index e3b1555e..29eb37f7 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for LocationDenied page  -->
-    <ContentPage.BindingContext>
-        <viewModel:LocationDeniedPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -41,9 +30,6 @@
                 <!--  Display the svg illustration image  -->
                 <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml.cs
index cb8bfd55..d69b0a7c 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/LocationDeniedPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class LocationDeniedPage
         /// </summary>
         public LocationDeniedPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = LocationDeniedPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml
index 5cef2d98..6ca8f805 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoCredits page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoCreditsPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml.cs
index 5fb92c58..dbbaa4ee 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoCreditsPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoCreditsPage
         /// </summary>
         public NoCreditsPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoCreditsPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml
index c3507698..0a8f5ba8 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoInternetConnection page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoInternetConnectionPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding TryAgainCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="TRY AGAIN" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="TRY AGAIN"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml.cs
index f6b56623..47c724b1 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoInternetConnectionPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoInternetConnectionPage
         /// </summary>
         public NoInternetConnectionPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoInternetConnectionPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml
index ce4bfe79..d9d998c2 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoItem page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoItemPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml.cs
index 478a6b85..91dc3d48 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoItemPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoItemPage
         /// </summary>
         public NoItemPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoItemPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml
index 54faf1a5..23165aeb 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoPhotos page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoPhotosPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml.cs
index e359a437..9f39e54f 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoPhotosPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoPhotosPage
         /// </summary>
         public NoPhotosPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoPhotosPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml
index 357e19e3..6915eb24 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoTasks page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoTasksPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml.cs
index b984efa2..ebecb878 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoTasksPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoTasksPage
         /// </summary>
         public NoTasksPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoTasksPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml
index 4c5207b0..3c05522e 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NoVideos page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NoVideosPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml.cs
index 04a985a1..28d98329 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NoVideosPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NoVideosPage
         /// </summary>
         public NoVideosPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NoVideosPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml
index 7005a00f..a99cc40c 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for NotEnoughCredit page  -->
-    <ContentPage.BindingContext>
-        <viewModel:NotEnoughCreditPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding GoBackCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="GO BACK" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="GO BACK"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml.cs
index eff9d3c8..89fa92cd 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/NotEnoughCreditPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class NotEnoughCreditPage
         /// </summary>
         public NotEnoughCreditPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = NotEnoughCreditPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml
index cb4f378b..2106fc51 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for payment failed page  -->
-    <ContentPage.BindingContext>
-        <viewModel:PaymentFailedPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding TryAgainCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="TRY AGAIN" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="TRY AGAIN"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml.cs
index 5222b3e9..beeb614e 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/PaymentFailedPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class PaymentFailedPage
         /// </summary>
         public PaymentFailedPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = PaymentFailedPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml b/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml
index 01d740cf..db6e2976 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml
+++ b/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml
@@ -6,32 +6,21 @@
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.ErrorAndEmpty"
     BackgroundColor="{StaticResource Gray-White}"
     NavigationPage.HasNavigationBar="False">
 
-    <!--  Binding context for Something went wrong page  -->
-    <ContentPage.BindingContext>
-        <viewModel:SomethingWentWrongPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid BackgroundColor="{x:StaticResource Gray-White}">
-
-            <Grid.RowDefinitions>
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid BackgroundColor="{x:StaticResource Gray-White}" RowDefinitions="*, Auto">
 
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
 
             <StackLayout
                 BackgroundColor="Transparent"
@@ -39,17 +28,14 @@
                 VerticalOptions="Center">
 
                 <!--  Display the svg illustration image  -->
-                <svg:SVGImage 
+                <svg:SVGImage
                     x:Name="ErrorImage"
-                    Margin="{x:OnIdiom Phone='0,0,0,0',
-                                       Desktop='0',
-                                       Tablet='0'}"
                     HeightRequest="{core:OnPlatformOrientationDoubleValue Default=300,
                                                                           AndroidPhonePortrait=200,
                                                                           AndroidPhoneLandscape=140,
                                                                           iOSPhonePortrait=200,
                                                                           iOSPhoneLandscape=140}"
-                    Source = "{Binding ImagePath}"
+                    Source="{Binding ImagePath}"
                     VerticalOptions="Center"
                     WidthRequest="{x:OnIdiom Phone=200,
                                              Desktop=300,
@@ -58,29 +44,33 @@
                 <!--  Label to display header  -->
                 <Label
                     Margin="0,32,0,8"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="20"
-                    HorizontalTextAlignment="Center"
-                    Style="{StaticResource LabelStyle}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="{Binding Header}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
 
                 <!--  Label to display content  -->
                 <Label
                     Margin="8,0,8,0"
-                    FontFamily="{StaticResource Montserrat-Medium}"
                     FontSize="16"
-                    Style="{StaticResource LabelStyle}"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Style="{StaticResource DescriptionLabelStyle}"
                     Text="{Binding Content}"
+                    TextColor="#333942"
                     VerticalTextAlignment="Center" />
             </StackLayout>
 
             <!--  Try again button  -->
             <button:SfButton
                 Grid.Row="1"
+                Margin="0,10,0,24"
                 Command="{Binding TryAgainCommand}"
-                Style="{StaticResource SfGradientButtonStyle}"
-                Text="TRY AGAIN" />
+                Style="{StaticResource GradientButtonStyle}"
+                Text="TRY AGAIN"
+                VerticalOptions="End"
+                WidthRequest="245" />
 
         </Grid>
 
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml.cs
index 73299e66..d83cc603 100644
--- a/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml.cs
+++ b/EssentialUIKit/Views/ErrorAndEmpty/SomethingWentWrongPage.xaml.cs
@@ -1,4 +1,4 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.ErrorAndEmpty;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +16,8 @@ public partial class SomethingWentWrongPage
         /// </summary>
         public SomethingWentWrongPage()
         {
-            InitializeComponent();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Device.Idiom == TargetIdiom.Phone)
-                {
-                    ErrorImage.IsVisible = false;
-                }
-            }
-            else
-            {
-                ErrorImage.IsVisible = true;
-            }
+            this.InitializeComponent();
+            this.BindingContext = SomethingWentWrongPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml b/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml
deleted file mode 100644
index 992271c9..00000000
--- a/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml
+++ /dev/null
@@ -1,43 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.ErrorAndEmpty.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <!--  Common label style  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25, Default=-1}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-    </Style>
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfGradientButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="HorizontalOptions" Value="CenterAndExpand" />
-        <Setter Property="VerticalOptions" Value="EndAndExpand" />
-        <Setter Property="Margin" Value="0,10,0,24" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="CornerRadius" Value="20" />
-        <Setter Property="WidthRequest" Value="245" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <gradient:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                    <gradient:SfLinearGradientBrush.GradientStops>
-                        <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </gradient:SfLinearGradientBrush.GradientStops>
-                </gradient:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml.cs b/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml.cs
deleted file mode 100644
index 476218c7..00000000
--- a/EssentialUIKit/Views/ErrorAndEmpty/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.ErrorAndEmpty
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Feedback/FeedbackPage.xaml b/EssentialUIKit/Views/Feedback/FeedbackPage.xaml
index 0d71458e..d1d89956 100644
--- a/EssentialUIKit/Views/Feedback/FeedbackPage.xaml
+++ b/EssentialUIKit/Views/Feedback/FeedbackPage.xaml
@@ -4,45 +4,107 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Feedback"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewmodel="clr-namespace:EssentialUIKit.ViewModels.Feedback"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+
+            <DataTemplate x:Key="HeaderTemplate">
+
+                <StackLayout
+                    Padding="16,8,8,0"
+                    HorizontalOptions="End"
+                    Orientation="Horizontal"
+                    Spacing="8">
+
+                    <!--  Filter label and icon  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        BorderWidth="0"
+                        Command="{Binding FilterCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+
+                                <Label
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource IconLabelStyle}"
+                                    Text="{StaticResource Filter}" />
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="14"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="Filter" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                    <!--  Sort label and icon  -->
+                    <buttons:SfButton
+                        BackgroundColor="Transparent"
+                        BorderWidth="0"
+                        Command="{Binding SortCommand}"
+                        CornerRadius="4"
+                        HeightRequest="32"
+                        TextColor="{DynamicResource Gray-700}">
+                        <buttons:SfButton.Content>
+                            <StackLayout
+                                Padding="8,5,8,6"
+                                Orientation="Horizontal"
+                                Spacing="8">
+
+                                <Label
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource IconLabelStyle}"
+                                    Text="{StaticResource Sort}" />
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="14"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="Sorting" />
+                            </StackLayout>
+                        </buttons:SfButton.Content>
+                    </buttons:SfButton>
+
+                </StackLayout>
+            </DataTemplate>
+
         </ResourceDictionary>
     </ContentPage.Resources>
 
-    <!--  Binding Context for OverAllFeedback Page  -->
-    <ContentPage.BindingContext>
-        <viewmodel:FeedbackViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
-        <StackLayout Spacing="0">
-
-            <!--  Title  -->
-            <Label
-                Margin="0,16"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                FontSize="16"
-                HorizontalOptions="CenterAndExpand"
-                Style="{StaticResource LabelStyle}"
-                Text="Reviews"
-                TextColor="{DynamicResource Gray-900}" />
+        <StackLayout x:Name="stacklayout" Spacing="0">
 
-            <BoxView Style="{StaticResource BoxViewStyle}" />
+            <controls:TitleView Title="Reviews" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference stacklayout}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
+            </controls:TitleView>
 
             <!--  List view to show the feedback given by the customers  -->
             <listView:SfListView
                 AutoFitMode="Height"
-                BackgroundColor="{DynamicResource Gray-White}"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HeaderTemplate="{StaticResource HeaderTemplate}"
                 IsScrollBarVisible="False"
                 ItemsSource="{Binding FeedbackInfo}"
@@ -62,7 +124,7 @@
                                 Margin="0,8,0,8"
                                 HeightRequest="{OnIdiom Default=1,
                                                         Desktop=0}"
-                                Style="{StaticResource BoxViewStyle}" />
+                                Style="{StaticResource HorizontalSeparatorStyle}" />
                         </StackLayout>
                         <!--<local:FeedbackTemplate />-->
                     </DataTemplate>
diff --git a/EssentialUIKit/Views/Feedback/FeedbackPage.xaml.cs b/EssentialUIKit/Views/Feedback/FeedbackPage.xaml.cs
index 3972090f..6fd0a04a 100644
--- a/EssentialUIKit/Views/Feedback/FeedbackPage.xaml.cs
+++ b/EssentialUIKit/Views/Feedback/FeedbackPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Feedback;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Feedback
@@ -12,7 +13,8 @@ public partial class FeedbackPage
     {
         public FeedbackPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = FeedbackViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Feedback/ReviewPage.xaml b/EssentialUIKit/Views/Feedback/ReviewPage.xaml
index 719d0408..01b21e86 100644
--- a/EssentialUIKit/Views/Feedback/ReviewPage.xaml
+++ b/EssentialUIKit/Views/Feedback/ReviewPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Feedback.ReviewPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
@@ -10,50 +11,38 @@
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <!--  Binding Context for OverAllFeedback Page  -->
     <ContentPage.BindingContext>
         <viewModel:ReviewPageViewModel />
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
-        <ScrollView>
+        <ScrollView x:Name="reviewPage">
 
             <StackLayout Spacing="16">
 
-                <StackLayout Padding="16" BackgroundColor="{StaticResource Gray-White}">
+                <StackLayout BackgroundColor="{StaticResource Gray-Bg}">
 
-                    <!--  Title  -->
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Write A Review"
-                        TextColor="{DynamicResource Gray-900}" />
+                    <control:TitleView Title="Write a Review" Grid.Row="0">
+                        <control:TitleView.LeadingView>
+                            <buttons:SfButton
+                                x:Name="backButton"
+                                Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference backButton}}"
+                                CommandParameter="{x:Reference backButton}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{StaticResource Back}" />
+                        </control:TitleView.LeadingView>
+                    </control:TitleView>
 
                 </StackLayout>
 
                 <Grid
                     Padding="16"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, Auto"
                     ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto"
                     RowSpacing="0">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
 
                     <!--  Product image  -->
                     <Image
@@ -68,11 +57,9 @@
                     <Label
                         Grid.Column="1"
                         Margin="16,0,0,16"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="16"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Full-Length Skirt"
-                        TextColor="{DynamicResource Gray-900}" />
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Full-Length Skirt" />
 
                     <!--  Rating for the product  -->
                     <rating:SfRating
@@ -82,75 +69,74 @@
                         HorizontalOptions="StartAndExpand"
                         ItemSize="27"
                         ItemSpacing="5"
-                        RatingSettings="{StaticResource RatingSettings}"
+                        RatingSettings="{StaticResource CommonRatingSettings}"
                         ReadOnly="False"
-                        Style="{StaticResource SfRatingStyle}"
+                        Style="{StaticResource RatingStyle}"
                         VerticalOptions="Start" />
 
                 </Grid>
 
-                <Grid BackgroundColor="{DynamicResource Gray-White}" RowSpacing="0">
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
+                <Grid
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    RowDefinitions="Auto, Auto, Auto"
+                    RowSpacing="0">
 
                     <Label
                         Margin="16"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="16"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Add Photo or Video"
-                        TextColor="{DynamicResource Gray-900}" />
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Add Photo or Video" />
 
-                    <BoxView Grid.Row="1" Style="{StaticResource BoxViewStyle}" />
+                    <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                     <!--  Button to upload product photos  -->
-                    <buttons:SfButton
-                        x:Name="UploadButton"
+                    <border:SfBorder
+                        x:Name="dashedBorder"
                         Grid.Row="2"
                         Margin="0,24"
-                        BorderWidth="1"
-                        Command="{Binding UploadCommand}"
-                        CommandParameter="{x:Reference UploadButton}"
+                        BorderColor="{DynamicResource Gray-300}"
+                        BorderWidth="2"
                         CornerRadius="4"
                         HeightRequest="70"
-                        Style="{StaticResource SfButtonStyle}"
-                        WidthRequest="165">
-                        <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            FontSize="14"
-                            HorizontalOptions="Center"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Click here to upload" />
-                    </buttons:SfButton>
+                        HorizontalOptions="Center"
+                        WidthRequest="167">
+                        <buttons:SfButton
+                            x:Name="UploadButton"
+                            BackgroundColor="Transparent"
+                            BorderWidth="1"
+                            Command="{Binding UploadCommand}"
+                            CommandParameter="{x:Reference UploadButton}"
+                            CornerRadius="4"
+                            Style="{StaticResource SimpleButtonStyle}"
+                            TextColor="{DynamicResource Gray-700}">
+                            <Label
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Click here to upload"
+                                VerticalOptions="Center" />
+                        </buttons:SfButton>
+                    </border:SfBorder>
 
                 </Grid>
 
-                <Grid BackgroundColor="{DynamicResource Gray-White}" RowSpacing="0">
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
+                <Grid
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    RowDefinitions="Auto, Auto, Auto"
+                    RowSpacing="0">
 
                     <Label
                         Margin="16"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Write your Review"
-                        TextColor="{DynamicResource Gray-900}" />
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Write your Review" />
 
-                    <BoxView Grid.Row="1" Style="{StaticResource BoxViewStyle}" />
+                    <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                     <!--  Editor to write review  -->
                     <control:BorderlessEditor
                         Grid.Row="2"
                         Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HeightRequest="100"
                         HorizontalOptions="FillAndExpand"
@@ -165,16 +151,11 @@
                 <buttons:SfButton
                     x:Name="SubmitButton"
                     Margin="0,8,0,24"
-                    BorderWidth="0"
                     Command="{Binding SubmitCommand}"
                     CommandParameter="{x:Reference SubmitButton}"
-                    CornerRadius="20"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                    FontSize="16"
-                    HeightRequest="40"
                     HorizontalOptions="{OnIdiom Default=EndAndExpand,
                                                 Phone=CenterAndExpand}"
-                    Style="{StaticResource SubmitButtonStyle}"
+                    Style="{StaticResource GradientButtonStyle}"
                     Text="SUBMIT"
                     WidthRequest="200" />
             </StackLayout>
diff --git a/EssentialUIKit/Views/Feedback/ReviewPage.xaml.cs b/EssentialUIKit/Views/Feedback/ReviewPage.xaml.cs
index 12feff4c..fcea7727 100644
--- a/EssentialUIKit/Views/Feedback/ReviewPage.xaml.cs
+++ b/EssentialUIKit/Views/Feedback/ReviewPage.xaml.cs
@@ -12,8 +12,9 @@ public partial class ReviewPage
     {
         public ReviewPage()
         {
-            InitializeComponent();
-            this.ProductImage.Source = App.BaseImageUrl + "Image1.png";
+            this.InitializeComponent();
+            this.ProductImage.Source = App.ImageServerPath + "Image1.png";
+            this.dashedBorder.DashArray = new double[2] { 5, 5 };
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Feedback/Styles.xaml b/EssentialUIKit/Views/Feedback/Styles.xaml
deleted file mode 100644
index 18f850fc..00000000
--- a/EssentialUIKit/Views/Feedback/Styles.xaml
+++ /dev/null
@@ -1,168 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Feedback.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
-
-    <Color x:Key="Gold">#fcbc0f</Color>
-
-    <x:String x:Key="Back">&#xe709;</x:String>
-    <x:String x:Key="Filter">&#xe702;</x:String>
-    <x:String x:Key="Search">&#xe705;</x:String>
-    <x:String x:Key="Sort">&#xe70a;</x:String>
-    <x:String x:Key="Home">&#xe706;</x:String>
-    <x:String x:Key="Categories">&#xe70d;</x:String>
-    <x:String x:Key="WishList">&#xe701;</x:String>
-    <x:String x:Key="Cart">&#xe708;</x:String>
-    <x:String x:Key="Account">&#xe70e;</x:String>
-    <x:String x:Key="Close">&#xe724;</x:String>
-
-    <!--  Common style for font icons  -->
-    <Style x:Key="CommonIconStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25,Default=-1}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for sfBorder  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderWidth" Value="{OnIdiom Default=2, Desktop=0}" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <rating:SfRatingSettings
-        x:Key="RatingSettings"
-        RatedFill="{StaticResource Gold}"
-        RatedStroke="{StaticResource Gold}"
-        UnRatedStroke="{DynamicResource Gray-600}"
-        UnRatedStrokeWidth="1" />
-
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="13" />
-        <Setter Property="ItemSpacing" Value="1" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfButton  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderWidth" Value="2" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="CornerRadius" Value="4" />
-    </Style>
-
-    <!--  Common style for Magenta buttons  -->
-    <Style x:Key="SubmitButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <DataTemplate x:Key="HeaderTemplate">
-
-        <StackLayout
-            Padding="16,8,8,0"
-            HorizontalOptions="End"
-            Orientation="Horizontal"
-            Spacing="8">
-
-            <!--  Filter label and icon  -->
-
-            <buttons:SfButton
-                BorderWidth="0"
-                Command="{Binding FilterCommand}"
-                CornerRadius="4"
-                HeightRequest="32"
-                Style="{StaticResource SfButtonStyle}">
-                <buttons:SfButton.Content>
-                    <StackLayout
-                        Padding="8,5,8,6"
-                        Orientation="Horizontal"
-                        Spacing="8">
-                        <Label
-                            HorizontalOptions="End"
-                            Style="{StaticResource CommonIconStyle}"
-                            Text="{StaticResource Filter}" />
-
-                        <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            HorizontalOptions="End"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Filter" />
-                    </StackLayout>
-                </buttons:SfButton.Content>
-            </buttons:SfButton>
-
-            <!--  Sort label and icon  -->
-            <buttons:SfButton
-                BorderWidth="0"
-                Command="{Binding SortCommand}"
-                CornerRadius="4"
-                HeightRequest="32"
-                Style="{StaticResource SfButtonStyle}">
-                <buttons:SfButton.Content>
-                    <StackLayout
-                        Padding="8,5,8,6"
-                        Orientation="Horizontal"
-                        Spacing="8">
-
-                        <Label
-                            HorizontalOptions="End"
-                            Style="{StaticResource CommonIconStyle}"
-                            Text="{StaticResource Sort}" />
-
-                        <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            HorizontalOptions="End"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Sorting" />
-                    </StackLayout>
-                </buttons:SfButton.Content>
-            </buttons:SfButton>
-
-        </StackLayout>
-    </DataTemplate>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Feedback/Styles.xaml.cs b/EssentialUIKit/Views/Feedback/Styles.xaml.cs
deleted file mode 100644
index a27a03ad..00000000
--- a/EssentialUIKit/Views/Feedback/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Feedback
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/AddCardPage.xaml b/EssentialUIKit/Views/Forms/AddCardPage.xaml
index 915cc04b..56d2ff59 100644
--- a/EssentialUIKit/Views/Forms/AddCardPage.xaml
+++ b/EssentialUIKit/Views/Forms/AddCardPage.xaml
@@ -4,23 +4,25 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:calender="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms"
     xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:datePicker="clr-namespace:Syncfusion.XForms.Pickers;assembly=Syncfusion.SfPicker.XForms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
+    x:Name="AddCard"
     Title="Add Card"
-    BackgroundColor="{DynamicResource Gray-100}"
+    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
     NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -29,6 +31,26 @@
         <viewModel:AddCardViewModel />
     </ContentPage.BindingContext>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView Title="Add New Card">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <button:SfButton
+                            x:Name="backButton"
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference AddCard}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
         <ScrollView>
 
@@ -46,59 +68,74 @@
             </ScrollView.VerticalOptions>
 
             <Grid>
-
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
+                <datePicker:SfDatePicker x:Name="datePicker"
+                                         PickerMode="Dialog"
+                                         PickerWidth="310"
+                                         PickerHeight="360"
+                                         ShowFooter="True"
+                                         OKButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         OkButtonClicked="DatePicker_OkButtonClicked"
+                                         CancelButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderTextColor="{DynamicResource Gray-900}"
+                                         HeaderBackgroundColor="{DynamicResource PrimaryColor}"
+                                         OKButtonTextColor="{DynamicResource PrimaryColor}"
+                                         CancelButtonTextColor="{DynamicResource PrimaryColor}"
+                                         BackgroundColor="{DynamicResource Gray-Bg}"
+                                         SelectedItemFontFamily="Montserrat-Regular"
+                                         SelectedItemFontSize="16"
+                                         SelectedItemTextColor="{DynamicResource PrimaryColor}"
+                                         UnselectedItemFontFamily="Montserrat-Regular"
+                                         UnselectedItemFontSize="16"
+                                         UnselectedItemTextColor="{DynamicResource Gray-900}"
+                                         Format="dd_MM_yyyy">
+
+                </datePicker:SfDatePicker>
+
+                <Grid RowDefinitions="Auto, Auto">
 
                 <control:CustomShadowFrame
                     Margin="16,24,16,32"
                     Padding="16"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    BorderColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                    BorderColor="{DynamicResource GrayShadowColor}"
                     CornerRadius="4"
                     HasShadow="True"
                     HorizontalOptions="Center"
+                    Radius="4"
                     WidthRequest="{OnIdiom Default='550',
                                            Phone='-1'}">
 
-                    <StackLayout BackgroundColor="{DynamicResource Gray-White}" Spacing="0">
+                    <StackLayout BackgroundColor="Transparent" Spacing="0">
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="12"
-                            Text="Card Number"
+                            Text="Card number"
                             TextColor="{DynamicResource Gray-800}" />
 
                         <!--  Card number entry and card image  -->
-                        <border:SfBorder
+                        <border:SfBorder 
                             Margin="0,4"
-                            BackgroundColor="{DynamicResource Gray-White}"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
                             BorderColor="{Binding Source={x:Reference cardNumberEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
                             CornerRadius="4">
 
-                            <Grid>
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="*" />
-                                    <ColumnDefinition Width="Auto" />
-                                </Grid.ColumnDefinitions>
+                            <Grid ColumnDefinitions="*, Auto">
 
                                 <control:BorderlessEntry
                                     x:Name="cardNumberEntry"
                                     Grid.Column="0"
                                     Margin="12,0"
-                                    FontSize="16"
                                     HeightRequest="40"
                                     Keyboard="Numeric"
                                     MaxLength="19"
                                     Placeholder="Enter Card Number"
-                                    PlaceholderColor="{DynamicResource Gray-700}"
-                                    Text="{Binding CardNumber}"
-                                    TextColor="{DynamicResource Gray-900}">
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding CardNumber.Value}">
+
                                     <control:BorderlessEntry.Behaviors>
-                                        <behavior:PaymentCardNumberEntryBehavior />
+                                        <behavior:PaymentCardNumberEntryBehavior IsValid="{Binding CardNumber.IsValid}" />
                                     </control:BorderlessEntry.Behaviors>
                                 </control:BorderlessEntry>
 
@@ -115,111 +152,157 @@
 
                         </border:SfBorder>
 
+                        <!--  Label to display error message  -->
+                        <Label
+                            x:Name="CardNumberValidationLabel"
+                            Margin="15,-3,0,0"
+                            IsVisible="{Binding CardNumber.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                            Style="{StaticResource SimpleLabelStyle}"
+                            Text="{Binding CardNumber.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                            TextColor="{DynamicResource Red}"
+                            VerticalOptions="FillAndExpand" />
+
                         <Grid
                             Margin="0,12,0,16"
                             Padding="0"
+                            ColumnDefinitions="*, *"
                             ColumnSpacing="16"
+                            RowDefinitions="Auto, Auto"
                             RowSpacing="4">
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto" />
-                                <RowDefinition Height="Auto" />
-                            </Grid.RowDefinitions>
-
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="*" />
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-
                             <Label
                                 Grid.Row="0"
                                 Grid.Column="0"
-                                FontFamily="{StaticResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
-                                Text="Expire Date"
+                                Text="Expiration date"
                                 TextColor="{DynamicResource Gray-800}" />
 
                             <Label
                                 Grid.Row="0"
                                 Grid.Column="1"
-                                FontFamily="{StaticResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
                                 Text="CVV"
                                 TextColor="{DynamicResource Gray-800}" />
 
-                            <!--  Combobox with calendar to pick the expire date of the card  -->
-                            <border:SfBorder
-                                Grid.Row="1"
-                                Margin="0"
-                                Style="{StaticResource FormBorderStyle}">
-
-                                <control:CalenderDatePicker
-                                    x:Name="CustomDatePicker"
-                                    FontSize="16"
-                                    Format="MM/yy"
-                                    PlaceHolderText="MM/YY"
-                                    TextColor="{DynamicResource Gray-900}" />
-
-                            </border:SfBorder>
-
-                            <!--  Entry for cvv number  -->
-                            <border:SfBorder
-                                Grid.Row="1"
-                                Grid.Column="1"
-                                BackgroundColor="{DynamicResource Gray-White}"
-                                BorderColor="{Binding Source={x:Reference cvvEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                CornerRadius="4">
-
-                                <control:BorderlessEntry
-                                    x:Name="cvvEntry"
-                                    Margin="12,0"
-                                    FontSize="16"
-                                    HeightRequest="40"
-                                    IsPassword="True"
-                                    Keyboard="Numeric"
-                                    MaxLength="3"
-                                    Placeholder="Enter CVV"
-                                    PlaceholderColor="{DynamicResource Gray-700}"
-                                    Text="{Binding CVV}"
-                                    TextColor="{DynamicResource Gray-900}">
-                                    <control:BorderlessEntry.Behaviors>
-                                        <behavior:BorderlessEntryCVVBehavior />
-                                    </control:BorderlessEntry.Behaviors>
-                                </control:BorderlessEntry>
-                            </border:SfBorder>
-
+                            <StackLayout Grid.Row="1">
+                                <!--  Combobox with calendar to pick the expire date of the card  -->
+                                <border:SfBorder
+                                    Margin="0"
+                                    Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                                    VerticalOptions="Fill">
+                                        <button:SfButton x:Name="pickerButton" 
+                                                         Text="{Binding Date, StringFormat='{0:MM/yy}'}"
+                                                         FontSize="16"   
+                                                         HeightRequest="40"
+                                                         FontFamily="Montserrat-Regular"
+                                                         HorizontalOptions="FillAndExpand"
+                                                         HorizontalTextAlignment="Start"
+                                                         TextColor="{DynamicResource Gray-900}"
+                                                         BackgroundColor="Transparent" 
+                                                         Clicked="DatePicker_Clicked" />
+                                    </border:SfBorder>
+                            </StackLayout>
+
+                            <StackLayout Grid.Row="1" Grid.Column="1">
+                                <!--  Entry for cvv number  -->
+                                <border:SfBorder
+                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                    BorderColor="{Binding Source={x:Reference cvvEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                    CornerRadius="4">
+
+                                    <Grid ColumnDefinitions="*, Auto">
+
+                                        <control:BorderlessEntry
+                                            x:Name="cvvEntry"
+                                            Margin="12,0"
+                                            HeightRequest="40"
+                                            IsPassword="True"
+                                            Keyboard="Numeric"
+                                            MaxLength="3"
+                                            Placeholder="Enter CVV"
+                                            Style="{StaticResource BorderlessEntryStyle}"
+                                            Text="{Binding CVV.Value}">
+                                            <control:BorderlessEntry.Behaviors>
+                                                <behavior:BorderlessEntryCVVBehavior IsValid="{Binding CVV.IsValid}" />
+                                            </control:BorderlessEntry.Behaviors>
+                                        </control:BorderlessEntry>
+
+                                        <!--  Label to display error icon  -->
+                                        <Label
+                                            Grid.Column="1"
+                                            IsVisible="{Binding Path=IsVisible, Source={x:Reference CvvValidationLabel}}"
+                                            Style="{StaticResource ErrorIconLabelStyle}"
+                                            Text="{StaticResource Error}" />
+                                    </Grid>
+                                </border:SfBorder>
+
+                                <!--  Label to display error message  -->
+                                <Label
+                                    x:Name="CvvValidationLabel"
+                                    Margin="15,-3,0,0"
+                                    IsVisible="{Binding CVV.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="{Binding CVV.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                    TextColor="{DynamicResource Red}"
+                                    VerticalOptions="FillAndExpand" />
+
+                            </StackLayout>
                         </Grid>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="12"
-                            Text="Name on Card"
+                            Text="Name on card"
                             TextColor="{DynamicResource Gray-800}" />
 
                         <!--  Entry for card holder name  -->
                         <border:SfBorder
                             Margin="0,4"
-                            BackgroundColor="{DynamicResource Gray-White}"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
                             BorderColor="{Binding Source={x:Reference nameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
                             CornerRadius="4">
+                            <Grid ColumnDefinitions="*, Auto">
+
+                                <control:BorderlessEntry
+                                    x:Name="nameEntry"
+                                    Margin="12,0"
+                                    HeightRequest="40"
+                                    Placeholder="Enter Name"
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding Name.Value}">
+                                    <Entry.Behaviors>
+                                        <behaviour:EntryLineValidationBehaviour IsValid="{Binding Name.IsValid}" />
+                                    </Entry.Behaviors>
+                                </control:BorderlessEntry>
 
-                            <control:BorderlessEntry
-                                x:Name="nameEntry"
-                                Margin="12,0"
-                                FontSize="16"
-                                HeightRequest="40"
-                                Placeholder="Enter Name"
-                                PlaceholderColor="{DynamicResource Gray-700}"
-                                Text="{Binding Name}"
-                                TextColor="{DynamicResource Gray-900}" />
+                                <!--  Label to display error icon  -->
+                                <Label
+                                    Grid.Column="1"
+                                    IsVisible="{Binding Path=IsVisible, Source={x:Reference NameValidationLabel}}"
+                                    Style="{StaticResource ErrorIconLabelStyle}"
+                                    Text="{StaticResource Error}" />
+                            </Grid>
                         </border:SfBorder>
 
+                        <!--  Label to display error message  -->
+                        <Label
+                            x:Name="NameValidationLabel"
+                            Margin="15,-3,0,0"
+                            IsVisible="{Binding Name.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                            Style="{StaticResource SimpleLabelStyle}"
+                            Text="{Binding Name.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                            TextColor="{DynamicResource Red}"
+                            VerticalOptions="FillAndExpand" />
+
                         <!--  Checkbox to save the card  -->
                         <button:SfCheckBox
                             Margin="4,16,0,4"
                             CornerRadius="2"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="16"
                             IsChecked="{Binding IsChecked}"
+                            Style="{StaticResource CheckBoxStyle}"
                             Text="Save this card"
                             TextColor="{DynamicResource Gray-900}"
                             VerticalOptions="Center" />
@@ -232,13 +315,12 @@
                     Grid.Row="1"
                     Command="{Binding AddCardCommand}"
                     CommandParameter="{Binding .}"
-                    HorizontalOptions="Center"
-                    Style="{StaticResource SfButtonStyle}"
+                    Style="{StaticResource GradientButtonStyle}"
                     Text="ADD CARD"
                     WidthRequest="245" />
 
             </Grid>
+          </Grid>
         </ScrollView>
-
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/AddCardPage.xaml.cs b/EssentialUIKit/Views/Forms/AddCardPage.xaml.cs
index 454fbff9..0621156e 100644
--- a/EssentialUIKit/Views/Forms/AddCardPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/AddCardPage.xaml.cs
@@ -1,5 +1,4 @@
-using System.Collections.ObjectModel;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -14,7 +13,17 @@ public partial class AddCardPage : ContentPage
     {
         public AddCardPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+        }
+
+        private void DatePicker_Clicked(object sender, System.EventArgs e)
+        {
+            datePicker.IsOpen = true;
+        }
+
+        private void DatePicker_OkButtonClicked(object sender, Syncfusion.XForms.Pickers.DateChangedEventArgs e)
+        {
+            pickerButton.Text = string.Format("{0:MM/yy}", e.NewValue);
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/AddContactPage.xaml b/EssentialUIKit/Views/Forms/AddContactPage.xaml
index fff8239e..e2834a7a 100644
--- a/EssentialUIKit/Views/Forms/AddContactPage.xaml
+++ b/EssentialUIKit/Views/Forms/AddContactPage.xaml
@@ -4,22 +4,26 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:ListCollection="clr-namespace:System.Collections.Generic;assembly=netstandard"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:datePicker="clr-namespace:Syncfusion.XForms.Pickers;assembly=Syncfusion.SfPicker.XForms"
+    xmlns:inputLayout="clr-namespace:Syncfusion.XForms.TextInputLayout;assembly=Syncfusion.Core.XForms"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
+    x:Name="AddContact"
     Title="Details Form"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -27,58 +31,165 @@
         <viewModel:AddContactViewModel />
     </ContentPage.BindingContext>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView Title="New Contact">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference AddContact}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
         <ScrollView>
-            <StackLayout Padding="16">
-                <Label Style="{StaticResource HeaderLabelStyle}" Text="General Information" />
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition />
-                        <ColumnDefinition Width="4" />
-                        <ColumnDefinition />
-                    </Grid.ColumnDefinitions>
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="56" />
-                        <RowDefinition Height="56" />
-                    </Grid.RowDefinitions>
-                    <border:SfBorder BorderColor="{Binding Source={x:Reference FirstNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource FormBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="FirstNameEntry"
-                            Placeholder="First Name" Text="{Binding FirstName}"
-                            Style="{StaticResource EntryTextStyle}" />
-                    </border:SfBorder>
-                    <border:SfBorder
-                        Grid.Column="2"
-                        BorderColor="{Binding Source={x:Reference LastNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource FormBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="LastNameEntry"
-                            Placeholder="Last Name" Text="{Binding LastName}"
-                            Style="{StaticResource EntryTextStyle}" />
-                    </border:SfBorder>
+            <Grid>
+                <datePicker:SfDatePicker x:Name="datePicker"
+                                         PickerMode="Dialog"
+                                         PickerWidth="310"
+                                         PickerHeight="360"
+                                         ShowFooter="True"
+                                         OKButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         OkButtonClicked="DatePicker_OkButtonClicked"
+                                         CancelButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderTextColor="{DynamicResource Gray-900}"
+                                         HeaderBackgroundColor="{DynamicResource PrimaryColor}"
+                                         OKButtonTextColor="{DynamicResource PrimaryColor}"
+                                         CancelButtonTextColor="{DynamicResource PrimaryColor}"
+                                         BackgroundColor="{DynamicResource Gray-Bg}"
+                                         SelectedItemFontFamily="Montserrat-Regular"
+                                         SelectedItemFontSize="16"
+                                         SelectedItemTextColor="{DynamicResource PrimaryColor}"
+                                         UnselectedItemFontFamily="Montserrat-Regular"
+                                         UnselectedItemFontSize="16"
+                                         UnselectedItemTextColor="{DynamicResource Gray-900}"
+                                         Format="dd_MM_yyyy" />
+                <StackLayout Padding="16">
+                <Label
+                    FontSize="14"
+                    HorizontalOptions="Start"
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="General Information" />
+                <Grid ColumnDefinitions="*,4,*" RowDefinitions="*,56">
+
+                    <StackLayout>
+                        <border:SfBorder
+                            Margin="0,8,0,0"
+                            Padding="12,8"
+                            BorderColor="{Binding Source={x:Reference FirstNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                            Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                            VerticalOptions="Start">
+                            <Grid ColumnDefinitions="*, Auto">
+
+
+                                <control:BorderlessEntry
+                                    x:Name="FirstNameEntry"
+                                    Placeholder="First Name"
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding FirstName.Value}">
+                                    <Entry.Behaviors>
+                                        <behaviour:EntryLineValidationBehaviour IsValid="{Binding FirstName.IsValid}" />
+                                    </Entry.Behaviors>
+                                </control:BorderlessEntry>
+
+                                <!--  Label to display error icon  -->
+                                <Label
+                                    Grid.Column="1"
+                                    Margin="0"
+                                    IsVisible="{Binding Path=IsVisible, Source={x:Reference FirstNameValidationLabel}}"
+                                    Style="{StaticResource ErrorIconLabelStyle}"
+                                    Text="{StaticResource Error}" />
+                            </Grid>
+                        </border:SfBorder>
+
+                        <!--  Label to display error message  -->
+                        <Label
+                            x:Name="FirstNameValidationLabel"
+                            Margin="15,-5,0,0"
+                            IsVisible="{Binding FirstName.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                            Style="{StaticResource SimpleLabelStyle}"
+                            Text="{Binding FirstName.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                            TextColor="{DynamicResource Red}"
+                            VerticalOptions="FillAndExpand" />
+                    </StackLayout>
+
+                    <StackLayout Grid.Column="2">
+                        <border:SfBorder
+                            Margin="0,8,0,0"
+                            Padding="12,8"
+                            BorderColor="{Binding Source={x:Reference LastNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                            Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                            VerticalOptions="Start">
+                            <Grid ColumnDefinitions="*, Auto">
+
+                                <control:BorderlessEntry
+                                    x:Name="LastNameEntry"
+                                    Placeholder="Last Name"
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding LastName.Value}">
+                                    <Entry.Behaviors>
+                                        <behaviour:EntryLineValidationBehaviour IsValid="{Binding LastName.IsValid}" />
+                                    </Entry.Behaviors>
+                                </control:BorderlessEntry>
+
+                                <!--  Label to display error icon  -->
+                                <Label
+                                    Grid.Column="1"
+                                    Margin="0"
+                                    IsVisible="{Binding Path=IsVisible, Source={x:Reference LastNameValidationLabel}}"
+                                    Style="{StaticResource ErrorIconLabelStyle}"
+                                    Text="{StaticResource Error}" />
+                            </Grid>
+                        </border:SfBorder>
+
+                        <!--  Label to display error message  -->
+                        <Label
+                            x:Name="LastNameValidationLabel"
+                            Margin="15,-3,0,0"
+                            IsVisible="{Binding LastName.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                            Style="{StaticResource SimpleLabelStyle}"
+                            Text="{Binding LastName.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                            TextColor="{DynamicResource Red}"
+                            VerticalOptions="FillAndExpand" />
+                    </StackLayout>
+
                     <border:SfBorder
                         Grid.Row="1"
+                        Margin="0,8"
                         Padding="12,0,0,0"
-                        Style="{StaticResource FormBorderStyle}">
+                        Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                        VerticalOptions="FillAndExpand">
 
-                        <control:CalenderDatePicker Date="{Binding Date}" 
-                            x:Name="CustomDatePicker"
-                            FontFamily="{StaticResource Montserrat-Regular}"
-                            FontSize="16"
-                            Format="dd/MM/yy"
-                            PlaceHolderText="DD/MM/YY"
-                            TextColor="{DynamicResource Gray-900}" />
+                            <buttons:SfButton x:Name="pickerButton" 
+                                              Text="{Binding Date, StringFormat='{0:dd/MM/yyyy}'}"
+                                              FontSize="16"
+                                              Padding="-5, 0, 0 ,0"                                            
+                                              FontFamily="Montserrat-Regular"
+                                              HorizontalOptions="FillAndExpand"
+                                              HorizontalTextAlignment="Start"
+                                              TextColor="{DynamicResource Gray-900}"
+                                              BackgroundColor="Transparent" 
+                                              Clicked="DatePicker_Clicked" />
 
                     </border:SfBorder>
-                    <border:SfBorder
+                    <inputLayout:SfTextInputLayout
                         Grid.Row="1"
                         Grid.Column="2"
-                        Padding="6,0,0,0"
-                        BorderColor="{Binding Source={x:Reference GenderPicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource FormBorderStyle}">
+                        Style="{DynamicResource TextInputLayoutStyle}">
                         <combobox:SfComboBox
-                            x:Name="GenderPicker" SelectedValue="{Binding Gender, Mode=TwoWay}"
-                            Style="{StaticResource ComboBoxStyle}"
+                            x:Name="GenderPicker"
+                            SelectedValue="{Binding Gender, Mode=TwoWay}"
+                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
                             Watermark="Gender">
                             <combobox:SfComboBox.ComboBoxSource>
                                 <ListCollection:List x:TypeArguments="x:String">
@@ -86,111 +197,85 @@
                                     <x:String>Female</x:String>
                                 </ListCollection:List>
                             </combobox:SfComboBox.ComboBoxSource>
-                            <combobox:SfComboBox.DropDownButtonSettings>
-                                <combobox:DropDownButtonSettings Width="30" Height="30">
-                                    <combobox:DropDownButtonSettings.View>
-                                        <Label
-                                            Margin="0"
-                                            FontFamily="{StaticResource FontIcons}"
-                                            FontSize="25"
-                                            HorizontalTextAlignment="Center"
-                                            Text="{StaticResource DropDownButtonIcon}"
-                                            TextColor="{DynamicResource Gray-600}"
-                                            VerticalTextAlignment="Center" />
-                                    </combobox:DropDownButtonSettings.View>
-                                </combobox:DropDownButtonSettings>
-                            </combobox:SfComboBox.DropDownButtonSettings>
                         </combobox:SfComboBox>
-                    </border:SfBorder>
+                    </inputLayout:SfTextInputLayout>
                 </Grid>
                 <Label
                     Margin="0,16,0,0"
-                    Style="{StaticResource HeaderLabelStyle}"
+                    FontSize="14"
+                    HorizontalOptions="Start"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="Contact Information" />
-                <local:ContactEmailEntry /> 
-                <border:SfBorder BorderColor="{Binding Source={x:Reference PhoneNoEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource FormBorderStyle}">
-                    <control:BorderlessEntry
-                        x:Name="PhoneNoEntry"
-                        Keyboard="Numeric" Text="{Binding PhoneNumber}"
-                        Placeholder="Phone Number"
-                        Style="{StaticResource EntryTextStyle}" />
-                </border:SfBorder>
-                <border:SfBorder BorderColor="{Binding Source={x:Reference AddressEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource FormBorderStyle}">
+                <local:ContactEmailEntry />
+
+                <border:SfBorder
+                    Margin="0,8"
+                    Padding="12,8"
+                    BorderColor="{Binding Source={x:Reference AddressEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                    Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                    VerticalOptions="Start">
                     <control:BorderlessEntry
                         x:Name="AddressEntry"
-                        Placeholder="Address" Text="{Binding Address}"
-                        Style="{StaticResource EntryTextStyle}" />
+                        Placeholder="Address"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding Address}" />
                 </border:SfBorder>
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition />
-                        <ColumnDefinition Width="4" />
-                        <ColumnDefinition />
-                    </Grid.ColumnDefinitions>
-                    <border:SfBorder BorderColor="{Binding Source={x:Reference CityEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource FormBorderStyle}">
+
+                <Grid Margin="0,8,0,10">
+                    <inputLayout:SfTextInputLayout Style="{DynamicResource TextInputLayoutStyle}">
+                        <control:CountryComboBox x:Name="CountryPicker" Style="{StaticResource TextInputLayoutComboBoxStyle}" />
+                    </inputLayout:SfTextInputLayout>
+                </Grid>
+
+                <Grid ColumnDefinitions="*, 4, *">
+
+                    <border:SfBorder
+                        Grid.Column="2"
+                        Margin="0,8"
+                        Padding="12,8"
+                        BorderColor="{Binding Source={x:Reference CityEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                        HeightRequest="26"
+                        Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                        VerticalOptions="Start">
                         <control:BorderlessEntry
                             x:Name="CityEntry"
-                            Placeholder="City" Text="{Binding City}"
-                            Style="{StaticResource EntryTextStyle}" />
+                            Placeholder="City"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding City, Source={Reference CountryPicker}}" />
                     </border:SfBorder>
-                    <border:SfBorder
-                        Grid.Column="2"
-                        Padding="6,0,0,0"
-                        BorderColor="{Binding Source={x:Reference StatePicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource FormBorderStyle}">
+                    <inputLayout:SfTextInputLayout Style="{DynamicResource TextInputLayoutStyle}">
                         <combobox:SfComboBox
-                            x:Name="StatePicker" SelectedValue="{Binding State, Mode=TwoWay}"
-                            Style="{StaticResource ComboBoxStyle}"
-                            Watermark="State">
-                            <combobox:SfComboBox.DropDownButtonSettings>
-                                <combobox:DropDownButtonSettings>
-                                    <combobox:DropDownButtonSettings.View>
-                                        <Label
-                                            Margin="0"
-                                            FontFamily="{StaticResource FontIcons}"
-                                            FontSize="25"
-                                            HorizontalTextAlignment="Center"
-                                            Text="{StaticResource DropDownButtonIcon}"
-                                            TextColor="{DynamicResource Gray-600}"
-                                            VerticalTextAlignment="Center" />
-                                    </combobox:DropDownButtonSettings.View>
-                                </combobox:DropDownButtonSettings>
-                            </combobox:SfComboBox.DropDownButtonSettings>
-                        </combobox:SfComboBox>
-                    </border:SfBorder>
+                            x:Name="StatePicker"
+                            DataSource="{Binding States, Source={Reference CountryPicker}}"
+                            SelectedItem="{Binding State, Source={Reference CountryPicker}}"
+                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                            Watermark="State" />
+                    </inputLayout:SfTextInputLayout>
                 </Grid>
                 <border:SfBorder
-                    Padding="6,0,0,0"
-                    BorderColor="{Binding Source={x:Reference CountryPicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                    HeightRequest="40"
-                    Style="{StaticResource FormBorderStyle}">
-                    <combobox:SfComboBox
-                        x:Name="CountryPicker" 
-                        SelectedValue="{Binding Country, Mode=TwoWay}"
-                        Style="{StaticResource ComboBoxStyle}"
-                        Watermark="Country">
-                        <combobox:SfComboBox.DropDownButtonSettings>
-                            <combobox:DropDownButtonSettings Width="30" Height="30">
-                                <combobox:DropDownButtonSettings.View>
-                                    <Label
-                                        Margin="0"
-                                        FontFamily="{StaticResource FontIcons}"
-                                        FontSize="25"
-                                        HorizontalTextAlignment="Center"
-                                        Text="{StaticResource DropDownButtonIcon}"
-                                        TextColor="{DynamicResource Gray-600}"
-                                        VerticalTextAlignment="Center" />
-                                </combobox:DropDownButtonSettings.View>
-                            </combobox:DropDownButtonSettings>
-                        </combobox:SfComboBox.DropDownButtonSettings>
-                    </combobox:SfComboBox>
+                    Margin="0,8"
+                    Padding="12,8"
+                    BorderColor="{Binding Source={x:Reference PhoneNoEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                    Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                    VerticalOptions="Start">
+                    <control:BorderlessEntry
+                        x:Name="PhoneNoEntry"
+                        Keyboard="Telephone"
+                        Placeholder="{Binding PhoneNumberPlaceHolder, Source={Reference CountryPicker}}"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding PhoneNumber, Source={Reference CountryPicker}}">
+                        <control:BorderlessEntry.Behaviors>
+                            <behaviors:EntryMaskedBehavior Mask="{Binding Source={x:Reference CountryPicker}, Path=Mask}" Prefix="{Binding Source={Reference CountryPicker}, Path=CountryCode}" />
+                        </control:BorderlessEntry.Behaviors>
+                    </control:BorderlessEntry>
                 </border:SfBorder>
                 <buttons:SfButton
-                    HorizontalOptions="Center" Command="{Binding SubmitCommand}"
-                    Style="{StaticResource SfButtonStyle}"
+                    Command="{Binding SubmitCommand}"
+                    Style="{StaticResource GradientButtonStyle}"
                     Text="SUBMIT"
                     WidthRequest="200" />
             </StackLayout>
+           </Grid>
         </ScrollView>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/AddContactPage.xaml.cs b/EssentialUIKit/Views/Forms/AddContactPage.xaml.cs
index cab24eb6..6d057c8f 100644
--- a/EssentialUIKit/Views/Forms/AddContactPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/AddContactPage.xaml.cs
@@ -10,7 +10,17 @@ public partial class AddContactPage : ContentPage
     {
         public AddContactPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+        }
+
+        private void DatePicker_Clicked(object sender, System.EventArgs e)
+        {
+            datePicker.IsOpen = true;
+        }
+
+        private void DatePicker_OkButtonClicked(object sender, Syncfusion.XForms.Pickers.DateChangedEventArgs e)
+        {
+            pickerButton.Text = string.Format("{0:dd/MM/yyyy}", e.NewValue);
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/AddProfilePage.xaml b/EssentialUIKit/Views/Forms/AddProfilePage.xaml
index e9d38bb7..fc486f5a 100644
--- a/EssentialUIKit/Views/Forms/AddProfilePage.xaml
+++ b/EssentialUIKit/Views/Forms/AddProfilePage.xaml
@@ -7,115 +7,169 @@
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:behaviours="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
-    Title="New Contact"
-    BackgroundColor="{DynamicResource Gray-White}"
-    NavigationPage.HasNavigationBar="False">
+    xmlns:ViewModel="clr-namespace:EssentialUIKit.ViewModels.Forms" 
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    x:Name="AddProfile">
+
+    <ContentPage.BindingContext>
+        <ViewModel:AddProfileViewModel/>
+    </ContentPage.BindingContext>
+
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter"/>
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter"/>
         </ResourceDictionary>
     </ContentPage.Resources>
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView Title="New Profile">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton x:Name="backButton" Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference AddProfile}}" 
+                                          Text="{StaticResource Back}" CommandParameter="{x:Reference backButton}" 
+                                          Style="{StaticResource IconButtonStyle}" />
+
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
         <ScrollView>
             <StackLayout Padding="16" Spacing="16">
-
-                <!--  To display the Avatar with add icon  -->
-                <badge:SfBadgeView
-                    Padding="0"
-                    HeightRequest="90"
-                    HorizontalOptions="Center"
-                    VerticalOptions="Center"
-                    WidthRequest="90">
-                    <badge:SfBadgeView.Content>
-
-                        <!--  Avatar view to display the profile picture  -->
-                        <sfavatar:SfAvatarView
+                <Grid>
+                <!--  Avatar view to display the profile picture  -->                  
+                    <sfavatar:SfAvatarView
                             Padding="13"
                             BackgroundColor="{DynamicResource Gray-200}"
                             BorderWidth="0"
                             ContentType="Custom"
-                            CornerRadius="45"
-                            HeightRequest="90"
+                            CornerRadius="80"
+                            HeightRequest="80"
                             HorizontalOptions="Center"
                             VerticalOptions="Center"
-                            WidthRequest="90">
-                            <sfavatar:SfAvatarView.ImageSource>
-                                <FontImageSource
-                                    FontFamily="{StaticResource FontIcons}"
-                                    Glyph="{StaticResource AvatarIcon}"
+                            WidthRequest="80">
+                        <sfavatar:SfAvatarView.ImageSource>
+                            <FontImageSource
+                                    FontFamily="FontIcons"
+                                    Glyph="{StaticResource Contact}"
                                     Size="29"
                                     Color="{DynamicResource Gray-600}" />
-                            </sfavatar:SfAvatarView.ImageSource>
-                        </sfavatar:SfAvatarView>
-                    </badge:SfBadgeView.Content>
-
-                    <!--  Badge setting to display the add icon above the profile picture  -->
-                    <badge:SfBadgeView.BadgeSettings>
-                        <badge:BadgeSetting
-                            BackgroundColor="{DynamicResource Gray-100}"
-                            BadgeAnimation="None"
-                            BadgeIcon="Add"
-                            BadgePosition="BottomRight"
-                            BadgeType="None"
-                            FontSize="15"
-                            Stroke="{DynamicResource Gray-White}"
-                            StrokeWidth="4"
-                            TextColor="{DynamicResource Gray-600}"
-                            TextPadding="7"
-                            Offset="-5,-10" />
-                    </badge:SfBadgeView.BadgeSettings>
-                </badge:SfBadgeView>
+                        </sfavatar:SfAvatarView.ImageSource>
+                    </sfavatar:SfAvatarView>
+
+                    <border:SfBorder HorizontalOptions="Center" VerticalOptions="Center" 
+                        HeightRequest="110" WidthRequest="110" BorderColor="Transparent" >
+                        <border:SfBorder.Content>
+                            <buttons:SfButton Text="{StaticResource Add}" HeightRequest="36"
+                                              WidthRequest="36" CornerRadius="36" VerticalOptions="End" 
+                                              HorizontalOptions="End" BorderWidth="2" BackgroundColor="{DynamicResource Gray-200}"
+                                              BorderColor="{DynamicResource Gray-Bg}"
+                                              TextColor="{DynamicResource Steel}" Style="{StaticResource IconButtonStyle}"
+                                              Command="{Binding AddProfileCommand}" />
+                        </border:SfBorder.Content>
+                    </border:SfBorder>
+                </Grid>
 
                 <!--  Displaying the label of Add profile picture below to the badgeview  -->
-                <Label
-                    FontFamily="{DynamicResource Montserrat-Medium}"
-                    FontSize="14"
-                    HorizontalOptions="Center"
-                    Text="Add Profile Picture"
-                    TextColor="{DynamicResource Gray-700}" />
+                <Label Text="Add Profile Picture"
+                       Style="{StaticResource DescriptionLabelStyle}" />
 
+                <StackLayout>
                 <!--  First name entry with border  -->
-                <border:SfBorder BorderColor="{Binding Source={x:Reference FirstNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource FormBorderStyle}">
-                    <control:BorderlessEntry
+                <border:SfBorder BorderColor="{Binding Source={x:Reference FirstNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                                 Padding="12,8" Margin="0,8,0,0" VerticalOptions="Start">
+                        <Grid ColumnDefinitions="*, Auto">
+
+                            <control:BorderlessEntry
                         x:Name="FirstNameEntry"
                         Placeholder="First Name"
-                        Style="{StaticResource EntryTextStyle}" />
-                </border:SfBorder>
+                        Style="{StaticResource BorderlessEntryStyle}" 
+                        Text="{Binding FirstName.Value}">
+                                <Entry.Behaviors>
+                                    <behaviour:EntryLineValidationBehaviour IsValid="{Binding FirstName.IsValid}"/>
+                                </Entry.Behaviors>
+                            </control:BorderlessEntry>
+
+                            <!--  Label to display error icon  -->
+                            <Label Grid.Column="1" Style="{StaticResource ErrorIconLabelStyle}" Margin="0"
+                                   IsVisible="{Binding Path=IsVisible, Source={x:Reference FirstNameValidationLabel}}"
+                                   Text="{StaticResource Error}"/>
+                        </Grid>
+                    </border:SfBorder>
 
+                    <!--  Label to display error message  -->
+                    <Label x:Name="FirstNameValidationLabel" Margin="15,-3,0,0" VerticalOptions="FillAndExpand"
+                           Text="{Binding FirstName.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                           IsVisible="{Binding FirstName.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                           Style="{StaticResource SimpleLabelStyle}" TextColor="{DynamicResource Red}"/>
+                </StackLayout>
+
+                <StackLayout>
                 <!--  Last name entry with border  -->
                 <border:SfBorder
                     Grid.Column="2"
                     BorderColor="{Binding Source={x:Reference LastNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                    Style="{StaticResource FormBorderStyle}">
-                    <control:BorderlessEntry
+                    Style="{StaticResource DataFormBorderlessEntryBorderStyle}" Padding="12,8" Margin="0,8,0,0" VerticalOptions="Start" >
+                        <Grid ColumnDefinitions="*, Auto">
+
+                            <control:BorderlessEntry
                         x:Name="LastNameEntry"
                         Placeholder="Last Name"
-                        Style="{StaticResource EntryTextStyle}" />
-                </border:SfBorder>
+                        Style="{StaticResource BorderlessEntryStyle}" 
+                        Text="{Binding LastName.Value}">
+                                <Entry.Behaviors>
+                                    <behaviour:EntryLineValidationBehaviour IsValid="{Binding LastName.IsValid}"/>
+                                </Entry.Behaviors>
+                            </control:BorderlessEntry>
+
+                            <!--  Label to display error icon  -->
+                            <Label Grid.Column="1" Style="{StaticResource ErrorIconLabelStyle}" Margin="0"
+                                   IsVisible="{Binding Path=IsVisible, Source={x:Reference LastNameValidationLabel}}"
+                                   Text="{StaticResource Error}"/>
+                        </Grid>
+                    </border:SfBorder>
+
+                    <!--  Label to display error message  -->
+                    <Label x:Name="LastNameValidationLabel" Margin="15,-3,0,0" VerticalOptions="FillAndExpand"
+                           Text="{Binding LastName.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                           IsVisible="{Binding LastName.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                           Style="{StaticResource SimpleLabelStyle}" TextColor="{DynamicResource Red}"/>
+                </StackLayout>
 
                 <!--  Phone number entry with border  -->
                 <border:SfBorder
                     Grid.Column="2"
                     BorderColor="{Binding Source={x:Reference PhoneNoEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                    Style="{StaticResource FormBorderStyle}">
+                    Style="{StaticResource DataFormBorderlessEntryBorderStyle}"  Padding="12,8" Margin="0,8" VerticalOptions="Start" >
                     <control:BorderlessEntry
                         x:Name="PhoneNoEntry"
-                        Keyboard="Numeric"
-                        Placeholder="Phone Number"
-                        Style="{StaticResource EntryTextStyle}" />
+                        Keyboard="Telephone" 
+                        Placeholder="Phone Number : e.g. XXXX-XXXXXX"
+                        Style="{StaticResource BorderlessEntryStyle}">
+                        <control:BorderlessEntry.Behaviors>
+                            <behaviours:EntryMaskedBehavior Mask="(+91)XXXXX-XXXXX" Prefix="(+91)"/>
+                        </control:BorderlessEntry.Behaviors>
+                    </control:BorderlessEntry>
                 </border:SfBorder>
 
                 <buttons:SfButton
                     Margin="0,16,0,0"
-                    HorizontalOptions="Center"
-                    Style="{StaticResource SfButtonStyle}"
+                    Style="{StaticResource GradientButtonStyle}"
                     Text="ADD CONTACT"
-                    WidthRequest="200" />
+                    WidthRequest="200" 
+                    Command="{Binding AddContactCommand}"/>
             </StackLayout>
         </ScrollView>
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/Forms/AddProfilePage.xaml.cs b/EssentialUIKit/Views/Forms/AddProfilePage.xaml.cs
index c8abc79a..a20001f1 100644
--- a/EssentialUIKit/Views/Forms/AddProfilePage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/AddProfilePage.xaml.cs
@@ -1,7 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +13,7 @@ public partial class AddProfilePage : ContentPage
     {
         public AddProfilePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml b/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml
index 3c3ef484..0c7aa373 100644
--- a/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml
+++ b/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml
@@ -3,11 +3,16 @@
     x:Class="EssentialUIKit.Views.Forms.BusinessRegistrationFormPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:ListCollection="clr-namespace:System.Collections.Generic;assembly=netstandard"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
+    xmlns:behaviours="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:inputLayout="clr-namespace:Syncfusion.XForms.TextInputLayout;assembly=Syncfusion.Core.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
     Title="Business Registration Form"
     BackgroundColor="{DynamicResource Gray-100}"
@@ -16,258 +21,241 @@
     <ContentPage.BindingContext>
         <viewModel:BusinessRegistrationFormViewModel />
     </ContentPage.BindingContext>
-    
+
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
     <ContentPage.ControlTemplate>
         <ControlTemplate>
-            <StackLayout Spacing="0" BackgroundColor="{DynamicResource Gray-White}">
-                
-                <!-- Title -->
-                <Label 
-                    Text="Business Registration Form"
-                    TextColor="{DynamicResource Gray-900}"
-                    FontFamily="{StaticResource Montserrat-Medium}"
-                    FontSize="16"
-                    Margin="0,20"
-                    HorizontalOptions="CenterAndExpand" />
+            <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
+
+                <!--  Title  -->
+                <Label
+                    Margin="0,16"
+                    FontFamily="Montserrat-Medium"
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="Business Registration Form" />
 
-                <BoxView HeightRequest="1" BackgroundColor="{DynamicResource Gray-200}"/>
+                <BoxView BackgroundColor="{DynamicResource Gray-200}" HeightRequest="1" />
                 <ContentPresenter />
-                
+
             </StackLayout>
         </ControlTemplate>
     </ContentPage.ControlTemplate>
 
     <ContentPage.Content>
         <ScrollView>
-            <StackLayout BackgroundColor="{DynamicResource Gray-100}" Spacing="0" Padding="16,24">
-                
-                <!-- Business Owner Name -->
+            <StackLayout
+                Padding="16,24"
+                BackgroundColor="{DynamicResource Gray-100}"
+                Spacing="0">
+                <!--  Business Owner Name  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,0,0,4"
-                        HeightRequest="18" 
-                        FontSize="12"
-                        Text="Business Owner Name"
-                        TextColor="{DynamicResource Gray-800}" />
-                
-                <border:SfBorder BorderColor="{Binding Source={x:Reference FullNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" 
-                                 Style="{StaticResource BusinessFormBorderStyle}">
-                    <controls:BorderlessEntry
+                    Margin="0,0,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Business Owner Name"
+                    TextColor="{DynamicResource Gray-800}" />
+
+                <border:SfBorder BorderColor="{Binding Source={x:Reference FullNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource DataFormBorderlessEntryBorderStyle}">
+                    <Grid ColumnDefinitions="*, Auto">
+
+                        <controls:BorderlessEntry
                             x:Name="FullNameEntry"
+                            Margin="12,0"
+                            HeightRequest="40"
                             Placeholder="Full Name"
-                            Text="{Binding FullName}"
-                            Style="{StaticResource EntryTextBoxStyle}" />
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding FullName.Value}">
+                            <Entry.Behaviors>
+                                <behaviour:EntryLineValidationBehaviour IsValid="{Binding FullName.IsValid}" />
+                            </Entry.Behaviors>
+                        </controls:BorderlessEntry>
+
+                        <!--  Label to display error icon  -->
+                        <Label
+                            Grid.Column="1"
+                            Margin="12,0"
+                            IsVisible="{Binding Path=IsVisible, Source={x:Reference FullNameValidationLabel}}"
+                            Style="{StaticResource ErrorIconLabelStyle}"
+                            Text="{StaticResource Error}" />
+                    </Grid>
                 </border:SfBorder>
 
-                <!-- Business Name -->
+                <!--  Label to display error message  -->
+                <Label
+                    x:Name="FullNameValidationLabel"
+                    Margin="15,0,0,0"
+                    IsVisible="{Binding FullName.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                    Style="{StaticResource SimpleLabelStyle}"
+                    Text="{Binding FullName.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                    TextColor="{DynamicResource Red}"
+                    VerticalOptions="FillAndExpand" />
+
+                <!--  Business Name  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18" 
-                        FontSize="12"
-                        Text="Business Name"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,24,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Business Name"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <border:SfBorder BorderColor="{Binding Source={x:Reference BusinessNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                 Style="{StaticResource BusinessFormBorderStyle}">
+                <border:SfBorder BorderColor="{Binding Source={x:Reference BusinessNameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource DataFormBorderlessEntryBorderStyle}">
                     <controls:BorderlessEntry
-                            x:Name="BusinessNameEntry"
-                            Placeholder="Business Name"
-                            Text="{Binding BusinessName}"
-                            Style="{StaticResource EntryTextBoxStyle}" />
+                        x:Name="BusinessNameEntry"
+                        Margin="12,0"
+                        HeightRequest="40"
+                        Placeholder="Business Name"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding BusinessName}" />
                 </border:SfBorder>
 
-                <!-- Type of business -->
+                <!--  Type of business  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="Type of Business"
-                        TextColor="{DynamicResource Gray-800}" />
-                        
-                <border:SfBorder
-                        BorderColor="{Binding Source={x:Reference CountryPicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource BusinessFormBorderStyle}">
-                        <combobox:SfComboBox
-                                x:Name="BusinessPicker"
-                                SelectedValue="{Binding Business, Mode=TwoWay}"
-                                Style="{StaticResource ComboBoxStyle}"
-                                Watermark="Choose Business"
-                                VerticalOptions="CenterAndExpand">
-                                <combobox:SfComboBox.DropDownButtonSettings>
-                                    <combobox:DropDownButtonSettings>
-                                        <combobox:DropDownButtonSettings.View>
-                                            <Label
-                                                    FontFamily="{StaticResource FontIcons}"
-                                                    FontSize="25"
-                                                    HorizontalTextAlignment="Center"
-                                                    Text="{StaticResource DropDownButtonIcon}"
-                                                    TextColor="{DynamicResource Gray-600}"
-                                                    VerticalTextAlignment="Center" />
-                                </combobox:DropDownButtonSettings.View>
-                                    </combobox:DropDownButtonSettings>
-                                </combobox:SfComboBox.DropDownButtonSettings>
-                        </combobox:SfComboBox>
-                </border:SfBorder>
+                    Margin="0,24,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Type of Business"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <!-- Email -->
+                <inputLayout:SfTextInputLayout Style="{DynamicResource TextInputLayoutStyle}">
+                    <combobox:SfComboBox
+                        x:Name="BusinessPicker"
+                        SelectedValue="{Binding Business, Mode=TwoWay}"
+                        Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                        VerticalOptions="CenterAndExpand"
+                        Watermark="Choose Business">
+                        <combobox:SfComboBox.ComboBoxSource>
+                            <ListCollection:List x:TypeArguments="x:String">
+                                <x:String>Sole Proprietorship</x:String>
+                                <x:String>Partnership</x:String>
+                                <x:String>Limited Partnership</x:String>
+                                <x:String>Corporation</x:String>
+                                <x:String>Limited Liability Company</x:String>
+                                <x:String>Nonprofit Organization</x:String>
+                                <x:String>Cooperative</x:String>
+                            </ListCollection:List>
+                        </combobox:SfComboBox.ComboBoxSource>
+                    </combobox:SfComboBox>
+                </inputLayout:SfTextInputLayout>
+
+                <!--  Email  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="Email"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,24,0,-4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Email"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <border:SfBorder BorderColor="{Binding Source={x:Reference EmailEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" 
-                                 Style="{StaticResource BusinessFormBorderStyle}">
-                    <controls:BorderlessEntry
-                            x:Name="EmailEntry"
-                            Placeholder="Email"
-                            Text="{Binding Email}"
-                            Style="{StaticResource EntryTextBoxStyle}" />
-                </border:SfBorder>
+                <local:ContactEmailEntry />
 
-                <!-- Phone Number -->
+                <!--  Street Address  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="Phone Number"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,16,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Street Address"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <border:SfBorder BorderColor="{Binding Source={x:Reference PhoneNumberEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" 
-                                 Style="{StaticResource BusinessFormBorderStyle}">
+                <border:SfBorder BorderColor="{Binding Source={x:Reference StreetAddressEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource DataFormBorderlessEntryBorderStyle}">
                     <controls:BorderlessEntry
-                            x:Name="PhoneNumberEntry"
-                            Placeholder="Phone Number"
-                            Text="{Binding PhoneNumber}"
-                            Style="{StaticResource EntryTextBoxStyle}" />
+                        x:Name="StreetAddressEntry"
+                        Margin="12,0"
+                        HeightRequest="40"
+                        Placeholder="Street Address"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding StreetAddress}" />
                 </border:SfBorder>
 
-                <!-- Street Address -->
+                <!--  Country  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="Street Address"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,24,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Country"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <border:SfBorder BorderColor="{Binding Source={x:Reference StreetAddressEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" 
-                                 Style="{StaticResource BusinessFormBorderStyle}">
-                    <controls:BorderlessEntry
-                            x:Name="StreetAddressEntry"
-                            Placeholder="Street Address"
-                            Text="{Binding StreetAddress}"
-                            Style="{StaticResource EntryTextBoxStyle}" />
-                </border:SfBorder>
+                <inputLayout:SfTextInputLayout Style="{DynamicResource TextInputLayoutStyle}">
+                    <controls:CountryComboBox x:Name="CountryPicker" Style="{StaticResource TextInputLayoutComboBoxStyle}" />
+                </inputLayout:SfTextInputLayout>
 
-                <!-- City and State -->
+                <!--  City and State  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="City"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,24,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="City"
+                    TextColor="{DynamicResource Gray-800}" />
+
+                <Grid ColumnDefinitions="*, 4, *">
 
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition />
-                        <ColumnDefinition Width="4" />
-                        <ColumnDefinition />
-                    </Grid.ColumnDefinitions>
-                    
-                    <border:SfBorder BorderColor="{Binding Source={x:Reference CityEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" 
-                                     Style="{StaticResource BusinessFormBorderStyle}">
-                        <controls:BorderlessEntry
-                                x:Name="CityEntry"
-                                Placeholder="City"
-                                Text="{Binding City}"
-                                Style="{StaticResource EntryTextBoxStyle}" />
-                    </border:SfBorder>
-                    
                     <border:SfBorder
-                            Grid.Column="2"
-                            BorderColor="{Binding Source={x:Reference StatePicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                            Style="{StaticResource BusinessFormBorderStyle}">
-                            <combobox:SfComboBox
-                                    x:Name="StatePicker"
-                                    SelectedValue="{Binding State, Mode=TwoWay}"
-                                    Style="{StaticResource ComboBoxStyle}"
-                                    Watermark="State"
-                                    VerticalOptions="CenterAndExpand">
-                                <combobox:SfComboBox.DropDownButtonSettings>
-                                <combobox:DropDownButtonSettings>
-                                        <combobox:DropDownButtonSettings.View>
-                                            <Label
-                                                    FontFamily="{StaticResource FontIcons}"
-                                                    FontSize="25"
-                                                    HorizontalTextAlignment="Center"
-                                                    Text="{StaticResource DropDownButtonIcon}"
-                                                    TextColor="{DynamicResource Gray-600}"
-                                                    VerticalTextAlignment="Center" />
-                                        </combobox:DropDownButtonSettings.View>
-                                </combobox:DropDownButtonSettings>
-                                </combobox:SfComboBox.DropDownButtonSettings>
-                            </combobox:SfComboBox>
+                        Grid.Column="2"
+                        BorderColor="{Binding Source={x:Reference CityEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                        Style="{StaticResource DataFormBorderlessEntryBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="CityEntry"
+                            Margin="12,0"
+                            HeightRequest="40"
+                            Placeholder="City"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding City, Source={Reference CountryPicker}}" />
                     </border:SfBorder>
+
+                    <inputLayout:SfTextInputLayout Style="{DynamicResource TextInputLayoutStyle}">
+                        <combobox:SfComboBox
+                            x:Name="StatePicker"
+                            DataSource="{Binding States, Source={Reference CountryPicker}}"
+                            SelectedItem="{Binding State, Source={Reference CountryPicker}}"
+                            Style="{StaticResource TextInputLayoutComboBoxStyle}"
+                            VerticalOptions="CenterAndExpand"
+                            Watermark="State" />
+                    </inputLayout:SfTextInputLayout>
                 </Grid>
 
-                <!-- Country -->
+                <!--  Phone Number  -->
                 <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Margin="0,24,0,4"
-                        HeightRequest="18"
-                        FontSize="12"
-                        Text="Country"
-                        TextColor="{DynamicResource Gray-800}" />
+                    Margin="0,24,0,4"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HeightRequest="18"
+                    Text="Phone Number"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <border:SfBorder
-                        BorderColor="{Binding Source={x:Reference CountryPicker}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource BusinessFormBorderStyle}">
-                        <combobox:SfComboBox
-                                x:Name="CountryPicker"
-                                SelectedValue="{Binding Country, Mode=TwoWay}"
-                                Style="{StaticResource ComboBoxStyle}"
-                                Watermark="Select Country"
-                                VerticalOptions="CenterAndExpand">
-                                <combobox:SfComboBox.DropDownButtonSettings>
-                                     <combobox:DropDownButtonSettings>
-                                        <combobox:DropDownButtonSettings.View>
-                                            <Label
-                                                    FontFamily="{StaticResource FontIcons}"
-                                                    FontSize="25"
-                                                    HorizontalTextAlignment="Center"
-                                                    Text="{StaticResource DropDownButtonIcon}"
-                                                    TextColor="{DynamicResource Gray-600}"
-                                                    VerticalTextAlignment="Center" />
-                                        </combobox:DropDownButtonSettings.View>
-                                     </combobox:DropDownButtonSettings>
-                                </combobox:SfComboBox.DropDownButtonSettings>
-                        </combobox:SfComboBox>
+                <border:SfBorder BorderColor="{Binding Source={x:Reference PhoneNumberEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}" Style="{StaticResource DataFormBorderlessEntryBorderStyle}">
+                    <controls:BorderlessEntry
+                        x:Name="PhoneNumberEntry"
+                        Margin="12,0"
+                        HeightRequest="40"
+                        Keyboard="Telephone"
+                        Placeholder="{Binding PhoneNumberPlaceHolder, Source={Reference CountryPicker}}"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding PhoneNumber, Source={Reference CountryPicker}}">
+                        <controls:BorderlessEntry.Behaviors>
+                            <behaviours:EntryMaskedBehavior Mask="{Binding Source={x:Reference CountryPicker}, Path=Mask}" Prefix="{Binding Source={Reference CountryPicker}, Path=CountryCode}" />
+                        </controls:BorderlessEntry.Behaviors>
+                    </controls:BorderlessEntry>
                 </border:SfBorder>
 
-                <!-- Submit Button -->
+                <!--  Submit Button  -->
                 <buttons:SfButton
-                        Command="{Binding SubmitCommand}"
-                        HorizontalOptions="Center"
-                        Margin="0,24,0,0"
-                        Style="{StaticResource SfButtonStyle}"
-                        Text="SUBMIT"
-                        WidthRequest="200" />
+                    Margin="0,24,0,0"
+                    Command="{Binding SubmitCommand}"
+                    Style="{StaticResource GradientButtonStyle}"
+                    Text="SUBMIT"
+                    WidthRequest="200" />
 
             </StackLayout>
         </ScrollView>
diff --git a/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml.cs b/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml.cs
index fab71d61..9c777ceb 100644
--- a/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/BusinessRegistrationFormPage.xaml.cs
@@ -16,7 +16,7 @@ public partial class BusinessRegistrationFormPage : ContentPage
         /// </summary>
         public BusinessRegistrationFormPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/CardPaymentPage.xaml b/EssentialUIKit/Views/Forms/CardPaymentPage.xaml
new file mode 100644
index 00000000..28b026cd
--- /dev/null
+++ b/EssentialUIKit/Views/Forms/CardPaymentPage.xaml
@@ -0,0 +1,262 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Forms.CardPaymentPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converters="clr-namespace:EssentialUIKit.Converters"
+    xmlns:datePicker="clr-namespace:Syncfusion.XForms.Pickers;assembly=Syncfusion.SfPicker.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
+    x:Name="addCard"
+    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.BindingContext>
+        <viewModel:CardPaymentPageViewModel />
+    </ContentPage.BindingContext>
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converters:BooleanToColorConverter x:Key="ColorConverter" />
+            <converters:CardNumberToImageConverter x:Key="CardConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView Title="Payment">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <button:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference addCard}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Content>
+        <ScrollView>
+            <Grid>
+                <datePicker:SfDatePicker x:Name="datePicker"
+                                         PickerMode="Dialog"
+                                         PickerWidth="310"
+                                         PickerHeight="360"
+                                         ShowFooter="True"
+                                         OKButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         OkButtonClicked="DatePicker_OkButtonClicked"
+                                         CancelButtonBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderBackgroundColor="{DynamicResource Gray-Bg}"
+                                         ColumnHeaderTextColor="{DynamicResource Gray-900}"
+                                         HeaderBackgroundColor="{DynamicResource PrimaryColor}"
+                                         OKButtonTextColor="{DynamicResource PrimaryColor}"
+                                         CancelButtonTextColor="{DynamicResource PrimaryColor}"
+                                         BackgroundColor="{DynamicResource Gray-Bg}"
+                                         SelectedItemFontFamily="Montserrat-Regular"
+                                         SelectedItemFontSize="16"
+                                         SelectedItemTextColor="{DynamicResource PrimaryColor}" 
+                                         UnselectedItemFontFamily="Montserrat-Regular"
+                                         UnselectedItemFontSize="16"
+                                         UnselectedItemTextColor="{DynamicResource Gray-900}" />
+                <Grid 
+                HorizontalOptions="FillAndExpand"
+                RowDefinitions="Auto, Auto, Auto"
+                VerticalOptions="FillAndExpand">
+
+                <!--  Card display view template  -->
+                <template:CardDisplayView Grid.Row="0" />
+
+                <control:CustomShadowFrame
+                    Grid.Row="1"
+                    Margin="16,0,16,32"
+                    Padding="16"
+                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                    BorderColor="{DynamicResource GrayShadowColor}"
+                    CornerRadius="4"
+                    HasShadow="True"
+                    HorizontalOptions="Center"
+                    Radius="4"
+                    WidthRequest="{OnIdiom Default='550',
+                                           Phone='-1'}">
+
+                    <StackLayout BackgroundColor="Transparent" Spacing="0">
+
+                        <Label
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            Text="Card number"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <!--  Card number entry and card image  -->
+                        <border:SfBorder
+                            Margin="0,4"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            BorderColor="{Binding Source={x:Reference cardNumberEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                            CornerRadius="4">
+
+                            <Grid ColumnDefinitions="*, Auto">
+
+                                <control:BorderlessEntry
+                                    x:Name="cardNumberEntry"
+                                    Grid.Column="0"
+                                    Margin="12,0"
+                                    HeightRequest="40"
+                                    Keyboard="Numeric"
+                                    MaxLength="19"
+                                    Placeholder="Enter Card Number"
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding CardNumber, Mode=TwoWay}">
+
+                                    <control:BorderlessEntry.Behaviors>
+                                        <behavior:PaymentCardNumberEntryBehavior />
+                                    </control:BorderlessEntry.Behaviors>
+                                </control:BorderlessEntry>
+
+                                <Image
+                                    Grid.Column="1"
+                                    Margin="12,0"
+                                    HeightRequest="40"
+                                    HorizontalOptions="StartAndExpand"
+                                    Source="{Binding CardNumber, Converter={StaticResource CardConverter}}"
+                                    VerticalOptions="CenterAndExpand"
+                                    WidthRequest="40" />
+
+                            </Grid>
+
+                        </border:SfBorder>
+
+                        <Grid
+                            Margin="0,12,0,16"
+                            Padding="0"
+                            ColumnDefinitions="*,*"
+                            ColumnSpacing="16"
+                            RowDefinitions="Auto, Auto"
+                            RowSpacing="4">
+
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="0"
+                                FontFamily="Montserrat-Medium"
+                                FontSize="12"
+                                Text="Expiration date"
+                                TextColor="{DynamicResource Gray-800}" />
+
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="1"
+                                FontFamily="Montserrat-Medium"
+                                FontSize="12"
+                                Text="CVV"
+                                TextColor="{DynamicResource Gray-800}" />
+
+                            <!--  Combobox with calendar to pick the expire date of the card  -->
+                            <border:SfBorder
+                                Grid.Row="1"
+                                Margin="0"
+                                Padding="12,8"
+                                Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                                VerticalOptions="FillAndExpand">
+                                
+                                    <button:SfButton x:Name="pickerButton" 
+                                                     Text="{Binding CardExpirationDate, StringFormat='{0:MM/yy}', Mode=TwoWay}"
+                                                     FontSize="16"
+                                                     Padding="-5, 0, 0 ,0"                                            
+                                                     FontFamily="Montserrat-Regular"
+                                                     HorizontalOptions="FillAndExpand"
+                                                     HorizontalTextAlignment="Start"
+                                                     TextColor="{DynamicResource Gray-900}"
+                                                     BackgroundColor="Transparent" 
+                                                     Clicked="DatePicker_Clicked" />
+
+                                </border:SfBorder>
+
+                            <!--  Entry for cvv number  -->
+                            <border:SfBorder
+                                Grid.Row="1"
+                                Grid.Column="1"
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference cvvEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                CornerRadius="4">
+
+                                <control:BorderlessEntry
+                                    x:Name="cvvEntry"
+                                    Margin="12,0"
+                                    HeightRequest="40"
+                                    IsPassword="True"
+                                    Keyboard="Numeric"
+                                    MaxLength="4"
+                                    Placeholder="Enter CVV"
+                                    Style="{StaticResource BorderlessEntryStyle}"
+                                    Text="{Binding CardCvv}">
+                                    <control:BorderlessEntry.Behaviors>
+                                        <behavior:BorderlessEntryCVVBehavior />
+                                    </control:BorderlessEntry.Behaviors>
+                                </control:BorderlessEntry>
+                            </border:SfBorder>
+
+                        </Grid>
+
+                        <Label
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            Text="Name on card"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <!--  Entry for card holder name  -->
+                        <border:SfBorder
+                            Margin="0,4"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            BorderColor="{Binding Source={x:Reference nameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                            CornerRadius="4">
+
+                            <control:BorderlessEntry
+                                x:Name="nameEntry"
+                                Margin="12,0"
+                                HeightRequest="40"
+                                Placeholder="Enter Name"
+                                Style="{StaticResource BorderlessEntryStyle}"
+                                Text="{Binding CardHolderName}" />
+                        </border:SfBorder>
+
+                        <!--  Checkbox to save the card  -->
+                        <button:SfCheckBox
+                            Margin="4,16,0,4"
+                            CornerRadius="2"
+                            FontFamily="Montserrat-Medium"
+                            FontSize="16"
+                            IsChecked="{Binding IsChecked}"
+                            Style="{StaticResource CheckBoxStyle}"
+                            Text="Save this card"
+                            TextColor="{DynamicResource Gray-900}"
+                            VerticalOptions="Center" />
+
+                    </StackLayout>
+
+                </control:CustomShadowFrame>
+
+                <!--  Add card button  -->
+                <button:SfButton
+                    Grid.Row="2"
+                    Margin="0,0,0,20"
+                    Command="{Binding AddCardCommand}"
+                    CommandParameter="{Binding .}"
+                    Style="{StaticResource GradientButtonStyle}"
+                    Text="ADD CARD"
+                    WidthRequest="245" />
+
+            </Grid>
+          </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/CardPaymentPage.xaml.cs b/EssentialUIKit/Views/Forms/CardPaymentPage.xaml.cs
new file mode 100644
index 00000000..23ab8ce6
--- /dev/null
+++ b/EssentialUIKit/Views/Forms/CardPaymentPage.xaml.cs
@@ -0,0 +1,29 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Forms
+{
+    /// <summary>
+    /// Page to show the card payment.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class CardPaymentPage : ContentPage
+    {
+        public CardPaymentPage()
+        {
+            this.InitializeComponent();
+        }
+
+        private void DatePicker_Clicked(object sender, System.EventArgs e)
+        {
+            datePicker.IsOpen = true;
+        }
+
+        private void DatePicker_OkButtonClicked(object sender, Syncfusion.XForms.Pickers.DateChangedEventArgs e)
+        {
+            pickerButton.Text = string.Format("{0:MM/yy}", e.NewValue);
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml b/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml
index f6d2ab52..e1731ad7 100644
--- a/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml
+++ b/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml
@@ -3,59 +3,58 @@
     x:Class="EssentialUIKit.Views.Forms.ContactEmailEntry"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters">
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <converter:StringToBooleanConverter x:Key="StringToBooleanConverter" />
-            <converter:ErrorValidationColorConverter x:Key="ErrorValidationColorConverter" PageVariantParameter="1" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
         </ResourceDictionary>
     </ContentView.Resources>
 
     <ContentView.Content>
         <StackLayout>
             <border:SfBorder
-                BackgroundColor="{DynamicResource Gray-White}"
-                BorderColor="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={x:StaticResource ErrorValidationColorConverter}, ConverterParameter={x:Reference EmailEntry}}"
-                Style="{StaticResource FormBorderStyle}">
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                Margin="0,8,0,0"
+                Padding="12,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                BorderColor="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={x:StaticResource ColorConverter}, ConverterParameter=3}"
+                Style="{StaticResource DataFormBorderlessEntryBorderStyle}"
+                VerticalOptions="FillAndExpand">
 
+
+                <Grid ColumnDefinitions="*, Auto">
                     <control:BorderlessEntry
                         x:Name="EmailEntry"
+                        Keyboard="Email"
                         Placeholder="Email"
-                        PlaceholderColor="{DynamicResource Gray-700}"
-                        Style="{StaticResource EntryTextStyle}" 
-                        Text="{Binding Email}"
-                        TextColor="{DynamicResource Gray-900}" />
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding Email.Value}">
+
+                        <Entry.Behaviors>
+                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Email.IsValid}" />
+                        </Entry.Behaviors>
+                    </control:BorderlessEntry>
 
                     <Label
-                        Margin="15,0"
-                        FontFamily="{StaticResource FontIcons}"
-                        FontSize="18"
-                        HorizontalOptions="EndAndExpand"
-                        HorizontalTextAlignment="End"
+                        Grid.Column="1"
+                        Margin="0"
                         IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
-                        Text="&#xe707;"
-                        TextColor="{DynamicResource Red}"
-                        VerticalOptions="Center" />
+                        Style="{StaticResource ErrorIconLabelStyle}"
+                        Text="{StaticResource Error}" />
                 </Grid>
             </border:SfBorder>
 
             <Label
                 x:Name="ValidationLabel"
                 Margin="15,-5,0,0"
-                FontSize="12"
-                IsVisible="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={StaticResource StringToBooleanConverter}, ConverterParameter={x:Reference EmailEntry}}"
-                Text="Please enter the valid e-mail"
+                IsVisible="{Binding Email.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding Email.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
                 TextColor="{DynamicResource Red}"
                 VerticalOptions="FillAndExpand" />
 
diff --git a/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml.cs b/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml.cs
index 4e25cd32..02ad9d9e 100644
--- a/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml.cs
+++ b/EssentialUIKit/Views/Forms/ContactEmailEntry.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Forms
@@ -14,7 +8,7 @@ public partial class ContactEmailEntry : ContentView
     {
         public ContactEmailEntry()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/EmailEntry.xaml b/EssentialUIKit/Views/Forms/EmailEntry.xaml
index b929c960..57caa840 100644
--- a/EssentialUIKit/Views/Forms/EmailEntry.xaml
+++ b/EssentialUIKit/Views/Forms/EmailEntry.xaml
@@ -3,50 +3,46 @@
     x:Class="EssentialUIKit.Views.Forms.EmailEntry"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters">
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <converter:StringToBooleanConverter x:Key="StringToBooleanConverter" />
-            <converter:ErrorValidationColorConverter x:Key="ErrorValidationColorConverter" PageVariantParameter="0" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
         </ResourceDictionary>
     </ContentView.Resources>
 
     <ContentView.Content>
         <StackLayout>
-            <border:SfBorder BorderColor="{Binding Path=IsFocused, 
-                Source={x:Reference Email}, 
-                Converter={x:StaticResource ErrorValidationColorConverter}, 
-                ConverterParameter={x:Reference Email}}" 
-                             Style="{StaticResource SfBorderStyle}">
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+            <border:SfBorder BorderColor="{Binding Path=IsFocused, Source={x:Reference Email}, Converter={x:StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+
+                <Grid ColumnDefinitions="*, Auto">
 
                     <control:BorderlessEntry
                         x:Name="Email"
+                        Margin="15,0"
+                        HeightRequest="40"
+                        Keyboard="Email"
                         Placeholder="Email"
-                        Style="{StaticResource EntryStyle}"
-                        Text="{Binding Email}" />
+                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding Email.Value}"
+                        TextColor="{StaticResource Gray-White}">
+                        <Entry.Behaviors>
+                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Email.IsValid}" />
+                        </Entry.Behaviors>
+
+                    </control:BorderlessEntry>
 
                     <Label
-                        Margin="15,0"
-                        FontFamily="{StaticResource FontIcons}"
-                        FontSize="18"
-                        HorizontalOptions="EndAndExpand"
-                        HorizontalTextAlignment="End"
+                        Grid.Column="1"
                         IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
-                        Text="&#xe707;"
-                        TextColor="{DynamicResource Red}"
-                        VerticalOptions="Center" />
-
+                        Style="{StaticResource ErrorIconLabelStyle}"
+                        Text="{StaticResource Error}" />
 
                 </Grid>
             </border:SfBorder>
@@ -55,11 +51,9 @@
                 x:Name="ValidationLabel"
                 Margin="15,-5,0,0"
                 FontSize="12"
-                IsVisible="{Binding Path=IsFocused, 
-                Source={x:Reference Email}, 
-                Converter={StaticResource StringToBooleanConverter}, 
-                ConverterParameter={x:Reference Email}}"
-                Text="Please enter the valid e-mail"
+                IsVisible="{Binding Email.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding Email.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
                 TextColor="{DynamicResource Red}"
                 VerticalOptions="FillAndExpand" />
 
diff --git a/EssentialUIKit/Views/Forms/EmailEntry.xaml.cs b/EssentialUIKit/Views/Forms/EmailEntry.xaml.cs
index e82004d2..c4c417ef 100644
--- a/EssentialUIKit/Views/Forms/EmailEntry.xaml.cs
+++ b/EssentialUIKit/Views/Forms/EmailEntry.xaml.cs
@@ -15,7 +15,7 @@ public partial class EmailEntry
         /// </summary>
         public EmailEntry()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml b/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml
index 6c517f58..d009bd42 100644
--- a/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml
+++ b/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml
@@ -12,16 +12,7 @@
     BackgroundImageSource="{core:OnPlatformOrientationStringValue Default=LoginBackground.png,
                                                                   iOSPhoneLandscape=LoginBackground-Landscape.png,
                                                                   iOSTabletLandscape=LoginBackground-Landscape.png}"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+    NavigationPage.HasNavigationBar="False">
 
     <!--  Binding context for forgot password page  -->
     <ContentPage.BindingContext>
@@ -30,7 +21,7 @@
 
     <ContentPage.Content>
         <Grid>
-            <gradient:SfGradientView Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Style="{StaticResource BlueGradientStyle}" />
 
             <ScrollView HorizontalOptions="Center">
                 <ScrollView.VerticalOptions>
@@ -51,33 +42,27 @@
                     WidthRequest="{OnPlatform Default='-1',
                                               UWP='350'}">
 
-                    <Grid RowSpacing="24" VerticalOptions="CenterAndExpand">
-
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                        </Grid.RowDefinitions>
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto"
+                        RowSpacing="24"
+                        VerticalOptions="CenterAndExpand">
 
                         <!--  Label to display the title of this page  -->
                         <Label
                             Grid.Row="0"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
                             FontSize="20"
-                            HorizontalOptions="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="Forgot Your Password?"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="End" />
 
                         <!--  Label to display the description of this page  -->
                         <Label
                             Grid.Row="1"
                             Margin="0,-16,0,8"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource DescriptionLabelStyle}"
                             Text="We'll send instructions on how to reset your password to the email address you have registered with us"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="Start" />
 
                         <!--  Entry to get email ID from user  -->
@@ -86,8 +71,8 @@
                         <buttons:SfButton
                             Grid.Row="3"
                             Command="{Binding SendCommand}"
-                            CornerRadius="20"
-                            Style="{StaticResource SfButtonStyle}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
                             Text="SEND" />
 
                     </Grid>
@@ -106,22 +91,32 @@
                         </StackLayout.Padding>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalOptions="CenterAndExpand"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource DescriptionLabelStyle}"
                             Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="Center" />
 
                         <buttons:SfButton
                             Command="{Binding SignUpCommand}"
-                            CornerRadius="4"
-                            Style="{StaticResource SfFlatButtonStyle}"
-                            Text="Sign Up" />
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
 
                     </StackLayout>
                 </StackLayout>
             </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalOptions="Start" />
+
         </Grid>
     </ContentPage.Content>
 
diff --git a/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml.cs b/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml.cs
index 2892ffca..95c8e136 100644
--- a/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/ForgotPasswordPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class ForgotPasswordPage
         /// </summary>
         public ForgotPasswordPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/LoginEmailEntry.xaml b/EssentialUIKit/Views/Forms/LoginEmailEntry.xaml
new file mode 100644
index 00000000..5b2f7e36
--- /dev/null
+++ b/EssentialUIKit/Views/Forms/LoginEmailEntry.xaml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentView
+    x:Class="EssentialUIKit.Views.Forms.LoginEmailEntry"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters">
+
+    <ContentView.Resources>
+        <ResourceDictionary>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
+        </ResourceDictionary>
+    </ContentView.Resources>
+
+    <ContentView.Content>
+        <StackLayout>
+            <border:SfBorder
+                BackgroundColor="{DynamicResource Gray-White}"
+                BorderColor="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={x:StaticResource ColorConverter}, ConverterParameter=3}"
+                CornerRadius="4"
+                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+
+                <Grid ColumnDefinitions="*, Auto">
+
+                    <control:BorderlessEntry
+                        x:Name="EmailEntry"
+                        Margin="15,0"
+                        HeightRequest="40"
+                        Keyboard="Email"
+                        Placeholder="Email"
+                        PlaceholderColor="#606a7b"
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding Email.Value}"
+                        TextColor="#333942">
+                        <Entry.Behaviors>
+                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Email.IsValid}" />
+                        </Entry.Behaviors>
+                    </control:BorderlessEntry>
+                    <!--  Login entry label  -->
+
+                    <Label
+                        Grid.Column="1"
+                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
+                        Style="{StaticResource ErrorIconLabelStyle}"
+                        Text="{StaticResource Error}" />
+
+                </Grid>
+            </border:SfBorder>
+
+            <!--  Login validation label  -->
+            <Label
+                x:Name="ValidationLabel"
+                Margin="15,-5,0,0"
+                FontSize="12"
+                IsVisible="{Binding Email.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding Email.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                TextColor="{DynamicResource Red}"
+                VerticalOptions="FillAndExpand" />
+
+        </StackLayout>
+    </ContentView.Content>
+</ContentView>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/EmailEntry.xaml.cs b/EssentialUIKit/Views/Forms/LoginEmailEntry.xaml.cs
similarity index 58%
rename from EssentialUIKit/Views/Shopping/EmailEntry.xaml.cs
rename to EssentialUIKit/Views/Forms/LoginEmailEntry.xaml.cs
index 2d8e100c..8cb527e5 100644
--- a/EssentialUIKit/Views/Shopping/EmailEntry.xaml.cs
+++ b/EssentialUIKit/Views/Forms/LoginEmailEntry.xaml.cs
@@ -1,21 +1,22 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Shopping
+namespace EssentialUIKit.Views.Forms
 {
     /// <summary>
     /// View used to show the email entry with validation status.
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class EmailEntry
+
+    public partial class LoginEmailEntry
     {
         /// <summary>
-        /// Initializes a new instance of the <see cref="EmailEntry" /> class.
+        /// Initializes a new instance of the <see cref="LoginEmailEntry" /> class.
         /// </summary>
-        public EmailEntry()
+        public LoginEmailEntry()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/LoginPage.xaml b/EssentialUIKit/Views/Forms/LoginPage.xaml
index 50731967..63b8380d 100644
--- a/EssentialUIKit/Views/Forms/LoginPage.xaml
+++ b/EssentialUIKit/Views/Forms/LoginPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.LoginPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -14,15 +15,13 @@
     BackgroundImageSource="{core:OnPlatformOrientationStringValue Default=LoginBackground.png,
                                                                   iOSPhoneLandscape=LoginBackground-Landscape.png,
                                                                   iOSTabletLandscape=LoginBackground-Landscape.png}"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -33,7 +32,7 @@
 
     <ContentPage.Content>
         <Grid>
-            <gradient:SfGradientView Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Style="{StaticResource BlueGradientStyle}" />
 
             <ScrollView HorizontalOptions="Center">
                 <ScrollView.VerticalOptions>
@@ -54,82 +53,97 @@
                     WidthRequest="{OnPlatform Default='-1',
                                               UWP='350'}">
 
-                    <Grid RowSpacing="0" VerticalOptions="CenterAndExpand">
-
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                        </Grid.RowDefinitions>
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                        RowSpacing="0"
+                        VerticalOptions="CenterAndExpand">
 
                         <!--  Label to display the title of this page  -->
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
                             FontSize="20"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Log In" />
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Log In"
+                            TextColor="{DynamicResource Gray-White}" />
 
                         <!--  Label to display the description of this page  -->
                         <Label
                             Grid.Row="1"
                             Margin="0,8"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Let's get to work" />
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Let's get to work"
+                            TextColor="{DynamicResource Gray-White}" />
 
                         <!--  Entry to get email ID from user  -->
                         <local:EmailEntry Grid.Row="2" Padding="0,24" />
 
-                        <!--  Entry to get password from user  -->
-                        <border:SfBorder
-                            Grid.Row="3"
-                            BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}"
-                            Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="PasswordEntry"
-                                IsPassword="True"
-                                Placeholder="Password"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding Password}" />
-                        </border:SfBorder>
+                        <StackLayout Grid.Row="3">
+                            <!--  Entry to get password from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="PasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="Password"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
 
                         <!--  Forgot password link  -->
-                        <Label
+                        <buttons:SfButton
                             x:Name="ForgotPasswordLabel"
                             Grid.Row="4"
                             Margin="0,16"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            Command="{Binding ForgotPasswordCommand}"
                             FontSize="12"
                             HorizontalOptions="End"
+                            Style="{StaticResource TransparentButtonStyle}"
                             Text="FORGOT PASSWORD?"
-                            TextColor="White">
-                            <Label.GestureRecognizers>
-                                <TapGestureRecognizer Command="{Binding ForgotPasswordCommand}" CommandParameter="{x:Reference ForgotPasswordLabel}" />
-                            </Label.GestureRecognizers>
-                        </Label>
+                            TextColor="{DynamicResource Gray-White}" />
+
 
                         <!--  Login button  -->
                         <buttons:SfButton
                             Grid.Row="5"
                             Margin="0,16"
                             Command="{Binding LoginCommand}"
-                            Style="{StaticResource SfButtonStyle}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
                             Text="LOG IN" />
 
 
                         <Label
                             Grid.Row="6"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Or create an account using social media" />
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Or log in with your Facebook credentials"
+                            TextColor="{DynamicResource Gray-White}" />
 
                         <!--  Login through facebook account  -->
                         <buttons:SfButton
@@ -145,15 +159,15 @@
                                     Orientation="Horizontal"
                                     VerticalOptions="Center">
                                     <Label
-                                        FontFamily="{StaticResource FontIcons}"
+                                        FontFamily="FontIcons"
                                         FontSize="18"
                                         Text="&#xe735;"
                                         TextColor="{DynamicResource Gray-White}"
                                         VerticalTextAlignment="Center" />
                                     <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="16"
-                                        Text="Login with Facebook"
+                                        Text="Log In with Facebook"
                                         TextColor="{DynamicResource Gray-White}" />
                                 </StackLayout>
                             </buttons:SfButton.Content>
@@ -175,24 +189,34 @@
                         </StackLayout.Padding>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalOptions="CenterAndExpand"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource DescriptionLabelStyle}"
                             Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="Center" />
 
                         <!--  Sign-up button  -->
                         <buttons:SfButton
                             Command="{Binding SignUpCommand}"
-                            CornerRadius="4"
-                            Style="{StaticResource SfFlatButtonStyle}"
-                            Text="Sign Up" />
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
 
                     </StackLayout>
 
                 </StackLayout>
             </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalOptions="Start" />
+
         </Grid>
     </ContentPage.Content>
 
diff --git a/EssentialUIKit/Views/Forms/LoginPage.xaml.cs b/EssentialUIKit/Views/Forms/LoginPage.xaml.cs
index 16ae96f1..5b40d4e0 100644
--- a/EssentialUIKit/Views/Forms/LoginPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/LoginPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class LoginPage
         /// </summary>
         public LoginPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml b/EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml
new file mode 100644
index 00000000..15314317
--- /dev/null
+++ b/EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml
@@ -0,0 +1,202 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Forms.LoginWithSocialIconPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
+    BackgroundColor="{DynamicResource Gray-200}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <!--  Binding context for login with social icon page  -->
+    <ContentPage.BindingContext>
+        <viewModel:LoginWithSocialIconViewModel />
+    </ContentPage.BindingContext>
+
+    <ContentPage.Content>
+        <Grid>
+            <gradient:SfGradientView Style="{StaticResource VioletGradientStyle}" />
+            <ScrollView HorizontalOptions="Center">
+
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
+
+                <StackLayout
+                    Margin="{core:OnPlatformOrientationThickness PhonePortrait='24,32',
+                                                                 PhoneLandscape='150,32',
+                                                                 TabletPortrait='200,50',
+                                                                 TabletLandscape='350,50',
+                                                                 Desktop='30'}"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand"
+                    WidthRequest="{OnPlatform Default='-1',
+                                              UWP='350'}">
+
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                        RowSpacing="0"
+                        VerticalOptions="CenterAndExpand">
+
+                        <!--  Label to display the title of this page  -->
+                        <Label
+                            FontSize="20"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Log In"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <!--  Label to display the description of this page  -->
+                        <Label
+                            Grid.Row="1"
+                            Margin="14,8"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Let's get to work"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <!--  Entry to get email ID from user  -->
+                        <local:LoginEmailEntry Grid.Row="2" Padding="0,24" />
+
+                        <StackLayout Grid.Row="3">
+                            <!--  Entry to get password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-White}"
+                                BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                CornerRadius="4"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="PasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="Password"
+                                        PlaceholderColor="#606a7b"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Value}"
+                                        TextColor="#333942">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <!--  Forgot password link  -->
+                        <buttons:SfButton
+                            x:Name="ForgotPasswordLabel"
+                            Grid.Row="4"
+                            Margin="0,16"
+                            Command="{Binding ForgotPasswordCommand}"
+                            FontSize="12"
+                            HorizontalOptions="End"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="FORGOT PASSWORD?"
+                            TextColor="{DynamicResource Gray-White}" />
+
+
+                        <buttons:SfButton
+                            Grid.Row="5"
+                            Margin="0,16"
+                            Command="{Binding LoginCommand}"
+                            CornerRadius="4"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="LOG IN" />
+
+
+                        <Label
+                            Grid.Row="6"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Or log in with your social media credentials"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <!--  Login button with social icons  -->
+                        <Grid Grid.Row="7">
+                            <template:SocialIconTemplate />
+                        </Grid>
+
+                    </Grid>
+
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Orientation="Horizontal"
+                        Spacing="1"
+                        VerticalOptions="End">
+
+                        <StackLayout.Padding>
+                            <OnIdiom
+                                x:DataType="Thickness"
+                                Default="0, 48, 0, 0"
+                                Phone="0" />
+                        </StackLayout.Padding>
+
+                        <Label
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-White}"
+                            VerticalTextAlignment="Center" />
+
+                        <!--  Sign-up button  -->
+                        <buttons:SfButton
+                            Command="{Binding SignUpCommand}"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
+
+                    </StackLayout>
+
+                </StackLayout>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalOptions="Start" />
+
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/LoginPage.xaml.cs b/EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml.cs
similarity index 54%
rename from EssentialUIKit/Views/Shopping/LoginPage.xaml.cs
rename to EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml.cs
index 3cd783f9..6f24f28f 100644
--- a/EssentialUIKit/Views/Shopping/LoginPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/LoginWithSocialIconPage.xaml.cs
@@ -1,21 +1,21 @@
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
-namespace EssentialUIKit.Views.Shopping
+namespace EssentialUIKit.Views.Forms
 {
     /// <summary>
     /// Page to login with user name and password
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class LoginPage
+    public partial class LoginWithSocialIconPage
     {
         /// <summary>
-        /// Initializes a new instance of the <see cref="LoginPage" /> class.
+        /// Initializes a new instance of the <see cref="LoginWithSocialIconPage" /> class.
         /// </summary>
-        public LoginPage()
+        public LoginWithSocialIconPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml b/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml
index 4d7c8ad3..ae29f872 100644
--- a/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml
+++ b/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.ResetPasswordPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -14,15 +15,13 @@
     BackgroundImageSource="{core:OnPlatformOrientationStringValue Default=LoginBackground.png,
                                                                   iOSPhoneLandscape=LoginBackground-Landscape.png,
                                                                   iOSTabletLandscape=LoginBackground-Landscape.png}"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -33,7 +32,7 @@
 
     <ContentPage.Content>
         <Grid>
-            <gradient:SfGradientView Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Style="{StaticResource BlueGradientStyle}" />
 
             <ScrollView HorizontalOptions="Center">
                 <ScrollView.VerticalOptions>
@@ -54,67 +53,114 @@
                     WidthRequest="{OnPlatform Default='-1',
                                               UWP='350'}">
 
-                    <Grid RowSpacing="24" VerticalOptions="CenterAndExpand">
-
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                        </Grid.RowDefinitions>
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto"
+                        RowSpacing="24"
+                        VerticalOptions="CenterAndExpand">
 
                         <!--  Label to display the title of this page  -->
                         <Label
                             Grid.Row="0"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
                             FontSize="20"
-                            HorizontalOptions="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource TitleLabelStyle}"
                             Text="Reset Password"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalOptions="Center" />
 
                         <!--  Label to display the description of this page  -->
                         <Label
                             Grid.Row="1"
                             Margin="0,-16,0,8"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Enter your new password to reset the old password" />
-
-                        <!--  Entry to get new password from user  -->
-                        <border:SfBorder
-                            Grid.Row="2"
-                            BorderColor="{Binding Source={x:Reference NewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}"
-                            Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="NewPasswordEntry"
-                                IsPassword="True"
-                                Placeholder="New Password"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding NewPassword}" />
-                        </border:SfBorder>
-
-                        <!--  Entry to get confirm password from user  -->
-                        <border:SfBorder
-                            Grid.Row="3"
-                            BorderColor="{Binding Source={x:Reference ConfirmNewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}"
-                            Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="ConfirmNewPasswordEntry"
-                                IsPassword="True"
-                                Placeholder="Confirm New Password"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding ConfirmPassword}" />
-                        </border:SfBorder>
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Enter your new password to reset the old password"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <StackLayout Grid.Row="2">
+                            <!--  Entry to get new password from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference NewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="NewPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="New Password"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item1.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item1.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item1.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item1.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <StackLayout Grid.Row="3">
+                            <!--  Entry to get confirm password from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference ConfirmNewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="ConfirmNewPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="Confirm New Password"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item2.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item2.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ConfirmPasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="ConfirmPasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item2.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item2.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
 
                         <!--  Submit button  -->
                         <buttons:SfButton
                             Grid.Row="4"
                             Command="{Binding SubmitCommand}"
-                            CornerRadius="20"
-                            Style="{StaticResource SfButtonStyle}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
                             Text="SUBMIT" />
 
                     </Grid>
@@ -133,22 +179,32 @@
                         </StackLayout.Padding>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalOptions="CenterAndExpand"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource DescriptionLabelStyle}"
                             Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="Center" />
 
                         <buttons:SfButton
                             Command="{Binding SignUpCommand}"
-                            CornerRadius="4"
-                            Style="{StaticResource SfFlatButtonStyle}"
-                            Text="Sign Up" />
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
 
                     </StackLayout>
                 </StackLayout>
             </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalOptions="Start" />
+
         </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml.cs b/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml.cs
index 51b8d3e6..9500b889 100644
--- a/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/ResetPasswordPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class ResetPasswordPage
         /// </summary>
         public ResetPasswordPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SignUpPage.xaml b/EssentialUIKit/Views/Forms/SignUpPage.xaml
index db400834..96172b05 100644
--- a/EssentialUIKit/Views/Forms/SignUpPage.xaml
+++ b/EssentialUIKit/Views/Forms/SignUpPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.SignUpPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -15,15 +16,13 @@
     BackgroundImageSource="{core:OnPlatformOrientationStringValue Default=LoginBackground.png,
                                                                   iOSPhoneLandscape=LoginBackground-Landscape.png,
                                                                   iOSTabletLandscape=LoginBackground-Landscape.png}"
-    NavigationPage.HasNavigationBar="False"
-    Style="{StaticResource ContentPageStyle}">
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -34,7 +33,7 @@
 
     <ContentPage.Content>
         <Grid>
-            <gradient:SfGradientView Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Style="{StaticResource BlueGradientStyle}" />
 
             <ScrollView HorizontalOptions="Center">
                 <ScrollView.VerticalOptions>
@@ -61,58 +60,145 @@
 
                         <!--  Label to display the title of this page  -->
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
                             FontSize="20"
-                            HorizontalOptions="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Sign Up" />
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource Gray-White}" />
 
                         <!--  Label to display the description of this page  -->
                         <Label
                             Margin="0,-16,0,8"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="Create an account to start doing more" />
-
-                        <!--  Entry to get username from user  -->
-                        <border:SfBorder BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="NameEntry"
-                                Placeholder="Name"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding Name}" />
-                        </border:SfBorder>
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Create an account to start doing more"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <StackLayout>
+                            <!--  Entry to get username from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="NameEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        Placeholder="Name"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Name.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Name.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference NameValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="NameValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Name.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Name.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
 
                         <!--  Entry to get email ID from user  -->
                         <local:EmailEntry />
 
-                        <!--  Entry to get password from user  -->
-                        <border:SfBorder BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="PasswordEntry"
-                                IsPassword="true"
-                                Placeholder="Password"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding Password}" />
-                        </border:SfBorder>
-
-                        <!--  Entry to get the confirm password from user  -->
-                        <border:SfBorder BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource SfBorderStyle}">
-                            <control:BorderlessEntry
-                                x:Name="ConfirmPasswordEntry"
-                                IsPassword="true"
-                                Placeholder="Confirm Password"
-                                Style="{StaticResource EntryStyle}"
-                                Text="{Binding ConfirmPassword}" />
-                        </border:SfBorder>
+                        <StackLayout>
+                            <!--  Entry to get password from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="PasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="true"
+                                        Placeholder="Password"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item1.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item1.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item1.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item1.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <StackLayout>
+                            <!--  Entry to get the confirm password from user  -->
+                            <border:SfBorder BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=0}" Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="ConfirmPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="true"
+                                        Placeholder="Confirm Password"
+                                        PlaceholderColor="{StaticResource EntryPlaceholderColor}"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item2.Value}"
+                                        TextColor="{StaticResource Gray-White}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item2.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ConfirmPasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="ConfirmPasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item2.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item2.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
 
                         <!--  Sign-up button  -->
                         <buttons:SfButton
                             Command="{Binding SignUpCommand}"
-                            CornerRadius="20"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            Style="{StaticResource SfButtonStyle}"
+                            HorizontalOptions="FillAndExpand"
+                            Style="{StaticResource GradientButtonStyle}"
                             Text="REGISTER" />
                     </StackLayout>
 
@@ -130,22 +216,32 @@
                         </StackLayout.Padding>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            HorizontalOptions="CenterAndExpand"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
+                            Style="{StaticResource DescriptionLabelStyle}"
                             Text="Already have an account?"
+                            TextColor="{DynamicResource Gray-White}"
                             VerticalTextAlignment="Center" />
 
                         <buttons:SfButton
                             Command="{Binding LoginCommand}"
-                            CornerRadius="4"
-                            Style="{StaticResource SfFlatButtonStyle}"
-                            Text="Log In" />
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Log In"
+                            TextColor="{DynamicResource PrimaryColor}" />
 
                     </StackLayout>
                 </StackLayout>
             </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalOptions="Start" />
+
         </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SignUpPage.xaml.cs b/EssentialUIKit/Views/Forms/SignUpPage.xaml.cs
index b9dbb430..43a784f6 100644
--- a/EssentialUIKit/Views/Forms/SignUpPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SignUpPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class SignUpPage
         /// </summary>
         public SignUpPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml b/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml
index 36a08b64..fb337c75 100644
--- a/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml
+++ b/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml
@@ -3,61 +3,58 @@
     x:Class="EssentialUIKit.Views.Forms.SimpleEmailEntry"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters">
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <converter:StringToBooleanConverter x:Key="StringToBooleanConverter" />
-            <converter:ErrorValidationColorConverter x:Key="ErrorValidationColorConverter" PageVariantParameter="1" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
         </ResourceDictionary>
     </ContentView.Resources>
 
     <ContentView.Content>
         <StackLayout>
             <border:SfBorder
-                BackgroundColor="{DynamicResource Gray-White}"
-                BorderColor="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={x:StaticResource ErrorValidationColorConverter}, ConverterParameter={x:Reference EmailEntry}}"
-                Style="{StaticResource SfBorderStyle}">
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                BorderColor="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={x:StaticResource ColorConverter}, ConverterParameter=3}"
+                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+
+                <Grid ColumnDefinitions="*, Auto">
 
                     <control:BorderlessEntry
                         x:Name="EmailEntry"
+                        Margin="15,0"
+                        HeightRequest="40"
+                        Keyboard="Email"
                         Placeholder="Email"
-                        PlaceholderColor="{DynamicResource Gray-700}"
-                        Style="{StaticResource EntryStyle}"
-                        Text="{Binding Email}"
-                        TextColor="{DynamicResource Gray-900}" />
-
+                        Style="{StaticResource BorderlessEntryStyle}"
+                        Text="{Binding Email.Value}">
+                        <Entry.Behaviors>
+                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Email.IsValid}" />
+                        </Entry.Behaviors>
+                    </control:BorderlessEntry>
+
+                    <!--  Label to display error icon  -->
                     <Label
-                        Margin="15,0"
-                        FontFamily="{StaticResource FontIcons}"
-                        FontSize="18"
-                        HorizontalOptions="EndAndExpand"
-                        HorizontalTextAlignment="End"
+                        Grid.Column="1"
                         IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
-                        Text="&#xe707;"
-                        TextColor="{DynamicResource Red}"
-                        VerticalOptions="Center" />
-
+                        Style="{StaticResource ErrorIconLabelStyle}"
+                        Text="{StaticResource Error}" />
 
                 </Grid>
             </border:SfBorder>
 
             <Label
                 x:Name="ValidationLabel"
-                Margin="15,-5,0,0"
+                Margin="15,-3,0,0"
                 FontSize="12"
-                IsVisible="{Binding Path=IsFocused, Source={x:Reference EmailEntry}, Converter={StaticResource StringToBooleanConverter}, ConverterParameter={x:Reference EmailEntry}}"
-                Text="Please enter the valid e-mail"
+                IsVisible="{Binding Email.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding Email.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
                 TextColor="{DynamicResource Red}"
                 VerticalOptions="FillAndExpand" />
 
diff --git a/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml.cs b/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml.cs
index 3aa76c21..b0d4c443 100644
--- a/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SimpleEmailEntry.xaml.cs
@@ -15,7 +15,7 @@ public partial class SimpleEmailEntry
         /// </summary>
         public SimpleEmailEntry()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml b/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml
index 4edd8096..3c036b0b 100644
--- a/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml
+++ b/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml
@@ -11,113 +11,107 @@
     BackgroundColor="{DynamicResource Gray-200}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <!--  Binding context for forgot password page  -->
     <ContentPage.BindingContext>
         <viewModel:ForgotPasswordViewModel />
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
-        <ScrollView HorizontalOptions="Center">
-            <ScrollView.VerticalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="CenterAndExpand"
-                    Phone="FillAndExpand" />
-            </ScrollView.VerticalOptions>
-
-            <StackLayout
-                Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
-                                                             PhoneLandscape='150,32',
-                                                             TabletPortrait='200,50',
-                                                             TabletLandscape='300,50',
-                                                             Desktop='30'}"
-                Spacing="0"
-                VerticalOptions="FillAndExpand"
-                WidthRequest="{OnPlatform Default='-1',
-                                          UWP='350'}">
-
-                <Grid RowSpacing="24" VerticalOptions="CenterAndExpand">
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-
-                    <!--  Label to display the title of this page  -->
-                    <Label
-                        Grid.Row="0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="20"
-                        HorizontalOptions="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Forgot Your Password?"
-                        TextColor="{DynamicResource Gray-900}"
-                        VerticalTextAlignment="End" />
-
-                    <!--  Label to display the description of this page  -->
-                    <Label
-                        Grid.Row="1"
-                        Margin="0,-16,0,8"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="We'll send instructions on how to reset your password to the email address you have registered with us"
-                        TextColor="{DynamicResource Gray-800}"
-                        VerticalTextAlignment="Start" />
-
-                    <!--  Entry to get email ID from user  -->
-                    <local:SimpleEmailEntry Grid.Row="2" />
-
-                    <buttons:SfButton
-                        Grid.Row="3"
-                        Command="{Binding SendCommand}"
-                        CornerRadius="20"
-                        Style="{StaticResource SfButtonStyle}"
-                        Text="SEND" />
-
-                </Grid>
+        <Grid>
+            <ScrollView HorizontalOptions="Center">
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
 
                 <StackLayout
-                    HorizontalOptions="Center"
-                    Orientation="Horizontal"
-                    Spacing="1"
-                    VerticalOptions="End">
-
-                    <StackLayout.Padding>
-                        <OnIdiom
-                            x:DataType="Thickness"
-                            Default="0, 48, 0, 0"
-                            Phone="0" />
-                    </StackLayout.Padding>
-
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalOptions="CenterAndExpand"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Don't have an account?"
-                        TextColor="{DynamicResource Gray-800}"
-                        VerticalTextAlignment="Center" />
-
-                    <buttons:SfButton
-                        Command="{Binding SignUpCommand}"
-                        CornerRadius="4"
-                        Style="{StaticResource SfFlatButtonStyle}"
-                        Text="Sign Up" />
-
+                    Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
+                                                                 PhoneLandscape='150,32',
+                                                                 TabletPortrait='200,50',
+                                                                 TabletLandscape='300,50',
+                                                                 Desktop='30'}"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand"
+                    WidthRequest="{OnPlatform Default='-1',
+                                              UWP='350'}">
+
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto"
+                        RowSpacing="24"
+                        VerticalOptions="CenterAndExpand">
+
+                        <!--  Label to display the title of this page  -->
+                        <Label
+                            Grid.Row="0"
+                            FontSize="20"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Forgot Your Password?"
+                            VerticalTextAlignment="End" />
+
+                        <!--  Label to display the description of this page  -->
+                        <Label
+                            Grid.Row="1"
+                            Margin="0,-16,0,8"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="We'll send instructions on how to reset your password to the email address you have registered with us"
+                            TextColor="{DynamicResource Gray-800}"
+                            VerticalTextAlignment="Start" />
+
+                        <!--  Entry to get email ID from user  -->
+                        <local:SimpleEmailEntry Grid.Row="2" />
+
+                        <buttons:SfButton
+                            Grid.Row="3"
+                            Command="{Binding SendCommand}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="SEND" />
+
+                    </Grid>
+
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Orientation="Horizontal"
+                        Spacing="1"
+                        VerticalOptions="End">
+
+                        <StackLayout.Padding>
+                            <OnIdiom
+                                x:DataType="Thickness"
+                                Default="0, 48, 0, 0"
+                                Phone="0" />
+                        </StackLayout.Padding>
+
+                        <Label
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-800}"
+                            VerticalTextAlignment="Center" />
+
+                        <buttons:SfButton
+                            Command="{Binding SignUpCommand}"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
+
+                    </StackLayout>
                 </StackLayout>
-            </StackLayout>
-        </ScrollView>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Steel}"
+                VerticalOptions="Start" />
+
+        </Grid>
     </ContentPage.Content>
 
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml.cs b/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml.cs
index 430431b0..0362f103 100644
--- a/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SimpleForgotPasswordPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class SimpleForgotPasswordPage
         /// </summary>
         public SimpleForgotPasswordPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml b/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml
index f711f0b6..1a5cc060 100644
--- a/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml
+++ b/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.SimpleLoginPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -16,9 +17,8 @@
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -28,171 +28,191 @@
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
-        <ScrollView HorizontalOptions="Center">
-            <ScrollView.VerticalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="CenterAndExpand"
-                    Phone="FillAndExpand" />
-            </ScrollView.VerticalOptions>
-
-            <StackLayout
-                Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
-                                                             PhoneLandscape='150,32',
-                                                             TabletPortrait='200,50',
-                                                             TabletLandscape='300,50',
-                                                             Desktop='30'}"
-                Spacing="0"
-                VerticalOptions="FillAndExpand"
-                WidthRequest="{OnPlatform Default='-1',
-                                          UWP='350'}">
-
-                <Grid RowSpacing="0" VerticalOptions="CenterAndExpand">
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-
-                    <!--  Label to display the title of this page  -->
-                    <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="20"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Log In"
-                        TextColor="{DynamicResource Gray-900}" />
-
-                    <!--  Label to display the description of this page  -->
-                    <Label
-                        Grid.Row="1"
-                        Margin="0,8"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Let's get to work"
-                        TextColor="{DynamicResource Gray-800}" />
-
-                    <!--  Entry to get email ID from user  -->
-                    <local:SimpleEmailEntry Grid.Row="2" Padding="0,24" />
-
-                    <!--  Entry to get password from user  -->
-                    <border:SfBorder
-                        Grid.Row="3"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="PasswordEntry"
-                            IsPassword="True"
-                            Placeholder="Password"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding Password}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Forgot password link  -->
-                    <Label
-                        x:Name="ForgotPasswordLabel"
-                        Grid.Row="4"
-                        Margin="0,16"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="12"
-                        HorizontalOptions="End"
-                        Text="FORGOT PASSWORD?"
-                        TextColor="{DynamicResource Gray-800}">
-                        <Label.GestureRecognizers>
-                            <TapGestureRecognizer Command="{Binding ForgotPasswordCommand}" CommandParameter="{x:Reference ForgotPasswordLabel}" />
-                        </Label.GestureRecognizers>
-                    </Label>
-
-                    <!--  Login button  -->
-                    <buttons:SfButton
-                        Grid.Row="5"
-                        Margin="0,16"
-                        Command="{Binding LoginCommand}"
-                        Style="{StaticResource SfButtonStyle}"
-                        Text="LOG IN" />
-
-
-                    <Label
-                        Grid.Row="6"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Or create an account using social media"
-                        TextColor="{DynamicResource Gray-800}" />
-
-                    <!--  Login through facebook account  -->
-                    <buttons:SfButton
-                        Grid.Row="7"
-                        Margin="0,16,0,16"
-                        BackgroundColor="{DynamicResource FacebookBlue}"
-                        Command="{Binding SocialMediaLoginCommand}"
-                        CornerRadius="20"
-                        HeightRequest="40">
-                        <buttons:SfButton.Content>
-                            <StackLayout
-                                HorizontalOptions="CenterAndExpand"
-                                Orientation="Horizontal"
-                                VerticalOptions="Center">
-                                <Label
-                                    FontFamily="{StaticResource FontIcons}"
-                                    FontSize="18"
-                                    Text="&#xe735;"
-                                    TextColor="{DynamicResource Gray-White}"
-                                    VerticalTextAlignment="Center" />
-                                <Label
-                                    FontFamily="{StaticResource Montserrat-Medium}"
-                                    FontSize="16"
-                                    Text="Login with Facebook"
-                                    TextColor="{DynamicResource Gray-White}" />
-                            </StackLayout>
-                        </buttons:SfButton.Content>
-                    </buttons:SfButton>
-
-                </Grid>
+        <Grid>
+            <ScrollView HorizontalOptions="Center">
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
 
                 <StackLayout
-                    HorizontalOptions="Center"
-                    Orientation="Horizontal"
-                    Spacing="1"
-                    VerticalOptions="End">
-
-                    <StackLayout.Padding>
-                        <OnIdiom
-                            x:DataType="Thickness"
-                            Default="0, 48, 0, 0"
-                            Phone="0" />
-                    </StackLayout.Padding>
-
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalOptions="CenterAndExpand"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Don't have an account?"
-                        TextColor="{DynamicResource Gray-900}"
-                        VerticalTextAlignment="Center" />
-
-                    <!--  Sign-up button  -->
-                    <buttons:SfButton
-                        Command="{Binding SignUpCommand}"
-                        CornerRadius="4"
-                        Style="{StaticResource SfFlatButtonStyle}"
-                        Text="Sign Up" />
+                    Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
+                                                                 PhoneLandscape='150,32',
+                                                                 TabletPortrait='200,50',
+                                                                 TabletLandscape='300,50',
+                                                                 Desktop='30'}"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand"
+                    WidthRequest="{OnPlatform Default='-1',
+                                              UWP='350'}">
+
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                        RowSpacing="0"
+                        VerticalOptions="CenterAndExpand">
+
+                        <!--  Label to display the title of this page  -->
+                        <Label
+                            FontSize="20"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Log In" />
+
+                        <!--  Label to display the description of this page  -->
+                        <Label
+                            Grid.Row="1"
+                            Margin="0,8"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Let's get to work"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <!--  Entry to get email ID from user  -->
+                        <local:SimpleEmailEntry Grid.Row="2" Padding="0,24" />
+
+                        <StackLayout Grid.Row="3">
+                            <!--  Entry to get password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="PasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="Password"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="ValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <!--  Forgot password link  -->
+                        <buttons:SfButton
+                            x:Name="ForgotPasswordLabel"
+                            Grid.Row="4"
+                            Margin="0,16"
+                            Command="{Binding ForgotPasswordCommand}"
+                            FontSize="12"
+                            HorizontalOptions="End"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="FORGOT PASSWORD?"
+                            TextColor="{DynamicResource Gray-800}" />
+
+
+                        <!--  Login button  -->
+                        <buttons:SfButton
+                            Grid.Row="5"
+                            Margin="0,16"
+                            Command="{Binding LoginCommand}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="LOG IN" />
+
+
+                        <Label
+                            Grid.Row="6"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Or create an account using social media"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <!--  Login through facebook account  -->
+                        <buttons:SfButton
+                            Grid.Row="7"
+                            Margin="0,16,0,16"
+                            BackgroundColor="{DynamicResource FacebookBlue}"
+                            Command="{Binding SocialMediaLoginCommand}"
+                            CornerRadius="20"
+                            HeightRequest="40">
+                            <buttons:SfButton.Content>
+                                <StackLayout
+                                    HorizontalOptions="CenterAndExpand"
+                                    Orientation="Horizontal"
+                                    VerticalOptions="Center">
+                                    <Label
+                                        FontFamily="FontIcons"
+                                        FontSize="18"
+                                        Text="&#xe735;"
+                                        TextColor="{DynamicResource Gray-White}"
+                                        VerticalTextAlignment="Center" />
+                                    <Label
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="16"
+                                        Text="Login with Facebook"
+                                        TextColor="{DynamicResource Gray-White}" />
+                                </StackLayout>
+                            </buttons:SfButton.Content>
+                        </buttons:SfButton>
+
+                    </Grid>
+
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Orientation="Horizontal"
+                        Spacing="1"
+                        VerticalOptions="End">
+
+                        <StackLayout.Padding>
+                            <OnIdiom
+                                x:DataType="Thickness"
+                                Default="0, 48, 0, 0"
+                                Phone="0" />
+                        </StackLayout.Padding>
+
+                        <Label
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-900}"
+                            VerticalTextAlignment="Center" />
+
+                        <!--  Sign-up button  -->
+                        <buttons:SfButton
+                            Command="{Binding SignUpCommand}"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
+
+                    </StackLayout>
 
                 </StackLayout>
-
-            </StackLayout>
-        </ScrollView>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Steel}"
+                VerticalOptions="Start" />
+
+        </Grid>
     </ContentPage.Content>
 
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml.cs b/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml.cs
index 101b0403..c9d60ac0 100644
--- a/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SimpleLoginPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class SimpleLoginPage
         /// </summary>
         public SimpleLoginPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml b/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml
index d9c6819a..5957bade 100644
--- a/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml
+++ b/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.SimpleResetPasswordPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -16,9 +17,8 @@
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -28,128 +28,180 @@
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
-        <ScrollView HorizontalOptions="Center">
-            <ScrollView.VerticalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="CenterAndExpand"
-                    Phone="FillAndExpand" />
-            </ScrollView.VerticalOptions>
-
-            <StackLayout
-                Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
-                                                             PhoneLandscape='150,32',
-                                                             TabletPortrait='200,50',
-                                                             TabletLandscape='300,50',
-                                                             Desktop='30'}"
-                Spacing="0"
-                VerticalOptions="FillAndExpand"
-                WidthRequest="{OnPlatform Default='-1',
-                                          UWP='350'}">
-
-                <Grid RowSpacing="24" VerticalOptions="CenterAndExpand">
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="Auto" />
-                    </Grid.RowDefinitions>
-
-                    <!--  Label to display the title of this page  -->
-                    <Label
-                        Grid.Row="0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="20"
-                        HorizontalOptions="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Reset Password"
-                        TextColor="{DynamicResource Gray-900}"
-                        VerticalOptions="Center" />
-
-                    <!--  Label to display the description of this page  -->
-                    <Label
-                        Grid.Row="1"
-                        Margin="0,-16,0,8"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Enter your new password to reset the old password"
-                        TextColor="{DynamicResource Gray-800}" />
-
-                    <!--  Entry to get new password from user  -->
-                    <border:SfBorder
-                        Grid.Row="2"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference NewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="NewPasswordEntry"
-                            IsPassword="True"
-                            Placeholder="New Password"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding NewPassword}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Entry to get confirm password from user  -->
-                    <border:SfBorder
-                        Grid.Row="3"
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference ConfirmNewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="ConfirmNewPasswordEntry"
-                            IsPassword="True"
-                            Placeholder="Confirm New Password"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding ConfirmPassword}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Submit button  -->
-                    <buttons:SfButton
-                        Grid.Row="4"
-                        Command="{Binding SubmitCommand}"
-                        CornerRadius="20"
-                        Style="{StaticResource SfButtonStyle}"
-                        Text="SUBMIT" />
-
-                </Grid>
+        <Grid>
+            <ScrollView HorizontalOptions="Center">
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
 
                 <StackLayout
-                    HorizontalOptions="Center"
-                    Orientation="Horizontal"
-                    Spacing="1"
-                    VerticalOptions="End">
-
-                    <StackLayout.Padding>
-                        <OnIdiom
-                            x:DataType="Thickness"
-                            Default="0, 48, 0, 0"
-                            Phone="0" />
-                    </StackLayout.Padding>
-
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalOptions="CenterAndExpand"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Don't have an account?"
-                        TextColor="{DynamicResource Gray-800}"
-                        VerticalTextAlignment="Center" />
-
-                    <buttons:SfButton
-                        Command="{Binding SignUpCommand}"
-                        CornerRadius="4"
-                        Style="{StaticResource SfFlatButtonStyle}"
-                        Text="Sign Up" />
-
+                    Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
+                                                                 PhoneLandscape='150,32',
+                                                                 TabletPortrait='200,50',
+                                                                 TabletLandscape='300,50',
+                                                                 Desktop='30'}"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand"
+                    WidthRequest="{OnPlatform Default='-1',
+                                              UWP='350'}">
+
+                    <Grid
+                        RowDefinitions="Auto, Auto, Auto, Auto, Auto"
+                        RowSpacing="24"
+                        VerticalOptions="CenterAndExpand">
+
+                        <!--  Label to display the title of this page  -->
+                        <Label
+                            Grid.Row="0"
+                            FontSize="20"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Reset Password"
+                            VerticalOptions="Center" />
+
+                        <!--  Label to display the description of this page  -->
+                        <Label
+                            Grid.Row="1"
+                            Margin="0,-16,0,8"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Enter your new password to reset the old password"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <StackLayout Grid.Row="2">
+                            <!--  Entry to get new password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference NewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="NewPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="New Password"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item1.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item1.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item1.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item1.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+
+                        <StackLayout Grid.Row="3">
+                            <!--  Entry to get confirm password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference ConfirmNewPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="ConfirmNewPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="True"
+                                        Placeholder="Confirm New Password"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item2.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item2.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ConfirmPasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="ConfirmPasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item2.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item2.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <!--  Submit button  -->
+                        <buttons:SfButton
+                            Grid.Row="4"
+                            Command="{Binding SubmitCommand}"
+                            HorizontalOptions="Fill"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="SUBMIT" />
+
+                    </Grid>
+
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Orientation="Horizontal"
+                        Spacing="1"
+                        VerticalOptions="End">
+
+                        <StackLayout.Padding>
+                            <OnIdiom
+                                x:DataType="Thickness"
+                                Default="0, 48, 0, 0"
+                                Phone="0" />
+                        </StackLayout.Padding>
+
+                        <Label
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Don't have an account?"
+                            TextColor="{DynamicResource Gray-800}"
+                            VerticalTextAlignment="Center" />
+
+                        <buttons:SfButton
+                            Command="{Binding SignUpCommand}"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Sign Up"
+                            TextColor="{DynamicResource PrimaryColor}" />
+
+                    </StackLayout>
                 </StackLayout>
-            </StackLayout>
-        </ScrollView>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Steel}"
+                VerticalOptions="Start" />
+
+        </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml.cs b/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml.cs
index 75bfe1aa..c00356e8 100644
--- a/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SimpleResetPasswordPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class SimpleResetPasswordPage
         /// </summary>
         public SimpleResetPasswordPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml b/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml
index e09ada8e..05da426b 100644
--- a/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml
+++ b/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Forms.SimpleSignUpPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
@@ -17,9 +18,8 @@
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -29,134 +29,217 @@
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
-        <ScrollView HorizontalOptions="Center">
-            <ScrollView.VerticalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="CenterAndExpand"
-                    Phone="FillAndExpand" />
-            </ScrollView.VerticalOptions>
-
-            <StackLayout
-                Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
-                                                             PhoneLandscape='150,32',
-                                                             TabletPortrait='200,50',
-                                                             TabletLandscape='300,50',
-                                                             Desktop='30'}"
-                Spacing="0"
-                VerticalOptions="FillAndExpand"
-                WidthRequest="{OnPlatform Default='-1',
-                                          UWP='350'}">
-                <StackLayout
-                    HorizontalOptions="Center"
-                    Spacing="24"
-                    VerticalOptions="CenterAndExpand">
-
-                    <!--  Label to display the title of this page  -->
-                    <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="20"
-                        HorizontalOptions="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Sign Up"
-                        TextColor="{DynamicResource Gray-900}" />
-
-                    <!--  Label to display the description of this page  -->
-                    <Label
-                        x:Name="text"
-                        Margin="0,-16,0,8"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Create an account to start doing more"
-                        TextColor="{DynamicResource Gray-800}" />
-
-                    <!--  Entry to get username from user  -->
-                    <border:SfBorder
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="NameEntry"
-                            Placeholder="Name"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding Name}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Entry to get email ID from user  -->
-                    <local:SimpleEmailEntry />
-
-                    <!--  Entry to get password from user  -->
-                    <border:SfBorder
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="PasswordEntry"
-                            IsPassword="true"
-                            Placeholder="Password"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding Password}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Entry to get the confirm password from user  -->
-                    <border:SfBorder
-                        BackgroundColor="{DynamicResource Gray-White}"
-                        BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                        Style="{StaticResource SfBorderStyle}">
-                        <control:BorderlessEntry
-                            x:Name="ConfirmPasswordEntry"
-                            IsPassword="true"
-                            Placeholder="Confirm Password"
-                            PlaceholderColor="{DynamicResource Gray-700}"
-                            Style="{StaticResource EntryStyle}"
-                            Text="{Binding ConfirmPassword}"
-                            TextColor="{DynamicResource Gray-900}" />
-                    </border:SfBorder>
-
-                    <!--  Sign-up button  -->
-                    <buttons:SfButton
-                        Command="{Binding SignUpCommand}"
-                        CornerRadius="20"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        Style="{StaticResource SfButtonStyle}"
-                        Text="REGISTER" />
-                </StackLayout>
+        <Grid>
+            <ScrollView HorizontalOptions="Center">
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
 
                 <StackLayout
-                    HorizontalOptions="Center"
-                    Orientation="Horizontal"
-                    Spacing="1"
-                    VerticalOptions="End">
-
-                    <StackLayout.Padding>
-                        <OnIdiom
-                            x:DataType="Thickness"
-                            Default="0, 48, 0, 0"
-                            Phone="0" />
-                    </StackLayout.Padding>
-
-                    <Label
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalOptions="CenterAndExpand"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Already have an account?"
-                        TextColor="{DynamicResource Gray-800}"
-                        VerticalTextAlignment="Center" />
-
-                    <buttons:SfButton
-                        Command="{Binding LoginCommand}"
-                        CornerRadius="4"
-                        Style="{StaticResource SfFlatButtonStyle}"
-                        Text="Log In" />
-
+                    Margin="{core:OnPlatformOrientationThickness PhonePortrait='20,32',
+                                                                 PhoneLandscape='150,32',
+                                                                 TabletPortrait='200,50',
+                                                                 TabletLandscape='300,50',
+                                                                 Desktop='30'}"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand"
+                    WidthRequest="{OnPlatform Default='-1',
+                                              UWP='350'}">
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Spacing="24"
+                        VerticalOptions="CenterAndExpand">
+
+                        <!--  Label to display the title of this page  -->
+                        <Label
+                            FontSize="20"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Sign Up" />
+
+                        <!--  Label to display the description of this page  -->
+                        <Label
+                            x:Name="text"
+                            Margin="0,-16,0,8"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Create an account to start doing more"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <StackLayout>
+                            <!--  Entry to get username from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="NameEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        Placeholder="Name"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Name.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Name.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference NameValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="NameValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Name.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Name.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <!--  Entry to get email ID from user  -->
+                        <local:SimpleEmailEntry />
+
+                        <StackLayout>
+                            <!--  Entry to get password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="PasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="true"
+                                        Placeholder="Password"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item1.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item1.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="PasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item1.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item1.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <StackLayout>
+                            <!--  Entry to get the confirm password from user  -->
+                            <border:SfBorder
+                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                <Grid ColumnDefinitions="*, Auto">
+
+                                    <control:BorderlessEntry
+                                        x:Name="ConfirmPasswordEntry"
+                                        Margin="15,0"
+                                        HeightRequest="40"
+                                        IsPassword="true"
+                                        Placeholder="Confirm Password"
+                                        Style="{StaticResource BorderlessEntryStyle}"
+                                        Text="{Binding Password.Item2.Value}">
+                                        <Entry.Behaviors>
+                                            <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item2.IsValid}" />
+                                        </Entry.Behaviors>
+                                    </control:BorderlessEntry>
+
+                                    <!--  Label to display error icon  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        IsVisible="{Binding Path=IsVisible, Source={x:Reference ConfirmPasswordValidationLabel}}"
+                                        Style="{StaticResource ErrorIconLabelStyle}"
+                                        Text="{StaticResource Error}" />
+                                </Grid>
+                            </border:SfBorder>
+
+                            <!--  Label to display error message  -->
+                            <Label
+                                x:Name="ConfirmPasswordValidationLabel"
+                                Margin="15,-3,0,0"
+                                IsVisible="{Binding Password.Item2.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                Style="{StaticResource SimpleLabelStyle}"
+                                Text="{Binding Password.Item2.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                TextColor="{DynamicResource Red}"
+                                VerticalOptions="FillAndExpand" />
+                        </StackLayout>
+
+                        <!--  Sign-up button  -->
+                        <buttons:SfButton
+                            Command="{Binding SignUpCommand}"
+                            HorizontalOptions="FillAndExpand"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="REGISTER" />
+                    </StackLayout>
+
+                    <StackLayout
+                        HorizontalOptions="Center"
+                        Orientation="Horizontal"
+                        Spacing="1"
+                        VerticalOptions="End">
+
+                        <StackLayout.Padding>
+                            <OnIdiom
+                                x:DataType="Thickness"
+                                Default="0, 48, 0, 0"
+                                Phone="0" />
+                        </StackLayout.Padding>
+
+                        <Label
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Already have an account?"
+                            TextColor="{DynamicResource Gray-800}"
+                            VerticalTextAlignment="Center" />
+
+                        <buttons:SfButton
+                            Command="{Binding LoginCommand}"
+                            Style="{StaticResource TransparentButtonStyle}"
+                            Text="Log In"
+                            TextColor="{DynamicResource PrimaryColor}" />
+
+                    </StackLayout>
                 </StackLayout>
-            </StackLayout>
-        </ScrollView>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Steel}"
+                VerticalOptions="Start" />
+
+        </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml.cs b/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml.cs
index 90ec22e5..0c280bab 100644
--- a/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml.cs
+++ b/EssentialUIKit/Views/Forms/SimpleSignUpPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class SimpleSignUpPage
         /// </summary>
         public SimpleSignUpPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/Styles.xaml b/EssentialUIKit/Views/Forms/Styles.xaml
deleted file mode 100644
index e5e97937..00000000
--- a/EssentialUIKit/Views/Forms/Styles.xaml
+++ /dev/null
@@ -1,159 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Forms.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="EntryPlaceholderColor">#A0FFFFFF</Color>
-    <Color x:Key="BorderBackgroundColor">#20FFFFFF</Color>
-    <Color x:Key="GradientStartColor">#012E8B</Color>
-    <Color x:Key="GradientEndColor">#3F0041</Color>
-    <Color x:Key="FacebookBlue">#4267B2</Color>
-    
-    <x:String x:Key="DropDownButtonIcon">&#xe70b;</x:String>
-    <x:String x:Key="AvatarIcon">&#xe723;</x:String>
-
-    <!--  Common style for content pages  -->
-    <Style x:Key="ContentPageStyle" TargetType="ContentPage">
-        <Setter Property="BackgroundImageSource">
-            <OnPlatform
-                x:TypeArguments="ImageSource"
-                Android="LoginBackground.png"
-                WinPhone="LoginBackground.png" />
-        </Setter>
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="1.25" />
-    </Style>
-
-    <!--  Common style for entries  -->
-    <Style x:Key="EntryStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="PlaceholderColor" Value="{StaticResource EntryPlaceholderColor}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="Margin" Value="15,0" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-        <Setter Property="ReturnType" Value="Done" />
-    </Style>
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="CornerRadius" Value="20" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-    </Style>
-
-    <!--  Common style for flat buttons  -->
-    <Style x:Key="SfFlatButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-    </Style>
-
-    <!--  Common style for borders  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{StaticResource BorderBackgroundColor}" />
-        <Setter Property="BorderColor" Value="Transparent" />
-        <Setter Property="CornerRadius" Value="20" />
-        <Setter Property="BorderWidth" Value="1" />
-    </Style>
-
-    <!--  Common style for gradient view  -->
-    <Style x:Key="SfGradientViewStyle" TargetType="graphics:SfGradientView">
-        <Setter Property="Opacity" Value="0.82" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        <Setter Property="BackgroundBrush">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0.0" Color="{StaticResource GradientEndColor}" />
-                        <graphics:SfGradientStop Offset="1.0" Color="{StaticResource GradientStartColor}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-    <Style x:Key="HeaderLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Bold}"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="LineHeight" Value="1.5"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-    </Style>
-
-    <Style x:Key="FormBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}"/>
-        <Setter Property="CornerRadius" Value="4"/>
-        <Setter Property="Padding" Value="12,8"/>
-        <Setter Property="Margin" Value="0,8"/>
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}"/>
-    </Style>
-
-    <Style x:Key="BusinessFormBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}"/>
-        <Setter Property="CornerRadius" Value="4"/>
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}"/>
-    </Style>
-
-    <Style x:Key="EntryTextStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}"/>
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}"/>
-    </Style>
-
-    <Style x:Key="DatePickerStyle" TargetType="DatePicker">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}"/>
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}"/>
-    </Style>
-
-    <Style x:Key="ComboBoxStyle" TargetType="combobox:SfComboBox">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}"/>
-        <Setter Property="TextSize" Value="16"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}"/>
-        <Setter Property="ShowBorder" Value="False"/>
-        <Setter Property="WatermarkColor" Value="{DynamicResource Gray-700}"/>
-        <Setter Property="Margin" Value="8,0"/>
-        <Setter Property="HeightRequest" Value="40"/>
-    </Style>
-
-    <Style x:Key="EntryTextBoxStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}"/>
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}"/>
-        <Setter Property="Margin" Value="12,0"/>
-        <Setter Property="HeightRequest" Value="40"/>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/Styles.xaml.cs b/EssentialUIKit/Views/Forms/Styles.xaml.cs
deleted file mode 100644
index 9923383e..00000000
--- a/EssentialUIKit/Views/Forms/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Forms
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/TabbedForm.xaml b/EssentialUIKit/Views/Forms/TabbedForm.xaml
index 5512949f..7511ad6d 100644
--- a/EssentialUIKit/Views/Forms/TabbedForm.xaml
+++ b/EssentialUIKit/Views/Forms/TabbedForm.xaml
@@ -1,212 +1,352 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:control="clr-namespace:EssentialUIKit.Controls"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
-             xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
-             xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:tabView="clr-namespace:Syncfusion.XForms.TabView;assembly=Syncfusion.SfTabView.XForms"
-             x:Class="EssentialUIKit.Views.Forms.TabbedForm" 
-             Title="Tabbed Form"
-             BackgroundColor="{DynamicResource Gray-200}"
-             NavigationPage.HasNavigationBar="False">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Forms.TabbedForm"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviour="clr-namespace:EssentialUIKit.Behaviors.Forms"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Forms"
+    xmlns:tabView="clr-namespace:Syncfusion.XForms.TabView;assembly=Syncfusion.SfTabView.XForms"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Forms"
+    Title="Tabbed Form"
+    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.BindingContext>
+        <viewModel:LoginPageViewModel />
+    </ContentPage.BindingContext>
+
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="ColorConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml"/>
-            </ResourceDictionary.MergedDictionaries>
+            <converter:InverseBoolConverter x:Key="InverseBoolConverter" />
+            <converter:NameValidationConverter x:Key="FirstValidationErrorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
     <ContentPage.Content>
-        <ScrollView Padding="0,16">
-            <ScrollView.HorizontalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="Center"
-                    Phone="FillAndExpand" />
-            </ScrollView.HorizontalOptions>
-            <ScrollView.VerticalOptions>
-                <OnIdiom
-                    x:TypeArguments="LayoutOptions"
-                    Default="CenterAndExpand"
-                    Phone="FillAndExpand" />
-            </ScrollView.VerticalOptions>
-            <StackLayout WidthRequest="{OnIdiom Phone='-1', Default='550'}">
-                <StackLayout.BindingContext>
-                    <viewModel:LoginPageViewModel/>
-                </StackLayout.BindingContext>
-                <control:CustomShadowFrame Margin="24,8" Padding="0">
-                    <tabView:SfTabView VisibleHeaderCount="2" >
-                        <tabView:SfTabView.SelectionIndicatorSettings>
-                            <tabView:SelectionIndicatorSettings Color="{DynamicResource PrimaryColor}"
-                                                            StrokeThickness="3"/>
-
-                        </tabView:SfTabView.SelectionIndicatorSettings>
-                        <tabView:SfTabItem Title="Login" SelectionColor="{DynamicResource PrimaryColor}" 
-                                           TitleFontFamily="{StaticResource Montserrat-Regular}"
-                                           TitleFontSize="14"
-                                           TitleFontColor="{DynamicResource Gray-700}">
-                            <tabView:SfTabItem.BindingContext>
-                                <viewModel:LoginPageViewModel/>
-                            </tabView:SfTabItem.BindingContext>
-                            <tabView:SfTabItem.Content>
-                                <Grid VerticalOptions="Center">
-                                    <StackLayout Padding="16" HorizontalOptions="Center" 
-                                             VerticalOptions="Center">
-                                        <local:SimpleEmailEntry Padding="0,24" />
-
-                                        <!--  Entry to get password from user  -->
-                                        <border:SfBorder
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                    Style="{StaticResource SfBorderStyle}">
-                                            <control:BorderlessEntry
-                                        x:Name="PasswordEntry"
-                                        IsPassword="True"
-                                        Placeholder="Password"
-                                        PlaceholderColor="{DynamicResource Gray-700}"
-                                        Style="{StaticResource EntryStyle}"
-                                        Text="{Binding Password}"
-                                        TextColor="{DynamicResource Gray-900}" />
-                                        </border:SfBorder>
-
-                                        <!--  Forgot password link  -->
-                                        <Label
-                                    x:Name="ForgotPasswordLabel"
-                                    Margin="0,16"
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                                    FontSize="12"                        
-                                    HorizontalOptions="End"                        
-                                    Text="Forgot Password?"
-                                    TextColor="{DynamicResource Gray-800}">
-                                            <Label.GestureRecognizers>
-                                                <TapGestureRecognizer Command="{Binding ForgotPasswordCommand}" CommandParameter="{x:Reference ForgotPasswordLabel}" />
-                                            </Label.GestureRecognizers>
-                                        </Label>
-
-                                        <!--  Login button  -->
-                                        <buttons:SfButton
-                                    HorizontalOptions="Center"
-                                    WidthRequest="245"
-                                    Margin="0,16"
-                                    Command="{Binding LoginCommand}"
-                                    Style="{StaticResource SfButtonStyle}"
-                                    Text="LOGIN" />
-
-                                    </StackLayout>
-                                </Grid>
-                            </tabView:SfTabItem.Content>
-                        </tabView:SfTabItem>
-                        <tabView:SfTabItem Title="Sign Up" SelectionColor="{DynamicResource PrimaryColor}"
-                                           TitleFontFamily="{StaticResource Montserrat-Regular}"
-                                           TitleFontSize="14"
-                                           TitleFontColor="{DynamicResource Gray-700}">
-                            <tabView:SfTabItem.BindingContext>
-                                <viewModel:SignUpPageViewModel/>
-                            </tabView:SfTabItem.BindingContext>
-                            <tabView:SfTabItem.Content>
-                                <StackLayout Padding="16,16,16,36" Spacing="24" HorizontalOptions="Center">
-                                    <!--  Entry to get username from user  -->
-                                    <border:SfBorder
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                    Style="{StaticResource SfBorderStyle}">
-                                        <control:BorderlessEntry
-                                        x:Name="NameEntry"
-                                        Placeholder="Name"
-                                        PlaceholderColor="{DynamicResource Gray-700}"
-                                        Style="{StaticResource EntryStyle}"
-                                        Text="{Binding Name}"
-                                        TextColor="{DynamicResource Gray-900}" />
-                                    </border:SfBorder>
-
-                                    <!--  Entry to get email ID from user  -->
-                                    <local:SimpleEmailEntry />
-
-                                    <!--  Entry to get password from user  -->
-                                    <border:SfBorder                        
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{Binding Source={x:Reference SignupPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                    Style="{StaticResource SfBorderStyle}">
-                                        <control:BorderlessEntry
-                                        x:Name="SignupPasswordEntry"
-                                        IsPassword="true"
-                                        Placeholder="Password"
-                                        PlaceholderColor="{DynamicResource Gray-700}"
-                                        Style="{StaticResource EntryStyle}"
-                                        Text="{Binding Password}"
-                                        TextColor="{DynamicResource Gray-900}" />
-                                    </border:SfBorder>
-
-                                    <!--  Entry to get the confirm password from user  -->
-                                    <border:SfBorder
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
-                                    Style="{StaticResource SfBorderStyle}">
-                                        <control:BorderlessEntry
-                                        x:Name="ConfirmPasswordEntry"
-                                        IsPassword="true"
-                                        Placeholder="Confirm Password"
-                                        PlaceholderColor="{DynamicResource Gray-700}"
-                                        Style="{StaticResource EntryStyle}"
-                                        Text="{Binding ConfirmPassword}"
-                                        TextColor="{DynamicResource Gray-900}" />
-                                    </border:SfBorder>
-
-                                    <!--  Sign-up button  -->
-                                    <buttons:SfButton
-                                    HorizontalOptions="Center"
-                                    Command="{Binding SignUpCommand}"
-                                    CornerRadius="20"
-                                    WidthRequest="245"
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                                    Style="{StaticResource SfButtonStyle}"
-                                    Text="SIGN UP" />
+        <Grid>
+            <ScrollView Padding="0,16">
+                <ScrollView.HorizontalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="Center"
+                        Phone="FillAndExpand" />
+                </ScrollView.HorizontalOptions>
+                <ScrollView.VerticalOptions>
+                    <OnIdiom
+                        x:TypeArguments="LayoutOptions"
+                        Default="CenterAndExpand"
+                        Phone="FillAndExpand" />
+                </ScrollView.VerticalOptions>
+                <StackLayout WidthRequest="{OnIdiom Phone='-1', Default='550'}">
+                    <StackLayout VerticalOptions="CenterAndExpand">
+                        <control:CustomShadowFrame
+                            x:Name="frame"
+                            Margin="24,8"
+                            Padding="0"
+                            BackgroundColor="{DynamicResource GrayShadowColor}"
+                            BorderWidth="0"
+                            CornerRadius="4"
+                            HasShadow="True"
+                            HeightRequest="390"
+                            Radius="4">
+                            <tabView:SfTabView
+                                BackgroundColor="Transparent"
+                                SelectionChanged="TabView_SelectionChanged"
+                                VisibleHeaderCount="2">
+                                <tabView:SfTabView.SelectionIndicatorSettings>
+                                    <tabView:SelectionIndicatorSettings StrokeThickness="3" Color="{DynamicResource PrimaryColor}" />
+
+                                </tabView:SfTabView.SelectionIndicatorSettings>
+                                <tabView:SfTabItem
+                                    x:Name="logInItem"
+                                    Title="Login"
+                                    SelectionColor="{DynamicResource PrimaryColor}"
+                                    TitleFontColor="{DynamicResource Gray-700}"
+                                    TitleFontFamily="Montserrat-Regular"
+                                    TitleFontSize="14">
+                                    <tabView:SfTabItem.BindingContext>
+                                        <viewModel:LoginPageViewModel />
+                                    </tabView:SfTabItem.BindingContext>
+                                    <tabView:SfTabItem.Content>
+                                        <Grid VerticalOptions="StartAndExpand">
+                                            <StackLayout
+                                                Padding="16,4,16,16"
+                                                HorizontalOptions="Center"
+                                                VerticalOptions="StartAndExpand">
+                                                <local:SimpleEmailEntry Padding="0,24" />
+
+                                                <!--  Entry to get password from user  -->
+                                                <border:SfBorder
+                                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                                    BorderColor="{Binding Source={x:Reference PasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                                    Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                                    <Grid ColumnDefinitions="*, Auto">
+
+                                                        <control:BorderlessEntry
+                                                            x:Name="PasswordEntry"
+                                                            Margin="15,0"
+                                                            HeightRequest="40"
+                                                            IsPassword="True"
+                                                            Placeholder="Password"
+                                                            Style="{StaticResource BorderlessEntryStyle}"
+                                                            Text="{Binding Password.Value}">
+                                                            <Entry.Behaviors>
+                                                                <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.IsValid}" />
+                                                            </Entry.Behaviors>
+                                                        </control:BorderlessEntry>
+
+                                                        <!--  Label to display error icon  -->
+                                                        <Label
+                                                            Grid.Column="1"
+                                                            IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel}}"
+                                                            Style="{StaticResource ErrorIconLabelStyle}"
+                                                            Text="{StaticResource Error}" />
+                                                    </Grid>
+                                                </border:SfBorder>
+
+                                                <!--  Label to display error message  -->
+                                                <Label
+                                                    x:Name="PasswordValidationLabel"
+                                                    Margin="15,-3,0,0"
+                                                    IsVisible="{Binding Password.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Password.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                                    TextColor="{DynamicResource Red}"
+                                                    VerticalOptions="FillAndExpand" />
+
+                                                <!--  Forgot password link  -->
+                                                <buttons:SfButton
+                                                    x:Name="ForgotPasswordLabel"
+                                                    Margin="0,16"
+                                                    Command="{Binding ForgotPasswordCommand}"
+                                                    FontSize="12"
+                                                    HorizontalOptions="End"
+                                                    Style="{StaticResource TransparentButtonStyle}"
+                                                    Text="Forgot Password?"
+                                                    TextColor="{DynamicResource Gray-800}"
+                                                    WidthRequest="140" />
+
+                                                <!--  Login button  -->
+                                                <buttons:SfButton
+                                                    Margin="0,8,0,16"
+                                                    Command="{Binding LoginCommand}"
+                                                    Style="{StaticResource GradientButtonStyle}"
+                                                    Text="LOG IN"
+                                                    WidthRequest="245" />
+
+                                            </StackLayout>
+                                        </Grid>
+                                    </tabView:SfTabItem.Content>
+                                </tabView:SfTabItem>
+
+                                <tabView:SfTabItem
+                                    Title="Sign Up"
+                                    SelectionColor="{DynamicResource PrimaryColor}"
+                                    TitleFontColor="{DynamicResource Gray-700}"
+                                    TitleFontFamily="Montserrat-Regular"
+                                    TitleFontSize="14">
+                                    <tabView:SfTabItem.BindingContext>
+                                        <viewModel:SignUpPageViewModel />
+                                    </tabView:SfTabItem.BindingContext>
+                                    <tabView:SfTabItem.Content>
+                                        <StackLayout
+                                            Padding="16,30,16,36"
+                                            HorizontalOptions="Center"
+                                            Spacing="24"
+                                            VerticalOptions="StartAndExpand">
+                                            <StackLayout>
+                                                <!--  Entry to get username from user  -->
+                                                <border:SfBorder
+                                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                                    BorderColor="{Binding Source={x:Reference NameEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                                    Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                                    <Grid ColumnDefinitions="*, Auto">
+
+                                                        <control:BorderlessEntry
+                                                            x:Name="NameEntry"
+                                                            Margin="15,0"
+                                                            HeightRequest="40"
+                                                            Placeholder="Name"
+                                                            Style="{StaticResource BorderlessEntryStyle}"
+                                                            Text="{Binding Name.Value}">
+                                                            <Entry.Behaviors>
+                                                                <behaviour:EntryLineValidationBehaviour IsValid="{Binding Name.IsValid}" />
+                                                            </Entry.Behaviors>
+                                                        </control:BorderlessEntry>
+
+                                                        <!--  Label to display error icon  -->
+                                                        <Label
+                                                            Grid.Column="1"
+                                                            IsVisible="{Binding Path=IsVisible, Source={x:Reference NameValidationLabel}}"
+                                                            Style="{StaticResource ErrorIconLabelStyle}"
+                                                            Text="{StaticResource Error}" />
+
+                                                    </Grid>
+                                                </border:SfBorder>
+
+                                                <!--  Label to display error message  -->
+                                                <Label
+                                                    x:Name="NameValidationLabel"
+                                                    Margin="15,-3,0,0"
+                                                    IsVisible="{Binding Name.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Name.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                                    TextColor="{DynamicResource Red}"
+                                                    VerticalOptions="FillAndExpand" />
+                                            </StackLayout>
+
+                                            <!--  Entry to get email ID from user  -->
+                                            <local:SimpleEmailEntry />
+
+                                            <StackLayout>
+                                                <!--  Entry to get password from user  -->
+                                                <border:SfBorder
+                                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                                    BorderColor="{Binding Source={x:Reference SignupPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                                    Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                                    <Grid ColumnDefinitions="*, Auto">
+
+                                                        <control:BorderlessEntry
+                                                            x:Name="SignupPasswordEntry"
+                                                            Margin="15,0"
+                                                            HeightRequest="40"
+                                                            IsPassword="true"
+                                                            Placeholder="Password"
+                                                            Style="{StaticResource BorderlessEntryStyle}"
+                                                            Text="{Binding Password.Item1.Value}">
+                                                            <Entry.Behaviors>
+                                                                <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item1.IsValid}" />
+                                                            </Entry.Behaviors>
+                                                        </control:BorderlessEntry>
+
+                                                        <!--  Label to display error icon  -->
+                                                        <Label
+                                                            Grid.Column="1"
+                                                            IsVisible="{Binding Path=IsVisible, Source={x:Reference PasswordValidationLabel1}}"
+                                                            Style="{StaticResource ErrorIconLabelStyle}"
+                                                            Text="{StaticResource Error}" />
+
+                                                    </Grid>
+                                                </border:SfBorder>
+
+                                                <!--  Label to display error message  -->
+                                                <Label
+                                                    x:Name="PasswordValidationLabel1"
+                                                    Margin="15,-3,0,0"
+                                                    IsVisible="{Binding Password.Item1.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Password.Item1.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                                    TextColor="{DynamicResource Red}"
+                                                    VerticalOptions="FillAndExpand" />
+                                            </StackLayout>
+
+                                            <StackLayout>
+                                                <!--  Entry to get the confirm password from user  -->
+                                                <border:SfBorder
+                                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                                    BorderColor="{Binding Source={x:Reference ConfirmPasswordEntry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
+                                                    Style="{StaticResource LoginFormBorderlessEntryBorderStyle}">
+                                                    <Grid ColumnDefinitions="*, Auto">
+
+                                                        <control:BorderlessEntry
+                                                            x:Name="ConfirmPasswordEntry"
+                                                            Margin="15,0"
+                                                            HeightRequest="40"
+                                                            IsPassword="true"
+                                                            Placeholder="Confirm Password"
+                                                            Style="{StaticResource BorderlessEntryStyle}"
+                                                            Text="{Binding Password.Item2.Value}">
+                                                            <Entry.Behaviors>
+                                                                <behaviour:EntryLineValidationBehaviour IsValid="{Binding Password.Item2.IsValid}" />
+                                                            </Entry.Behaviors>
+                                                        </control:BorderlessEntry>
+
+                                                        <!--  Label to display error icon  -->
+                                                        <Label
+                                                            Grid.Column="1"
+                                                            IsVisible="{Binding Path=IsVisible, Source={x:Reference ConfirmPasswordValidationLabel}}"
+                                                            Style="{StaticResource ErrorIconLabelStyle}"
+                                                            Text="{StaticResource Error}" />
+                                                    </Grid>
+                                                </border:SfBorder>
+
+                                                <!--  Label to display error message  -->
+                                                <Label
+                                                    x:Name="ConfirmPasswordValidationLabel"
+                                                    Margin="15,-3,0,0"
+                                                    IsVisible="{Binding Password.Item2.IsValid, Converter={StaticResource InverseBoolConverter}}"
+                                                    Style="{StaticResource SimpleLabelStyle}"
+                                                    Text="{Binding Password.Item2.Errors, Converter={StaticResource FirstValidationErrorConverter}}"
+                                                    TextColor="{DynamicResource Red}"
+                                                    VerticalOptions="FillAndExpand" />
+                                            </StackLayout>
+
+                                            <!--  Sign-up button  -->
+                                            <buttons:SfButton
+                                                Command="{Binding SignUpCommand}"
+                                                Style="{StaticResource GradientButtonStyle}"
+                                                Text="SIGN UP"
+                                                WidthRequest="245" />
+                                        </StackLayout>
+                                    </tabView:SfTabItem.Content>
+                                </tabView:SfTabItem>
+                            </tabView:SfTabView>
+                        </control:CustomShadowFrame>
+                        <Label
+                            Grid.Row="6"
+                            Margin="0,20,0,0"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="Or create an account using social media"
+                            TextColor="{DynamicResource Gray-800}" />
+
+                        <!--  Login through facebook account  -->
+                        <buttons:SfButton
+                            Margin="0,16,0,16"
+                            BackgroundColor="{DynamicResource FacebookBlue}"
+                            BindingContext="{Binding BindingContext, Source={x:Reference logInItem}}"
+                            Command="{Binding SocialMediaLoginCommand}"
+                            CornerRadius="20"
+                            HeightRequest="40"
+                            HorizontalOptions="Center"
+                            WidthRequest="325">
+                            <buttons:SfButton.Content>
+                                <StackLayout
+                                    HorizontalOptions="CenterAndExpand"
+                                    Orientation="Horizontal"
+                                    VerticalOptions="Center">
+                                    <Label
+                                        FontFamily="FontIcons"
+                                        FontSize="18"
+                                        Text="&#xe735;"
+                                        TextColor="{DynamicResource Gray-White}"
+                                        VerticalTextAlignment="Center" />
+                                    <Label
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="16"
+                                        Text="Facebook"
+                                        TextColor="{DynamicResource Gray-White}" />
                                 </StackLayout>
-                            </tabView:SfTabItem.Content>
-                        </tabView:SfTabItem>
-                    </tabView:SfTabView>
-                </control:CustomShadowFrame>
-                <Label Grid.Row="6"
-                       Margin="0,20,0,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Or create an account using social media"
-                        TextColor="{DynamicResource Gray-800}" />
-
-                <!--  Login through facebook account  -->
-                <buttons:SfButton
-                    HorizontalOptions="Center"
-                        Margin="0,16,0,16"
-                        BackgroundColor="{DynamicResource FacebookBlue}"
-                        Command="{Binding SocialMediaLoginCommand}"
-                        CornerRadius="20"
-                        HeightRequest="40"
-                        WidthRequest="325">
-                    <buttons:SfButton.Content>
-                        <StackLayout
-                                HorizontalOptions="CenterAndExpand"
-                                Orientation="Horizontal"
-                                VerticalOptions="Center">
-                            <Label
-                                    FontFamily="{StaticResource FontIcons}"
-                                    FontSize="18"
-                                    Text="&#xe735;"
-                                    TextColor="{DynamicResource Gray-White}"
-                                    VerticalTextAlignment="Center" />
-                            <Label
-                                    FontFamily="{StaticResource Montserrat-Medium}"
-                                    FontSize="16"
-                                    Text="Facebook"
-                                    TextColor="{DynamicResource Gray-White}" />
-                        </StackLayout>
-                    </buttons:SfButton.Content>
-                </buttons:SfButton>
-            </StackLayout>
-        </ScrollView>
+                            </buttons:SfButton.Content>
+                        </buttons:SfButton>
+                    </StackLayout>
+                </StackLayout>
+            </ScrollView>
+
+            <!--  Close button  -->
+            <buttons:SfButton
+                Margin="0,4,0,8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                TextColor="{DynamicResource Steel}"
+                VerticalOptions="Start" />
+
+        </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Forms/TabbedForm.xaml.cs b/EssentialUIKit/Views/Forms/TabbedForm.xaml.cs
index 1d7eac7a..4b0af7bb 100644
--- a/EssentialUIKit/Views/Forms/TabbedForm.xaml.cs
+++ b/EssentialUIKit/Views/Forms/TabbedForm.xaml.cs
@@ -10,7 +10,25 @@ public partial class TabbedForm : ContentPage
     {
         public TabbedForm()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+        }
+
+        /// <summary>
+        /// Invoked when tab view selection items are changed.
+        /// </summary>
+        private void TabView_SelectionChanged(object sender, Syncfusion.XForms.TabView.SelectionChangedEventArgs e)
+        {
+            if (Device.RuntimePlatform == Device.Android || Device.RuntimePlatform == Device.iOS)
+            {
+                if (e.Name == "Sign Up")
+                {
+                    this.frame.HeightRequest = 480;
+                }
+                else if (e.Name == "Login")
+                {
+                    this.frame.HeightRequest = 390;
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/History/MyOrdersPage.xaml b/EssentialUIKit/Views/History/MyOrdersPage.xaml
index 210a8267..6e44fa96 100644
--- a/EssentialUIKit/Views/History/MyOrdersPage.xaml
+++ b/EssentialUIKit/Views/History/MyOrdersPage.xaml
@@ -4,10 +4,14 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:tabView="clr-namespace:Syncfusion.XForms.TabView;assembly=Syncfusion.SfTabView.XForms"
     xmlns:view="clr-namespace:EssentialUIKit.Views.History"
+    x:Name="myOrdersPage"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
@@ -17,9 +21,32 @@
         </ResourceDictionary>
     </ContentPage.Resources>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <control:TitleView Title="My Orders">
+                    <control:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference myOrderList}}"
+                            CommandParameter="{x:Reference backButton}"
+                            CornerRadius="20"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+
+                </control:TitleView>
+
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+
     <ContentPage.Content>
 
-        <tabView:SfTabView BackgroundColor="{DynamicResource Gray-White}" VisibleHeaderCount="4">
+        <tabView:SfTabView BackgroundColor="{DynamicResource Gray-Bg}" VisibleHeaderCount="4">
             <tabView:SfTabView.SelectionIndicatorSettings>
                 <tabView:SelectionIndicatorSettings StrokeThickness="3" Color="{DynamicResource PrimaryColor}" />
 
@@ -28,7 +55,7 @@
                 Title="All Orders"
                 SelectionColor="{DynamicResource PrimaryColor}"
                 TitleFontColor="{DynamicResource Gray-700}"
-                TitleFontFamily="{StaticResource Montserrat-Medium}"
+                TitleFontFamily="Montserrat-Medium"
                 TitleFontSize="14">
                 <tabView:SfTabItem.Content>
 
@@ -39,122 +66,124 @@
                         BackgroundColor="{DynamicResource Gray-100}"
                         ItemsSource="{Binding OrderDetails}"
                         SelectionMode="None"
-                        TapCommand="{Binding ItemSelectedCommand}"
                         VerticalOptions="Start">
 
                         <listView:SfListView.ItemTemplate>
                             <DataTemplate>
-                                <Grid
+                                <syncEffectsView:SfEffectsView
                                     Margin="0,16,0,0"
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    ColumnSpacing="0"
-                                    RowSpacing="0">
-
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
-                                    </Grid.RowDefinitions>
-
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="*" />
-                                    </Grid.ColumnDefinitions>
-
-                                    <!--  Product image  -->
-                                    <Image
-                                        Grid.Row="0"
-                                        Grid.RowSpan="4"
-                                        Grid.Column="0"
-                                        Margin="16,8,16,16"
-                                        Aspect="Fill"
-                                        BackgroundColor="{DynamicResource Gray-200}"
-                                        HeightRequest="80"
-                                        WidthRequest="80">
-                                        <Image.Source>
-                                            <UriImageSource
-                                                CacheValidity="14"
-                                                CachingEnabled="true"
-                                                Uri="{Binding ProductImage}" />
-                                        </Image.Source>
-                                    </Image>
-
-                                    <!--  Product name  -->
-                                    <Label
-                                        Grid.Row="0"
-                                        Grid.Column="1"
-                                        Margin="0,8,0,4"
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="14"
-                                        HorizontalOptions="StartAndExpand"
-                                        LineBreakMode="TailTruncation"
-                                        LineHeight="1.5"
-                                        MaxLines="1"
-                                        Text="{Binding Name}"
-                                        TextColor="{DynamicResource Gray-900}" />
-
-                                    <!--  Description label  -->
-                                    <Label
-                                        Grid.Row="1"
-                                        Grid.Column="1"
-                                        Margin="0,0,0,8"
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="12"
-                                        HorizontalOptions="StartAndExpand"
-                                        LineHeight="1.5"
-                                        Text="{Binding Description}"
-                                        TextColor="{DynamicResource Gray-700}" />
-
-                                    <StackLayout
-                                        Grid.Row="2"
-                                        Grid.Column="1"
-                                        Margin="0,4,0,0"
-                                        Padding="0"
-                                        HorizontalOptions="Start"
-                                        Orientation="Horizontal"
-                                        Spacing="0"
-                                        VerticalOptions="Start">
-
-                                        <!--  Order ID  -->
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference myOrdersPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <Grid
+                                        BackgroundColor="{DynamicResource Gray-Bg}"
+                                        ColumnDefinitions="Auto, *"
+                                        ColumnSpacing="0"
+                                        RowSpacing="0">
+
+                                        <Grid.RowDefinitions>
+                                            <RowDefinition Height="Auto" />
+                                            <RowDefinition Height="Auto" />
+                                            <RowDefinition Height="Auto" />
+                                            <RowDefinition Height="Auto" />
+                                            <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
+                                        </Grid.RowDefinitions>
+
+                                        <!--  Product image  -->
+                                        <Image
+                                            Grid.Row="0"
+                                            Grid.RowSpan="4"
+                                            Grid.Column="0"
+                                            Margin="16,8,16,16"
+                                            Aspect="Fill"
+                                            BackgroundColor="{DynamicResource Gray-200}"
+                                            HeightRequest="80"
+                                            WidthRequest="80">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="true"
+                                                    Uri="{Binding ProductImage}" />
+                                            </Image.Source>
+                                        </Image>
+
+                                        <!--  Product name  -->
+                                        <Label
+                                            Grid.Row="0"
+                                            Grid.Column="1"
+                                            Margin="0,8,0,4"
+                                            FontFamily="Montserrat-SemiBold"
+                                            FontSize="14"
+                                            HorizontalOptions="StartAndExpand"
+                                            LineBreakMode="TailTruncation"
+                                            LineHeight="1.5"
+                                            MaxLines="1"
+                                            Text="{Binding Name}"
+                                            TextColor="{DynamicResource Gray-900}" />
+
+                                        <!--  Description label  -->
                                         <Label
-                                            Margin="0"
-                                            FontFamily="{StaticResource Montserrat-Medium}"
+                                            Grid.Row="1"
+                                            Grid.Column="1"
+                                            Margin="0,0,0,8"
+                                            FontFamily="Montserrat-Medium"
                                             FontSize="12"
-                                            Text="{Binding OrderID, StringFormat='Order ID: {0}'}"
-                                            VerticalOptions="Center" />
-
-                                        <!--  Order status  -->
-
-                                        <border:SfBorder
-                                            Margin="8,0"
+                                            HorizontalOptions="StartAndExpand"
+                                            LineHeight="1.5"
+                                            Text="{Binding Description}"
+                                            TextColor="{DynamicResource Gray-700}" />
+
+                                        <StackLayout
+                                            Grid.Row="2"
+                                            Grid.Column="1"
+                                            Margin="0,4,0,0"
                                             Padding="0"
-                                            BorderColor="Transparent"
-                                            CornerRadius="12"
-                                            HasShadow="False"
-                                            HeightRequest="24"
                                             HorizontalOptions="Start"
-                                            WidthRequest="96">
-
-                                            <border:SfBorder.Content>
-                                                <Grid>
-                                                    <BoxView BackgroundColor="{Binding Status, Converter={x:StaticResource StringToColorConverter}, ConverterParameter=0}" Opacity="0.07" />
-
-                                                    <Label
-                                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                                        FontSize="12"
-                                                        HorizontalOptions="CenterAndExpand"
-                                                        Text="{Binding Status}"
-                                                        TextColor="{Binding Status, Converter={x:StaticResource StringToColorConverter}, ConverterParameter=0}"
-                                                        VerticalOptions="Center" />
-                                                </Grid>
-                                            </border:SfBorder.Content>
-                                        </border:SfBorder>
-
-                                    </StackLayout>
-
-                                </Grid>
+                                            Orientation="Horizontal"
+                                            Spacing="0"
+                                            VerticalOptions="Start">
+
+                                            <!--  Order ID  -->
+                                            <Label
+                                                Margin="0"
+                                                FontFamily="Montserrat-Medium"
+                                                FontSize="12"
+                                                Text="{Binding OrderID, StringFormat='Order ID: {0}'}"
+                                                TextColor="{StaticResource Gray-700}"
+                                                VerticalOptions="Center" />
+
+                                            <!--  Order status  -->
+
+                                            <border:SfBorder
+                                                Margin="8,0"
+                                                Padding="0"
+                                                BorderColor="Transparent"
+                                                CornerRadius="12"
+                                                HasShadow="False"
+                                                HeightRequest="24"
+                                                HorizontalOptions="Start"
+                                                WidthRequest="96">
+
+                                                <border:SfBorder.Content>
+                                                    <Grid>
+                                                        <BoxView BackgroundColor="{Binding Status, Converter={x:StaticResource StringToColorConverter}, ConverterParameter=0}" Opacity="0.07" />
+
+                                                        <Label
+                                                            FontFamily="Montserrat-SemiBold"
+                                                            FontSize="12"
+                                                            HorizontalOptions="CenterAndExpand"
+                                                            Text="{Binding Status}"
+                                                            TextColor="{Binding Status, Converter={x:StaticResource StringToColorConverter}, ConverterParameter=0}"
+                                                            VerticalOptions="Center" />
+                                                    </Grid>
+                                                </border:SfBorder.Content>
+                                            </border:SfBorder>
+
+                                        </StackLayout>
+
+                                    </Grid>
+                                </syncEffectsView:SfEffectsView>
                             </DataTemplate>
                         </listView:SfListView.ItemTemplate>
 
@@ -166,7 +195,7 @@
                 Title="Requested"
                 SelectionColor="{DynamicResource PrimaryColor}"
                 TitleFontColor="{DynamicResource Gray-700}"
-                TitleFontFamily="{StaticResource Montserrat-Medium}"
+                TitleFontFamily="Montserrat-Medium"
                 TitleFontSize="14">
                 <tabView:SfTabItem.Content>
                     <view:MyOrdersView />
@@ -174,10 +203,10 @@
             </tabView:SfTabItem>
 
             <tabView:SfTabItem
-                Title="Complete"
+                Title="Completed"
                 SelectionColor="{DynamicResource PrimaryColor}"
                 TitleFontColor="{DynamicResource Gray-700}"
-                TitleFontFamily="{StaticResource Montserrat-Medium}"
+                TitleFontFamily="Montserrat-Medium"
                 TitleFontSize="14">
                 <tabView:SfTabItem.Content>
                     <view:MyOrdersView />
@@ -188,7 +217,7 @@
                 Title="Cancelled"
                 SelectionColor="{DynamicResource PrimaryColor}"
                 TitleFontColor="{DynamicResource Gray-700}"
-                TitleFontFamily="{StaticResource Montserrat-Medium}"
+                TitleFontFamily="Montserrat-Medium"
                 TitleFontSize="14">
                 <tabView:SfTabItem.Content>
                     <view:MyOrdersView />
diff --git a/EssentialUIKit/Views/History/MyOrdersPage.xaml.cs b/EssentialUIKit/Views/History/MyOrdersPage.xaml.cs
index 713a3a77..61321d23 100644
--- a/EssentialUIKit/Views/History/MyOrdersPage.xaml.cs
+++ b/EssentialUIKit/Views/History/MyOrdersPage.xaml.cs
@@ -17,7 +17,7 @@ public partial class MyOrdersPage : ContentPage
         /// </summary>
         public MyOrdersPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = MyOrdersDataService.Instance.MyOrdersPageViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/History/MyOrdersView.xaml b/EssentialUIKit/Views/History/MyOrdersView.xaml
index b7b7eafe..30a70f94 100644
--- a/EssentialUIKit/Views/History/MyOrdersView.xaml
+++ b/EssentialUIKit/Views/History/MyOrdersView.xaml
@@ -7,7 +7,9 @@
     xmlns:d="http://xamarin.com/schemas/2014/forms/design"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    x:Name="myOrdersView"
     mc:Ignorable="d">
 
     <ContentView.Resources>
@@ -26,12 +28,18 @@
             BackgroundColor="{DynamicResource Gray-100}"
             ItemsSource="{Binding OrderDetails}"
             SelectionMode="None"
-            TapCommand="{Binding ItemSelectedCommand}"
             VerticalOptions="Start">
 
             <listView:SfListView.ItemTemplate>
                 <DataTemplate>
-                    <template:OrderHistoryTemplate />
+                    <syncEffectsView:SfEffectsView
+                        Margin="0,16,0,0"
+                        RippleColor="{DynamicResource Gray-300}"
+                        TouchDownEffects="Ripple"
+                        TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference myOrdersView}}"
+                        TouchUpCommandParameter="{Binding}">
+                        <template:OrderHistoryTemplate />
+                    </syncEffectsView:SfEffectsView>
                 </DataTemplate>
             </listView:SfListView.ItemTemplate>
 
diff --git a/EssentialUIKit/Views/History/MyOrdersView.xaml.cs b/EssentialUIKit/Views/History/MyOrdersView.xaml.cs
index 0db9e206..7fd4ea13 100644
--- a/EssentialUIKit/Views/History/MyOrdersView.xaml.cs
+++ b/EssentialUIKit/Views/History/MyOrdersView.xaml.cs
@@ -10,7 +10,7 @@ public partial class MyOrdersView : ContentView
     {
         public MyOrdersView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/History/TransactionHistoryPage.xaml b/EssentialUIKit/Views/History/TransactionHistoryPage.xaml
index 02543e65..192308cf 100644
--- a/EssentialUIKit/Views/History/TransactionHistoryPage.xaml
+++ b/EssentialUIKit/Views/History/TransactionHistoryPage.xaml
@@ -4,24 +4,43 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.History"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     Title="Payment History"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.BindingContext>
-        <viewModel:TransactionHistoryViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:BooleanToColorConverter x:Key="BooleanToColorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <control:TitleView Title="Payment History">
+                    <control:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference transactionList}}"
+                            CommandParameter="{x:Reference backButton}"
+                            CornerRadius="20"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+
+                </control:TitleView>
+
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
 
         <ScrollView>
@@ -36,94 +55,97 @@
                         <control:CustomShadowFrame
                             Margin="0"
                             Padding="0"
-                            BackgroundColor="{DynamicResource Gray-White}"
-                            BorderColor="{DynamicResource Gray-White}"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            BorderColor="{DynamicResource Gray-Bg}"
                             CornerRadius="4"
                             HasShadow="True"
-                            HeightRequest="80">
-                            <control:CustomShadowFrame.GestureRecognizers>
-                                <TapGestureRecognizer Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference transactionList}}" CommandParameter="{Binding .}" />
-                            </control:CustomShadowFrame.GestureRecognizers>
+                            HeightRequest="80"
+                            Radius="4">
+                            <syncEffectsView:SfEffectsView
+                                RippleColor="{DynamicResource Gray-300}"
+                                TouchDownEffects="Ripple"
+                                TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference transactionList}}"
+                                TouchUpCommandParameter="{Binding}">
 
-                            <Grid ColumnSpacing="0" RowSpacing="0">
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="Auto" />
-                                    <RowDefinition Height="Auto" />
-                                </Grid.RowDefinitions>
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto" />
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
+                                <Grid
+                                    ColumnDefinitions="Auto, *"
+                                    ColumnSpacing="0"
+                                    RowDefinitions="Auto, Auto"
+                                    RowSpacing="0">
 
-                                <!--  Profile image  -->
-                                <border:SfBorder
-                                    Grid.RowSpan="2"
-                                    Margin="16"
-                                    BorderWidth="0"
-                                    CornerRadius="24"
-                                    HorizontalOptions="Center"
-                                    VerticalOptions="Center">
-                                    <Image
-                                        BackgroundColor="{DynamicResource Gray-200}"
-                                        HeightRequest="48"
-                                        WidthRequest="48" >
-                                        <Image.Source>
-                                            <UriImageSource Uri="{Binding Image}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                                        </Image.Source>
-                                    </Image>
-                                </border:SfBorder>
+                                    <!--  Profile image  -->
+                                    <border:SfBorder
+                                        Grid.RowSpan="2"
+                                        Margin="16"
+                                        BorderColor="{DynamicResource Gray-Bg}"
+                                        BorderWidth="1"
+                                        CornerRadius="24"
+                                        HorizontalOptions="Center"
+                                        VerticalOptions="Center">
+                                        <Image
+                                            Aspect="Fill"
+                                            BackgroundColor="{DynamicResource Gray-200}"
+                                            HeightRequest="48"
+                                            WidthRequest="48">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="true"
+                                                    Uri="{Binding CustomerImage}" />
+                                            </Image.Source>
+                                        </Image>
+                                    </border:SfBorder>
 
-                                <!--  Customer name and transactiona amount label  -->
-                                <StackLayout
-                                    Grid.Row="0"
-                                    Grid.Column="1"
-                                    Padding="0"
-                                    helper:RTLHelper.Margin="0,16,16,4"
-                                    Orientation="Horizontal"
-                                    Spacing="0">
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="14"
-                                        HorizontalOptions="StartAndExpand"
-                                        Text="{Binding CustomerName}"
-                                        TextColor="{DynamicResource Gray-900}" />
+                                    <!--  Customer name and transaction amount label  -->
+                                    <StackLayout
+                                        Grid.Row="0"
+                                        Grid.Column="1"
+                                        Padding="0"
+                                        helper:RTLHelper.Margin="0,16,16,4"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+                                        <Label
+                                            FontFamily="Montserrat-SemiBold"
+                                            FontSize="14"
+                                            HorizontalOptions="StartAndExpand"
+                                            Text="{Binding CustomerName}"
+                                            TextColor="{DynamicResource Gray-900}" />
 
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="14"
-                                        HorizontalOptions="End"
-                                        HorizontalTextAlignment="End"
-                                        Text="{Binding TransactionAmount}"
-                                        TextColor="{Binding IsCredited, Converter={x:StaticResource BooleanToColorConverter}, ConverterParameter=5}" />
-                                </StackLayout>
+                                        <Label
+                                            FontFamily="Montserrat-SemiBold"
+                                            FontSize="14"
+                                            HorizontalOptions="End"
+                                            HorizontalTextAlignment="End"
+                                            Text="{Binding TransactionAmount}"
+                                            TextColor="{Binding IsCredited, Converter={x:StaticResource BooleanToColorConverter}, ConverterParameter=5}" />
+                                    </StackLayout>
 
-                                <!--  Transaction description and date  -->
-                                <StackLayout
-                                    Grid.Row="1"
-                                    Grid.Column="1"
-                                    Padding="0"
-                                    helper:RTLHelper.Margin="0,0,16,0"
-                                    Orientation="Horizontal"
-                                    Spacing="0">
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="12"
-                                        HorizontalOptions="StartAndExpand"
-                                        Text="{Binding TransactionDescription}"
-                                        TextColor="{DynamicResource Gray-700}" />
+                                    <!--  Transaction description and date  -->
+                                    <StackLayout
+                                        Grid.Row="1"
+                                        Grid.Column="1"
+                                        Padding="0"
+                                        helper:RTLHelper.Margin="0,0,16,0"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+                                        <Label
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="12"
+                                            HorizontalOptions="StartAndExpand"
+                                            Text="{Binding TransactionDescription}"
+                                            TextColor="{DynamicResource Gray-700}" />
 
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="12"
-                                        HorizontalOptions="End"
-                                        HorizontalTextAlignment="End"
-                                        Text="{Binding Date, StringFormat='{}{0:dd MMM yyyy}'}"
-                                        TextColor="{DynamicResource Gray-700}" />
-                                </StackLayout>
+                                        <Label
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="12"
+                                            HorizontalOptions="End"
+                                            HorizontalTextAlignment="End"
+                                            Text="{Binding Date, StringFormat='{}{0:dd MMM yyyy}'}"
+                                            TextColor="{DynamicResource Gray-700}" />
+                                    </StackLayout>
 
-                            </Grid>
+                                </Grid>
+                            </syncEffectsView:SfEffectsView>
                         </control:CustomShadowFrame>
                     </DataTemplate>
                 </BindableLayout.ItemTemplate>
diff --git a/EssentialUIKit/Views/History/TransactionHistoryPage.xaml.cs b/EssentialUIKit/Views/History/TransactionHistoryPage.xaml.cs
index 129b3c9f..dfe10dc1 100644
--- a/EssentialUIKit/Views/History/TransactionHistoryPage.xaml.cs
+++ b/EssentialUIKit/Views/History/TransactionHistoryPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.History;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -13,7 +14,8 @@ public partial class TransactionHistoryPage : ContentPage
     {
         public TransactionHistoryPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = TransactionHistoryViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/AlbumPage.xaml b/EssentialUIKit/Views/Navigation/AlbumPage.xaml
index 4260bab9..599cb3fe 100644
--- a/EssentialUIKit/Views/Navigation/AlbumPage.xaml
+++ b/EssentialUIKit/Views/Navigation/AlbumPage.xaml
@@ -4,57 +4,43 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    BackgroundColor="{DynamicResource Gray-White}"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    x:Name="albumPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
         <StackLayout>
-            <Grid Padding="10,10,10,5">
-
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
-
-                <!--  Title  -->
-                <Label
-                    FontFamily="{StaticResource Montserrat-Medium}"
-                    FontSize="16"
-                    HorizontalOptions="CenterAndExpand"
-                    LineHeight="{OnPlatform Android=1.5,
-                                            Default=-1}"
-                    Text="Albums"
-                    TextColor="{DynamicResource Gray-900}"
-                    VerticalOptions="Center" />
-
-                <!--  Add button  -->
-                <buttons:SfButton
-                    Padding="0"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    Command="{Binding AddCommand}"
-                    CornerRadius="5"
-                    FontFamily="{StaticResource FontIcons}"
-                    FontSize="18"
-                    HorizontalOptions="End"
-                    Text="{StaticResource Add}"
-                    TextColor="{DynamicResource PrimaryColor}"
-                    VerticalOptions="Center"
-                    WidthRequest="40" />
+            <Grid RowDefinitions="Auto">
+
+                <!--  Title View  -->
+                <controls:TitleView Title="Albums">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference ListView}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                    <controls:TitleView.TrailingView>
+                        <StackLayout HorizontalOptions="End" Orientation="Horizontal">
+                            <buttons:SfButton
+                                Command="{Binding BindingContext.AddCommand, Source={x:Reference ListView}}"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{StaticResource Add}"
+                                TextColor="{DynamicResource PrimaryColor}" />
+                        </StackLayout>
+                    </controls:TitleView.TrailingView>
+                </controls:TitleView>
 
             </Grid>
 
-            <BoxView Style="{StaticResource BoxViewStyle}" />
-
             <!--  Album images  -->
             <listView:SfListView
                 x:Name="ListView"
@@ -67,7 +53,6 @@
                                                                   Desktop='0,0,24,24'}"
                 ItemsSource="{Binding AlbumInfo}"
                 SelectionBackgroundColor="Transparent"
-                TapCommand="{Binding ImageTapCommand}"
                 VerticalOptions="FillAndExpand">
 
                 <listView:SfListView.DataSource>
@@ -86,7 +71,7 @@
                             <!--  Group category  -->
                             <Label
                                 Margin="0,5,0,0"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="12"
                                 HorizontalOptions="StartAndExpand"
                                 LineHeight="{OnPlatform Android=1.25,
@@ -98,14 +83,12 @@
                             <!--  View all  -->
                             <buttons:SfButton
                                 Padding="0"
-                                BackgroundColor="{DynamicResource Gray-White}"
+                                BackgroundColor="{DynamicResource Gray-Bg}"
                                 Command="{Binding BindingContext.ViewAllCommand, Source={x:Reference ListView}}"
-                                CornerRadius="4"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
                                 FontSize="12"
                                 HorizontalOptions="End"
-                                Text="VIEW ALL"
-                                TextColor="{DynamicResource HyperLink}" />
+                                Style="{StaticResource TransparentButtonStyle}"
+                                Text="VIEW ALL" />
 
                         </StackLayout>
 
@@ -119,57 +102,21 @@
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-
-                        <Frame
-                            Padding="0"
-                            BackgroundColor="{DynamicResource Gray-White}"
-                            BorderColor="{DynamicResource Gray-White}"
-                            CornerRadius="8"
-                            HasShadow="True"
-                            HeightRequest="130"
-                            HorizontalOptions="FillAndExpand"
-                            VerticalOptions="FillAndExpand">
-
-                            <Grid>
-                                
-                                <!--  Album cover image  -->
-                                <Image Aspect="AspectFill">
-                                    <Image.Source>
-                                        <UriImageSource Uri="{Binding AlbumImage}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                                    </Image.Source>
-                                </Image>
-
-                                <StackLayout
-                                    Padding="24,0,0,16"
-                                    Spacing="2"
-                                    VerticalOptions="End">
-
-                                    <!--  Album name  -->
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                                        FontSize="16"
-                                        Text="{Binding AlbumName}"
-                                        TextColor="{DynamicResource Gray-White}" />
-
-                                    <!--  Total number of photos  -->
-                                    <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
-                                        FontSize="12"
-                                        Text="{Binding PhotosCount}"
-                                        TextColor="{DynamicResource Gray-White}" />
-
-                                </StackLayout>
-
-                            </Grid>
-                        </Frame>
-
+                        <syncEffectsView:SfEffectsView
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference albumPage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <template:BottomNavigationAlbumTemplate />
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
             </listView:SfListView>
 
+            <!--  Separator  -->
+            <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+
         </StackLayout>
 
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/Navigation/AlbumPage.xaml.cs b/EssentialUIKit/Views/Navigation/AlbumPage.xaml.cs
index dbad1f03..9451ee9e 100644
--- a/EssentialUIKit/Views/Navigation/AlbumPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/AlbumPage.xaml.cs
@@ -13,7 +13,7 @@ public partial class AlbumPage
     {
         public AlbumPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = AlbumDataService.Instance.AlbumViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Navigation/AppUsagePage.xaml b/EssentialUIKit/Views/Navigation/AppUsagePage.xaml
index c40a14e4..06e40951 100644
--- a/EssentialUIKit/Views/Navigation/AppUsagePage.xaml
+++ b/EssentialUIKit/Views/Navigation/AppUsagePage.xaml
@@ -1,25 +1,23 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             mc:Ignorable="d"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:progressBar="clr-namespace:Syncfusion.XForms.ProgressBar;assembly=Syncfusion.SfProgressBar.XForms"
-             x:Class="EssentialUIKit.Views.Navigation.AppUsagePage"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.AppUsagePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:progressBar="clr-namespace:Syncfusion.XForms.ProgressBar;assembly=Syncfusion.SfProgressBar.XForms"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Resources>
         <ResourceDictionary>
             <converter:StringToGlyphConverter x:Key="GlyphConverter" />
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml"/>
-            </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </ContentPage.Resources>
 
@@ -28,19 +26,19 @@
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="App Usage" 
-                                    FontSize="16" 
-                                    FontFamily="{StaticResource Montserrat-Medium}" 
-                                    BackgroundColor="{DynamicResource Gray-White}">
+                <controls:TitleView
+                    Title="App Usage"
+                    FontFamily="Montserrat-Medium"
+                    FontSize="16">
 
-                    <!-- Back button command -->
+                    <!--  Back button command  -->
                     <controls:TitleView.LeadingView>
-                        <buttons:SfButton x:Name="backButton"
-                                          Command="{Binding BackButtonCommand}"
-                                          CommandParameter="{x:Reference backButton}"
-                                          CornerRadius="4"
-                                          Style="{StaticResource IconButtonStyle}"
-                                          Text="{StaticResource Back}" />
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference appUsageList}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
 
                 </controls:TitleView>
@@ -53,56 +51,53 @@
     <ContentPage.Content>
         <StackLayout Spacing="0">
 
-            <listView:SfListView IsScrollBarVisible="false"
-                                 ItemSpacing="0"
-                                 RowSpacing="0"
-                                 ItemsSource="{Binding AppUsageList}"
-                                 SelectionBackgroundColor="{DynamicResource TappedBackgroundColor}"
-                                 TapCommand="{Binding ItemTappedCommand}"
-                                 ItemSize="72">
+            <listView:SfListView
+                x:Name="appUsageList"
+                IsScrollBarVisible="false"
+                ItemSize="72"
+                ItemSpacing="0"
+                ItemsSource="{Binding AppUsageList}"
+                RowSpacing="0"
+                SelectionBackgroundColor="{DynamicResource Gray-200}"
+                TapCommand="{Binding ItemTappedCommand}">
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
                         <ViewCell>
                             <StackLayout Spacing="0">
 
-                                <Grid RowSpacing="0" ColumnSpacing="0" HeightRequest="72">
-
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="Auto" />
-                                        <RowDefinition Height="Auto" />
-                                    </Grid.RowDefinitions>
-
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="Auto" />
-                                        <ColumnDefinition Width="*" />
-                                    </Grid.ColumnDefinitions>
-
-                                    <!-- App Icon -->
-                                    <border:SfBorder Grid.RowSpan="3" 
-                                                     Margin="16,0"
-                                                     BackgroundColor="{Binding BackgroundColor}"
-                                                     BorderWidth="0"
-                                                     VerticalOptions="Center"
-                                                     HorizontalOptions="Center"
-                                                     CornerRadius="20">
-
-                                        <Label x:Name="AppIcon"
-                                               Text="{Binding AppName, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference AppIcon}}" 
-                                               HorizontalTextAlignment="Center"
-                                               VerticalTextAlignment="Center"
-                                               TextColor="{DynamicResource Gray-White}"
-                                               FontFamily="{DynamicResource FontIcons}"
-                                               FontSize="20"
-                                               HeightRequest="40" 
-                                               WidthRequest="40">
+                                <Grid
+                                    ColumnDefinitions="Auto, Auto, *"
+                                    ColumnSpacing="0"
+                                    HeightRequest="72"
+                                    RowDefinitions="Auto, Auto, Auto"
+                                    RowSpacing="0">
+
+                                    <!--  App Icon  -->
+                                    <border:SfBorder
+                                        Grid.RowSpan="3"
+                                        Margin="16,0"
+                                        BackgroundColor="{Binding BackgroundColor}"
+                                        BorderWidth="0"
+                                        CornerRadius="20"
+                                        HorizontalOptions="Center"
+                                        VerticalOptions="Center">
+
+                                        <Label
+                                            x:Name="AppIcon"
+                                            FontFamily="FontIcons"
+                                            FontSize="20"
+                                            HeightRequest="40"
+                                            HorizontalTextAlignment="Center"
+                                            Text="{Binding AppName, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference AppIcon}}"
+                                            TextColor="{DynamicResource Gray-White}"
+                                            VerticalTextAlignment="Center"
+                                            WidthRequest="40">
 
                                             <Label.Resources>
                                                 <ResourceDictionary>
                                                     <ResourceDictionary.MergedDictionaries>
-                                                        <ResourceDictionary Source="Styles.xaml" />
+                                                        <ResourceDictionary Source="../../Styles/FontIcons.xaml" />
                                                     </ResourceDictionary.MergedDictionaries>
                                                 </ResourceDictionary>
                                             </Label.Resources>
@@ -111,38 +106,44 @@
 
                                     </border:SfBorder>
 
-                                    <!-- App Name -->
-                                    <Label Grid.Column="1"
-                                           HeightRequest="24"
-                                           Margin="0,12,0,4"
-                                           FontSize="16"
-                                           FontFamily="{StaticResource Montserrat-Medium}"
-                                           Text="{Binding AppName}"
-                                           TextColor="{DynamicResource Gray-900}" />
-
-                                    <!-- Progress Bar -->
-                                    <progressBar:SfLinearProgressBar Grid.Row="1"
-                                                                     Grid.Column="1"
-                                                                     Margin="0,7,0,20"
-                                                                     WidthRequest="200" 
-                                                                     HeightRequest="4"
-                                                                     Progress="{Binding ProgressBarValue}"
-                                                                     CornerRadius="4"
-                                                                     TrackColor="{DynamicResource Gray-200}"
-                                                                     ProgressColor="{DynamicResource PrimaryColor}" />
-
-                                    <!-- Progress Value -->
-                                    <Label Grid.Row="1" 
-                                           Grid.Column="2" 
-                                           Margin="8,0,0,13"
-                                           HeightRequest="18"
-                                           FontSize="12"
-                                           FontFamily="{StaticResource Montserrat-Medium}"
-                                           Text="{Binding ProgressValue}"
-                                           TextColor="{DynamicResource Gray-800}" />
-
-                                    <!-- Seperator -->
-                                    <BoxView Grid.Row="2" Grid.ColumnSpan="3" Style="{DynamicResource SeparatorStyle}" />
+                                    <!--  App Name  -->
+                                    <Label
+                                        Grid.Column="1"
+                                        Margin="0,12,0,4"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="16"
+                                        HeightRequest="24"
+                                        Text="{Binding AppName}"
+                                        TextColor="{DynamicResource Gray-900}" />
+
+                                    <!--  Progress Bar  -->
+                                    <progressBar:SfLinearProgressBar
+                                        Grid.Row="1"
+                                        Grid.Column="1"
+                                        Margin="0,7,0,20"
+                                        CornerRadius="4"
+                                        HeightRequest="4"
+                                        Progress="{Binding ProgressBarValue}"
+                                        ProgressColor="{DynamicResource PrimaryColor}"
+                                        TrackColor="{DynamicResource Gray-200}"
+                                        WidthRequest="200" />
+
+                                    <!--  Progress Value  -->
+                                    <Label
+                                        Grid.Row="1"
+                                        Grid.Column="2"
+                                        Margin="8,0,0,13"
+                                        FontFamily="Montserrat-Medium"
+                                        FontSize="12"
+                                        HeightRequest="18"
+                                        Text="{Binding ProgressValue}"
+                                        TextColor="{DynamicResource Gray-800}" />
+
+                                    <!--  Seperator  -->
+                                    <BoxView
+                                        Grid.Row="2"
+                                        Grid.ColumnSpan="3"
+                                        Style="{DynamicResource HorizontalSeparatorStyle}" />
 
                                 </Grid>
                             </StackLayout>
diff --git a/EssentialUIKit/Views/Navigation/AppUsagePage.xaml.cs b/EssentialUIKit/Views/Navigation/AppUsagePage.xaml.cs
index 3ddc68e7..6834f274 100644
--- a/EssentialUIKit/Views/Navigation/AppUsagePage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/AppUsagePage.xaml.cs
@@ -1,6 +1,6 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Navigation
 {
@@ -16,9 +16,8 @@ public partial class AppUsagePage
         /// </summary>
         public AppUsagePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = AppUsageDataService.Instance.AppUsageViewModel;
         }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml b/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml
index 1e11ae4c..345e7ca1 100644
--- a/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml
+++ b/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml
@@ -1,40 +1,38 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:local="clr-namespace:EssentialUIKit.Views.Navigation"
-             x:Class="EssentialUIKit.Views.Navigation.BottomNavigationPage"
-             xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
-             android:TabbedPage.ToolbarPlacement="Bottom"
-             android:TabbedPage.BarSelectedItemColor="{DynamicResource PrimaryColor}"
-             android:TabbedPage.BarItemColor="{DynamicResource Gray-600}"
-             BarBackgroundColor="White"
-             NavigationPage.HasNavigationBar="False">
-    <TabbedPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml"/>
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </TabbedPage.Resources>
+<TabbedPage
+    x:Class="EssentialUIKit.Views.Navigation.BottomNavigationPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Navigation"
+    android:TabbedPage.BarItemColor="{DynamicResource Steel}"
+    android:TabbedPage.BarSelectedItemColor="{DynamicResource PrimaryColor}"
+    android:TabbedPage.ToolbarPlacement="Bottom"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    BarBackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
     <local:PhotosPage Title="Photos">
         <local:PhotosPage.IconImageSource>
-            <FontImageSource FontFamily="{StaticResource FontIcons}"
-                                 Glyph="{StaticResource PhotosIcon}"
-                                 Size="16"/>
+            <FontImageSource
+                FontFamily="FontIcons"
+                Glyph="{StaticResource Photos}"
+                Size="16" />
         </local:PhotosPage.IconImageSource>
     </local:PhotosPage>
     <local:AlbumPage Title="Album">
         <local:AlbumPage.IconImageSource>
-            <FontImageSource FontFamily="{StaticResource FontIcons}"
-                                 Glyph="{StaticResource AlbumsIcon}"
-                                 Size="16"/>
+            <FontImageSource
+                FontFamily="FontIcons"
+                Glyph="{StaticResource AlbumsIcon}"
+                Size="16" />
         </local:AlbumPage.IconImageSource>
     </local:AlbumPage>
     <local:SettingsPage Title="Settings">
         <local:SettingsPage.IconImageSource>
-            <FontImageSource FontFamily="{StaticResource FontIcons}"
-                                 Glyph="{StaticResource SettingsIcon}"
-                                 Size="16"/>
+            <FontImageSource
+                FontFamily="FontIcons"
+                Glyph="{StaticResource Settings}"
+                Size="16" />
         </local:SettingsPage.IconImageSource>
     </local:SettingsPage>
 </TabbedPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml.cs b/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml.cs
index 6df7be35..ad048b95 100644
--- a/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/BottomNavigationPage.xaml.cs
@@ -10,7 +10,7 @@ public partial class BottomNavigationPage : TabbedPage
     {
         public BottomNavigationPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/ContactsPage.xaml b/EssentialUIKit/Views/Navigation/ContactsPage.xaml
index e279a40d..00d9a1a2 100644
--- a/EssentialUIKit/Views/Navigation/ContactsPage.xaml
+++ b/EssentialUIKit/Views/Navigation/ContactsPage.xaml
@@ -1,149 +1,151 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
-             xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation;assembly=EssentialUIKit"
-             xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.ContactsPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.ContactsPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation;assembly=EssentialUIKit"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0" ColumnSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64"/>
-                <RowDefinition Height="1"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="ContactsTitleView"
-                         Padding="8,8"
-                         HeightRequest="48"
-                         Grid.Row="0"
-                         BackgroundColor="{DynamicResource Gray-White}"
-                         HorizontalOptions="FillAndExpand"
-                         Orientation="Horizontal"
-                         Spacing="0">
-
-                <StackLayout x:Name="ContactsTitle"
-                             HorizontalOptions="FillAndExpand"
-                             IsVisible="True"
-                             Orientation="Horizontal"
-                             Spacing="0"
-                             VerticalOptions="FillAndExpand">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="ContactsTitleView"
+                Grid.Row="0"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="ContactsTitle"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton x:Name="backButton"
-                                      Command="{Binding BackButtonCommand}"
-                                      CommandParameter="{x:Reference backButton}"
-                                      CornerRadius="4"
-                                      Style="{StaticResource IconButtonStyle}"
-                                      Text="{StaticResource Back}" />
-
-                    <!--  Contacts page Title  -->
-                    <Label Margin="16,0"
-                           FontFamily="{StaticResource Montserrat-Medium}"
-                           FontSize="16"
-                           HorizontalOptions="CenterAndExpand"
-                           LineHeight="1.25"
-                           Text="Contacts"
-                           TextColor="{DynamicResource Gray-900}"
-                           VerticalOptions="Center"
-                           VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Contacts List page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Contacts List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout x:Name="Search"
-                             HorizontalOptions="EndAndExpand"
-                             IsVisible="False"
-                             Orientation="Horizontal"
-                             Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle"
-                                      Clicked="BackToTitle_Clicked"
-                                      Style="{StaticResource NavigationBarButtonStyle}"
-                                      Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"
-                                                  BindingContext="{x:Reference ContactList}"
-                                                  Text="{Binding SearchText, Mode=TwoWay}"
-                                                  HorizontalOptions="FillAndExpand"
-                                                  Placeholder="Search here"
-                                                  Style="{StaticResource SearchEntryStyle}" />
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference ContactList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
-                                  BindingContext="{x:Reference ContactsTitle}"
-                                  IsVisible="{Binding Path=IsVisible,Mode=TwoWay}"
-                                  Clicked="SearchButton_Clicked"
-                                  Style="{StaticResource IconButtonStyle }"
-                                  Text="{StaticResource Search}" />
-
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
             </StackLayout>
 
-            <!-- Seperator -->
-            <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+            <!--  Seperator  -->
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
             <StackLayout Grid.Row="2">
 
-                <controls:SearchableContactsList x:Name="ContactList"
-                                                 IsScrollBarVisible="False"
-                                                 AllowSwiping="True"
-                                                 AutoFitMode="Height"
-                                                 ItemSpacing="0"
-                                                 SelectionGesture="Tap"
-                                                 SelectionMode="Single"
-                                                 VerticalOptions="FillAndExpand"
-                                                 SearchText="{Binding SearchText}"
-                                                 TapCommand="{Binding ItemTappedCommand}"
-                                                 ItemsSource="{Binding ContactList}"
-                                                 SelectionBackgroundColor="{DynamicResource TappedBackgroundColor}">
+                <controls:SearchableContactsList
+                    x:Name="ContactList"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding ContactList}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableContactsList.DataSource>
                         <data:DataSource>
                             <data:DataSource.SortDescriptors>
-                                <data:SortDescriptor PropertyName="name" Direction="Ascending"/>
+                                <data:SortDescriptor Direction="Ascending" PropertyName="name" />
                             </data:DataSource.SortDescriptors>
                         </data:DataSource>
                     </controls:SearchableContactsList.DataSource>
 
-                    <!-- Group Header -->
+                    <!--  Group Header  -->
                     <controls:SearchableContactsList.GroupHeaderTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <StackLayout Spacing="0" 
-                                                 Orientation="Horizontal" 
-                                                 HeightRequest="40" 
-                                                 BackgroundColor="{DynamicResource Gray-100}">
-
-                                        <Label Text="{Binding Key}" 
-                                               FontSize="16" 
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               TextColor="{DynamicResource Gray-900}"
-                                               VerticalOptions="Center" 
-                                               HorizontalOptions="Start" 
-                                               Margin="16,0" />
+                                    <StackLayout
+                                        BackgroundColor="{DynamicResource Gray-100}"
+                                        HeightRequest="40"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+
+                                        <Label
+                                            Margin="16,0"
+                                            FontFamily="Montserrat-Medium"
+                                            HorizontalOptions="Start"
+                                            Style="{StaticResource TitleLabelStyle}"
+                                            Text="{Binding Key}"
+                                            VerticalOptions="Center" />
 
                                     </StackLayout>
                                 </ViewCell.View>
@@ -152,39 +154,42 @@
                     </controls:SearchableContactsList.GroupHeaderTemplate>
 
                     <controls:SearchableContactsList.Behaviors>
-                        <behavior:ContactsListViewBehavior/>
+                        <behavior:ContactsListViewBehavior />
                     </controls:SearchableContactsList.Behaviors>
 
                     <controls:SearchableContactsList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <Grid RowSpacing="0" ColumnSpacing="0" HeightRequest="56">
-
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="Auto" />
-                                            <RowDefinition Height="Auto" />
-                                        </Grid.RowDefinitions>
-
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="*" />
-                                        </Grid.ColumnDefinitions>
-
-                                        <!-- Contact name avatar -->
-                                        <sfavatar:SfAvatarView Style="{StaticResource SfAvatarStyle}"
-                                                               Margin="16,8"
-                                                               AvatarName="{Binding Name}"
-                                                               BackgroundColor="{Binding BackgroundColor}" />
-
-                                        <!-- Contact name -->
-                                        <Label Grid.Column="1"
-                                               Text="{Binding Name}"
-                                               Margin="0,16"
-                                               Style="{StaticResource ContactsLabelStyle}" />
-
-                                        <!-- Seperator -->
-                                        <BoxView Grid.Row="1" Grid.ColumnSpan="2" Style="{StaticResource SeparatorStyle}" />
+                                    <Grid
+                                        ColumnDefinitions="Auto, *"
+                                        ColumnSpacing="0"
+                                        HeightRequest="56"
+                                        RowDefinitions="Auto, Auto"
+                                        RowSpacing="0">
+
+                                        <!--  Contact name avatar  -->
+                                        <sfavatar:SfAvatarView
+                                            Margin="16,8"
+                                            AvatarName="{Binding Name}"
+                                            BackgroundColor="{Binding BackgroundColor}"
+                                            Style="{StaticResource AvatarViewStyle}" />
+
+                                        <!--  Contact name  -->
+                                        <Label
+                                            Grid.Column="1"
+                                            Margin="0,16"
+                                            FontFamily="Montserrat-Medium"
+                                            HorizontalOptions="Start"
+                                            Style="{StaticResource TitleLabelStyle}"
+                                            Text="{Binding Name}"
+                                            VerticalOptions="Center" />
+
+                                        <!--  Seperator  -->
+                                        <BoxView
+                                            Grid.Row="1"
+                                            Grid.ColumnSpan="2"
+                                            Style="{StaticResource HorizontalSeparatorStyle}" />
 
                                     </Grid>
                                 </ViewCell.View>
diff --git a/EssentialUIKit/Views/Navigation/ContactsPage.xaml.cs b/EssentialUIKit/Views/Navigation/ContactsPage.xaml.cs
index 0f4fd5c5..08805028 100644
--- a/EssentialUIKit/Views/Navigation/ContactsPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/ContactsPage.xaml.cs
@@ -1,8 +1,6 @@
-using System;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Navigation
 {
@@ -18,90 +16,8 @@ public partial class ContactsPage
         /// </summary>
         public ContactsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = ContactsDataService.Instance.ContactsViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.ContactsTitle.IsVisible = false;
-
-            if (this.ContactsTitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / ContactsTitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, ContactsTitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.ContactsTitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / ContactsTitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                ContactsTitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.ContactsTitle.IsVisible = true;
-        }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml b/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml
index 2272bc28..14fa65ff 100644
--- a/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml
+++ b/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml
@@ -1,196 +1,193 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.DocumentsListPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.DocumentsListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    x:Name="documentList"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0" ColumnSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64"/>
-                <RowDefinition Height="1"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"
-                         Padding="8,8"
-                         HeightRequest="48"
-                         Grid.Row="0"
-                         BackgroundColor="{DynamicResource Gray-White}"
-                         HorizontalOptions="FillAndExpand"
-                         Orientation="Horizontal"
-                         Spacing="0">
-
-                <StackLayout x:Name="Title"
-                             HorizontalOptions="FillAndExpand"
-                             IsVisible="True"
-                             Orientation="Horizontal"
-                             Spacing="0"
-                             VerticalOptions="FillAndExpand">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton x:Name="backButton"
-                                      Command="{Binding BackButtonCommand}"
-                                      CommandParameter="{x:Reference backButton}"
-                                      CornerRadius="4"
-                                      Style="{StaticResource IconButtonStyle}"
-                                      Text="{StaticResource Back}" />
-
-                    <!--  Documents page Title  -->
-                    <Label Margin="16,0"
-                           FontFamily="{StaticResource Montserrat-Medium}"
-                           FontSize="16"
-                           HorizontalOptions="CenterAndExpand"
-                           LineHeight="1.25"
-                           Text="Documents"
-                           TextColor="{DynamicResource Gray-900}"
-                           VerticalOptions="Center"
-                           VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Documents List page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Documents List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout x:Name="Search"
-                             HorizontalOptions="EndAndExpand"
-                             IsVisible="False"
-                             Orientation="Horizontal"
-                             Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle"
-                                      Clicked="BackToTitle_Clicked"
-                                      Style="{StaticResource NavigationBarButtonStyle}"
-                                      Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"
-                                                  BindingContext="{x:Reference DocumentsList}"
-                                                  Text="{Binding SearchText, Mode=TwoWay}"
-                                                  HorizontalOptions="FillAndExpand"
-                                                  Placeholder="Search here"
-                                                  Style="{StaticResource SearchEntryStyle}" />
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference DocumentsList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
-                                  BindingContext="{x:Reference Title}"
-                                  IsVisible="{Binding Path=IsVisible,Mode=TwoWay}"
-                                  Clicked="SearchButton_Clicked"
-                                  Style="{StaticResource IconButtonStyle }"
-                                  Text="{StaticResource Search}" />
-
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
             </StackLayout>
 
-            <BoxView Grid.Row="1" Style="{DynamicResource SeparatorStyle}" />
+            <BoxView Grid.Row="1" Style="{DynamicResource HorizontalSeparatorStyle}" />
 
             <StackLayout Grid.Row="2" Spacing="0">
 
-                <controls:SearchableDocumentsList x:Name="DocumentsList"
-                                                  IsScrollBarVisible="False"
-                                                  AllowSwiping="True"
-                                                  AutoFitMode="Height"
-                                                  ItemSpacing="0"
-                                                  SelectionGesture="Tap"
-                                                  SelectionMode="Single"
-                                                  VerticalOptions="FillAndExpand"
-                                                  SearchText="{Binding SearchText}"
-                                                  TapCommand="{Binding ItemTappedCommand}"
-                                                  ItemsSource="{Binding DocumentsList}"
-                                                  SelectionBackgroundColor="{DynamicResource TappedBackgroundColor}">
+                <controls:SearchableDocumentsList
+                    x:Name="DocumentsList"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding DocumentsList}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableDocumentsList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <StackLayout Spacing="0">
 
-                                    <Grid RowSpacing="0" ColumnSpacing="0" HeightRequest="72">
-
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="Auto" />
-                                            <RowDefinition Height="Auto" />
-                                            <RowDefinition Height="Auto" />
-                                        </Grid.RowDefinitions>
-
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="*" />
-                                        </Grid.ColumnDefinitions>
-
-                                        <!-- Account Icon -->
-                                        <Label Grid.RowSpan="3" 
-                                               Margin="17,0"
-                                               TextColor="{DynamicResource Gray-600}"
-                                               VerticalOptions="CenterAndExpand"
-                                               Text="{StaticResource Account}"
-                                               FontSize="18"
-                                               FontFamily="{StaticResource FontIcons}" />
-
-                                        <!-- Document Name -->
-                                        <Label Grid.Column="1"
-                                               Grid.ColumnSpan="3"
-                                               Margin="0,13,0,0"
-                                               Text="{Binding DocumentName}"
-                                               TextColor="{DynamicResource Gray-900}"
-                                               FontSize="16"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               HeightRequest="24" />
-
-                                        <!-- Time -->
-                                        <Label Grid.Row="1"
-                                               Grid.Column="1"
-                                               Margin="0,0,0,14"
-                                               Text="{Binding Time}"
-                                               TextColor="{DynamicResource Gray-700}"
-                                               FontSize="14"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               HeightRequest="21" />
-
-                                        <!-- Document Size -->
-                                        <Label Grid.Row="1"
-                                               Grid.Column="2"
-                                               Margin="24,0,0,14"
-                                               Text="{Binding DocumentSize}"
-                                               TextColor="{DynamicResource Gray-700}"
-                                               FontSize="14"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               HeightRequest="21" />
-
-                                        <!-- More Button -->
-                                        <buttons:SfButton Grid.Column="3" 
-                                                          Grid.RowSpan="3" 
-                                                          Margin="15,0,15,0"
-                                                          TextColor="{DynamicResource Gray-600}"
-                                                          BackgroundColor="{DynamicResource Transparent}"
-                                                          HorizontalOptions="End"
-                                                          HorizontalTextAlignment="End"
-                                                          VerticalOptions="Center"
-                                                          Text="{StaticResource MoreIcon}"
-                                                          FontSize="18"
-                                                          WidthRequest="38"
-                                                          HeightRequest="38"
-                                                          FontFamily="{StaticResource FontIcons}" />
-
-                                        <!-- Seperator -->
-                                        <BoxView Grid.Row="2" Grid.ColumnSpan="4" Style="{DynamicResource SeparatorStyle}" />
+                                    <Grid
+                                        ColumnDefinitions="Auto, Auto, Auto, *"
+                                        ColumnSpacing="0"
+                                        HeightRequest="72"
+                                        RowDefinitions="Auto, Auto, Auto"
+                                        RowSpacing="0">
+
+                                        <!--  Account Icon  -->
+                                        <Label
+                                            Grid.RowSpan="3"
+                                            Margin="17,0"
+                                            FontFamily="FontIcons"
+                                            FontSize="18"
+                                            Text="{StaticResource Account}"
+                                            TextColor="{DynamicResource Gray-600}"
+                                            VerticalOptions="CenterAndExpand" />
+
+                                        <!--  Document Name  -->
+                                        <Label
+                                            Grid.Column="1"
+                                            Grid.ColumnSpan="3"
+                                            Margin="0,13,0,0"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HeightRequest="24"
+                                            Text="{Binding DocumentName}"
+                                            TextColor="{DynamicResource Gray-900}" />
+
+                                        <!--  Time  -->
+                                        <Label
+                                            Grid.Row="1"
+                                            Grid.Column="1"
+                                            Margin="0,0,0,14"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            HeightRequest="21"
+                                            Text="{Binding Time}"
+                                            TextColor="{DynamicResource Gray-700}" />
+
+                                        <!--  Document Size  -->
+                                        <Label
+                                            Grid.Row="1"
+                                            Grid.Column="2"
+                                            Margin="24,0,0,14"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            HeightRequest="21"
+                                            Text="{Binding DocumentSize}"
+                                            TextColor="{DynamicResource Gray-700}" />
+
+                                        <!--  More Button  -->
+                                        <buttons:SfButton
+                                            Grid.RowSpan="3"
+                                            Grid.Column="3"
+                                            Margin="15,0,15,0"
+                                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference documentList}}"
+                                            CornerRadius="4"
+                                            HorizontalOptions="End"
+                                            Style="{StaticResource IconButtonStyle}"
+                                            Text="{StaticResource Menu}" />
+
+                                        <!--  Seperator  -->
+                                        <BoxView
+                                            Grid.Row="2"
+                                            Grid.ColumnSpan="4"
+                                            Style="{DynamicResource HorizontalSeparatorStyle}" />
 
                                     </Grid>
                                 </StackLayout>
diff --git a/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml.cs b/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml.cs
index 5aeebb35..f546a11a 100644
--- a/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/DocumentsListPage.xaml.cs
@@ -1,8 +1,6 @@
-using System;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Navigation
 {
@@ -15,90 +13,8 @@ public partial class DocumentsListPage
         /// </summary>
         public DocumentsListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = DocumentsListDataService.Instance.DocumentsViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/FAQPage.xaml b/EssentialUIKit/Views/Navigation/FAQPage.xaml
index 9fc838ef..21a2ff8e 100644
--- a/EssentialUIKit/Views/Navigation/FAQPage.xaml
+++ b/EssentialUIKit/Views/Navigation/FAQPage.xaml
@@ -1,42 +1,39 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"          
-             x:Class="EssentialUIKit.Views.Navigation.FAQPage" 
-             xmlns:syncfusion="clr-namespace:Syncfusion.XForms.Expander;assembly=Syncfusion.Expander.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             x:Name="FAQ"          
-             NavigationPage.HasNavigationBar="False"
-             BackgroundColor="{DynamicResource Gray-100}">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary Source="Styles.xaml" />
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.FAQPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:syncfusion="clr-namespace:Syncfusion.XForms.Expander;assembly=Syncfusion.Expander.XForms"
+    x:Name="FAQ"
+    BackgroundColor="{DynamicResource Gray-100}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Padding>
-        <OnPlatform  x:TypeArguments="Thickness" iOS="0,20,0,0"  Default="0,0,0,0"/>
+        <OnPlatform
+            x:TypeArguments="Thickness"
+            Default="0,0,0,0"
+            iOS="0,20,0,0" />
     </ContentPage.Padding>
 
     <ContentPage.Content>
-        <Grid RowSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
 
             <!--  Title view  -->
-            <StackLayout  x:Name="TitleView"
-                Padding="16,8"
+            <StackLayout
+                x:Name="TitleView"
                 Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                Padding="2,8,8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
 
-                <StackLayout   x:Name="Title"
+                <StackLayout
+                    x:Name="TitleLayout"
                     HorizontalOptions="FillAndExpand"
                     IsVisible="True"
                     Orientation="Horizontal"
@@ -44,124 +41,155 @@
                     VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"
+                    <buttons:SfButton
+                        x:Name="backButton"
                         Command="{Binding BackButtonCommand}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
 
-                    <!--  FAQ page Title  -->
-                    <Label   Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="1.25"
+                    <!--  Icon Names List page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="FAQs"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout  x:Name="Search"
+                <StackLayout
+                    x:Name="Search"
                     HorizontalOptions="EndAndExpand"
                     IsVisible="False"
                     Orientation="Horizontal"
                     Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton   x:Name="BackToTitle"
-                        Clicked="BackToTitle_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-
-                        <controls:BorderlessEntry  x:Name="SearchEntry"
-                            BindingContext="{x:Reference Questions}"
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference FAQList}"
                             HorizontalOptions="FillAndExpand"
-                            Text="{Binding SearchText, Mode=TwoWay}"
-                            Style="{StaticResource SearchEntryStyle}"/>
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
-
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
+                <buttons:SfButton
+                    x:Name="SearchButton"
                     IsVisible="True"
-                    Clicked="SearchButton_Clicked"
-                    Style="{StaticResource IconButtonStyle }"
-                    Text="{StaticResource Search}" />
-
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
             </StackLayout>
 
-            <StackLayout Grid.Row="1" Spacing="0" BackgroundColor="{DynamicResource Gray-100}">
-                
-                <!--  Header label Top Questions -->
-                <Label  Margin ="0,24,0,24"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+            <!--  Seperator  -->
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+            <StackLayout
+                Grid.Row="2"
+                BackgroundColor="{DynamicResource Gray-100}"
+                Spacing="0">
+
+                <!--  Header label Top Questions  -->
+                <Label
+                    Margin="0,24,0,24"
                     BackgroundColor="{DynamicResource Gray-100}"
                     FontSize="20"
-                    FontAttributes="Bold"
-                    HorizontalTextAlignment="Center"                  
+                    HorizontalOptions="FillAndExpand"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="Top Questions"
-                    TextColor="{DynamicResource Gray-900}"
-                    HorizontalOptions="FillAndExpand" 
-                    VerticalOptions="Center"/>
+                    VerticalOptions="Center" />
 
-                <controls:SearchableFAQList  x:Name="Questions"
+                <controls:SearchableFAQList
+                    x:Name="FAQList"
                     Padding="0"
-                    VerticalOptions="FillAndExpand"                                          
-                    FocusBorderThickness="0" 
+                    AutoFitMode="DynamicHeight"
+                    FocusBorderThickness="0"
                     IsScrollBarVisible="False"
-                    ItemSpacing="0" 
-                    SelectionMode="None" 
-                    AutoFitMode="DynamicHeight"  
+                    ItemSpacing="0"
                     ItemsSource="{Binding Questions}"
-                    SearchText="{Binding SearchText}">
+                    SearchText="{Binding SearchText}"
+                    SelectionMode="None"
+                    VerticalOptions="FillAndExpand">
 
-                    <!-- View of each card item -->
+                    <!--  View of each card item  -->
                     <controls:SearchableFAQList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                <StackLayout  BackgroundColor="{DynamicResource Gray-White}" Spacing="0">
-                                    <syncfusion:SfExpander Margin="16, 0"
-                                        x:Name="expander" HeaderIconPosition="End" IconColor="{DynamicResource Gray-600}"
-                                        HeaderBackgroundColor="{DynamicResource Gray-White}">
-
-                                        <!--Header -->
+                                <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
+                                    <syncfusion:SfExpander
+                                        x:Name="expander"
+                                        Margin="16,0"
+                                        HeaderBackgroundColor="{DynamicResource Gray-Bg}"
+                                        HeaderIconPosition="End"
+                                        IconColor="{DynamicResource Gray-600}">
+
+                                        <!--  Header  -->
                                         <syncfusion:SfExpander.Header>
-                                            <StackLayout Padding="0, 12">
-                                                <!--Label for Question -->
-                                                <Label  Style="{StaticResource FAQHeaderLabelStyle}"
-                                                    Text="{Binding Question}" LineBreakMode="NoWrap"/>
+                                            <StackLayout Padding="0,12">
+                                                <!--  Label for Question  -->
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="15"
+                                                    HorizontalOptions="Start"
+                                                    HorizontalTextAlignment="Start"
+                                                    LineBreakMode="NoWrap"
+                                                    MaxLines="2"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding Question}"
+                                                    VerticalOptions="Center" />
                                             </StackLayout>
 
                                         </syncfusion:SfExpander.Header>
 
-                                        <!--Content -->
+                                        <!--  Content  -->
                                         <syncfusion:SfExpander.Content>
-                                            <StackLayout  BackgroundColor="{DynamicResource Gray-White}" Spacing="8" Padding="0,0,0,15"
-                                                  BindableLayout.ItemsSource="{Binding Answer}">
+                                            <StackLayout
+                                                Padding="0,0,0,15"
+                                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                                BindableLayout.ItemsSource="{Binding Answer}"
+                                                Spacing="8">
 
-                                                <BindableLayout.ItemTemplate >
+                                                <BindableLayout.ItemTemplate>
                                                     <DataTemplate>
-                                                        <!-- Label for Answers -->
-                                                        <Label LineHeight="{OnPlatform Default=-1,
-                                                                                       Android=1.25}"   
-                                                               Style="{StaticResource FAQLabelStyle}"
-                                                              Text="{Binding }"  />
+                                                        <!--  Label for Answers  -->
+                                                        <Label
+                                                            HorizontalOptions="Start"
+                                                            HorizontalTextAlignment="Start"
+                                                            LineHeight="{OnPlatform Default=-1,
+                                                                                    Android=1.25}"
+                                                            Style="{StaticResource DescriptionLabelStyle}"
+                                                            Text="{Binding}"
+                                                            TextColor="{DynamicResource Gray-800}"
+                                                            VerticalOptions="Center" />
                                                     </DataTemplate>
                                                 </BindableLayout.ItemTemplate>
                                             </StackLayout>
                                         </syncfusion:SfExpander.Content>
                                     </syncfusion:SfExpander>
 
-                                    <BoxView Style="{StaticResource SeparatorStyle}" />
+                                    <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                                 </StackLayout>
                             </ViewCell>
diff --git a/EssentialUIKit/Views/Navigation/FAQPage.xaml.cs b/EssentialUIKit/Views/Navigation/FAQPage.xaml.cs
index 94ec0d17..72709035 100644
--- a/EssentialUIKit/Views/Navigation/FAQPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/FAQPage.xaml.cs
@@ -1,5 +1,4 @@
 using EssentialUIKit.DataService;
-using System;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -18,90 +17,8 @@ public partial class FAQPage : ContentPage
         /// </summary>
         public FAQPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = FAQDataService.Instance.FAQViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml b/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml
new file mode 100644
index 00000000..cee31d73
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml
@@ -0,0 +1,192 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.FileExploreGridPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listview="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Content>
+
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="File Explorer"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                </StackLayout>
+
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
+
+                    <!--  Back to title layout  -->
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
+
+                    <!--  Rounded Search Entry  -->
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference FileExploreGrid}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
+                    </border:SfBorder>
+                </StackLayout>
+
+                <!--  Search Button  -->
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+
+            </StackLayout>
+
+            <!--  Seperator  -->
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+            <Grid
+                Grid.Row="2"
+                ColumnSpacing="0"
+                HeightRequest="48"
+                RowSpacing="0">
+
+                <Label
+                    Margin="16,0"
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="16"
+                    HorizontalOptions="Start"
+                    LineHeight="{OnPlatform Android=1.5,
+                                            Default=-1}"
+                    Text="Folders"
+                    TextColor="{DynamicResource Gray-900}"
+                    VerticalOptions="Center" />
+
+                <buttons:SfButton
+                    Margin="16,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding CategoryCommand}"
+                    CornerRadius="4"
+                    FontSize="20"
+                    HorizontalOptions="End"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource FileExplorerList}" />
+
+            </Grid>
+
+            <controls:SearchableFileExploreList
+                x:Name="FileExploreGrid"
+                Grid.Row="3"
+                Margin="16,0"
+                AllowSwiping="True"
+                AutoFitMode="Height"
+                IsScrollBarVisible="False"
+                ItemSpacing="0,0,16,24"
+                ItemsSource="{Binding FileExploreList}"
+                SearchText="{Binding SearchText}"
+                SelectionBackgroundColor="{DynamicResource Gray-200}"
+                SelectionGesture="Tap"
+                SelectionMode="Single"
+                TapCommand="{Binding ItemTappedCommand}"
+                VerticalOptions="FillAndExpand">
+
+                <controls:SearchableFileExploreList.ItemTemplate>
+                    <DataTemplate>
+                        <Grid
+                            ColumnSpacing="0"
+                            RowDefinitions="Auto, Auto"
+                            RowSpacing="0">
+
+                            <!--  Folder Icon  -->
+                            <Label
+                                Margin="0,15,0,12"
+                                FontFamily="FontIcons"
+                                FontSize="40"
+                                HorizontalOptions="Center"
+                                Text="{StaticResource FileExplorer}"
+                                TextColor="{DynamicResource Gray-600}" />
+
+                            <!--  Folder Name  -->
+                            <Label
+                                Grid.Row="1"
+                                Margin="0,0,0,8"
+                                FontFamily="Montserrat-Medium"
+                                FontSize="14"
+                                HorizontalOptions="Center"
+                                LineBreakMode="TailTruncation"
+                                LineHeight="{OnPlatform Android=1.5,
+                                                        Default=-1}"
+                                Text="{Binding FolderName}"
+                                TextColor="{DynamicResource Gray-900}" />
+
+                        </Grid>
+                    </DataTemplate>
+                </controls:SearchableFileExploreList.ItemTemplate>
+
+                <controls:SearchableFileExploreList.LayoutManager>
+                    <listview:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=8, Desktop=10}" />
+                </controls:SearchableFileExploreList.LayoutManager>
+
+            </controls:SearchableFileExploreList>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml.cs b/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml.cs
new file mode 100644
index 00000000..f45442ea
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/FileExploreGridPage.xaml.cs
@@ -0,0 +1,49 @@
+using EssentialUIKit.DataService;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Navigation
+{
+    /// <summary>
+    /// Page to display the file explorer grid.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class FileExploreGridPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="FileExploreGridPage" /> class.
+        /// </summary>
+        public FileExploreGridPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = FileExploreDataService.Instance.FileExploreViewModel;
+        }
+
+        /// <summary>
+        /// Invoked when view size is changed.
+        /// </summary>
+        /// <param name="width">The Width</param>
+        /// <param name="height">The Height</param>
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.FileExploreGrid.LayoutManager is GridLayout)
+                {
+                    (this.FileExploreGrid.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.FileExploreGrid.LayoutManager is GridLayout)
+                {
+                    (this.FileExploreGrid.LayoutManager as GridLayout).SpanCount = 5;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml b/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml
new file mode 100644
index 00000000..843913b8
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.FileExploreListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:effectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    x:Name="fileExploreList"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Content>
+
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  File explorer list page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="File Explorer"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                </StackLayout>
+
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
+
+                    <!--  Back to title layout  -->
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
+
+                    <!--  Rounded Search Entry  -->
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference FileExploreList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
+                    </border:SfBorder>
+                </StackLayout>
+
+                <!--  Search Button  -->
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+
+            </StackLayout>
+
+            <!--  Seperator  -->
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+            <Grid
+                Grid.Row="2"
+                ColumnSpacing="0"
+                HeightRequest="48"
+                RowSpacing="0">
+
+                <Label
+                    Margin="16,0"
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="16"
+                    HorizontalOptions="Start"
+                    LineHeight="{OnPlatform Android=1.5,
+                                            Default=-1}"
+                    Text="Folders"
+                    TextColor="{DynamicResource Gray-900}"
+                    VerticalOptions="Center" />
+
+                <buttons:SfButton
+                    Margin="15,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding CategoryCommand}"
+                    CornerRadius="4"
+                    FontSize="20"
+                    HorizontalOptions="End"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Category}" />
+
+            </Grid>
+
+            <controls:SearchableFileExploreList
+                x:Name="FileExploreList"
+                Grid.Row="3"
+                AllowSwiping="True"
+                AutoFitMode="Height"
+                IsScrollBarVisible="False"
+                ItemSpacing="0"
+                ItemsSource="{Binding FileExploreList}"
+                SearchText="{Binding SearchText}"
+                SelectionBackgroundColor="{DynamicResource Gray-200}"
+                SelectionGesture="Tap"
+                SelectionMode="Single"
+                TapCommand="{Binding ItemTappedCommand}"
+                VerticalOptions="FillAndExpand">
+
+                <controls:SearchableFileExploreList.ItemTemplate>
+                    <DataTemplate>
+
+                        <Grid
+                            ColumnDefinitions="Auto, *"
+                            ColumnSpacing="0"
+                            RowDefinitions="Auto, Auto, Auto"
+                            RowSpacing="0">
+
+                            <!--  Folder Icon  -->
+                            <Label
+                                Grid.RowSpan="3"
+                                Margin="16,0"
+                                FontFamily="FontIcons"
+                                FontSize="40"
+                                Text="{StaticResource FileExplorer}"
+                                TextColor="{DynamicResource Gray-600}"
+                                VerticalOptions="Center" />
+
+                            <!--  Folder Name  -->
+                            <Label
+                                Grid.Column="1"
+                                Margin="0,13,0,0"
+                                FontFamily="Montserrat-Medium"
+                                FontSize="16"
+                                LineHeight="{OnPlatform Android=1.5,
+                                                        Default=-1}"
+                                Text="{Binding FolderName}"
+                                TextColor="{DynamicResource Gray-900}" />
+
+                            <!--  Number of items, date and time  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="1"
+                                Margin="0,0,0,14"
+                                HorizontalOptions="Start"
+                                Style="{StaticResource DescriptionLabelStyle}">
+                                <Label.FormattedText>
+                                    <FormattedString>
+                                        <Span FontFamily="Montserrat-Medium" Text="{Binding FolderItems}" />
+                                        <Span Text=" " />
+                                        <Span Text=" | " />
+                                        <Span Text=" " />
+                                        <Span FontFamily="Montserrat-Medium" Text="{Binding DateTime}" />
+                                    </FormattedString>
+                                </Label.FormattedText>
+                            </Label>
+
+                            <!--  Next Button  -->
+                            <buttons:SfButton
+                                Grid.RowSpan="3"
+                                Grid.Column="1"
+                                Margin="15,0"
+                                Command="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference fileExploreList}}"
+                                CornerRadius="4"
+                                FontSize="20"
+                                HorizontalOptions="End"
+                                Style="{StaticResource IconButtonStyle}"
+                                Text="{StaticResource Next}" />
+
+                            <!--  Seperator  -->
+                            <BoxView
+                                Grid.Row="2"
+                                Grid.ColumnSpan="2"
+                                Style="{StaticResource HorizontalSeparatorStyle}" />
+
+                        </Grid>
+
+                    </DataTemplate>
+                </controls:SearchableFileExploreList.ItemTemplate>
+            </controls:SearchableFileExploreList>
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml.cs b/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml.cs
new file mode 100644
index 00000000..23538478
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/FileExploreListPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Navigation
+{
+    /// <summary>
+    /// Page to display the file explorer list.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class FileExploreListPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="FileExploreListPage" /> class.
+        /// </summary>
+        public FileExploreListPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = FileExploreDataService.Instance.FileExploreViewModel;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml b/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml
index 41cfb7e6..335fb2f9 100644
--- a/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml
+++ b/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml
@@ -1,103 +1,146 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
-             xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.IconNamesListPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.IconNamesListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:searchbarBehavior="clr-namespace:EssentialUIKit.Behaviors"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
-        <Grid RowSpacing="0" >
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto"/>
-                <RowDefinition Height="Auto"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"  Padding="8,8" Grid.Row="0" HeightRequest="64"
-                         BackgroundColor="{DynamicResource Gray-White}" Spacing="0"
-                         HorizontalOptions="FillAndExpand" Orientation="Horizontal">
-
-                <StackLayout x:Name="Title" HorizontalOptions="FillAndExpand"  IsVisible="True"
-                             Orientation="Horizontal"  VerticalOptions="FillAndExpand"  Spacing="0">
+        <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"  Command="{Binding BackButtonCommand}"
-                                       CommandParameter="{x:Reference backButton}" CornerRadius="4"
-                                       Style="{StaticResource IconButtonStyle}" Text="{StaticResource Back}"/>
-
-                    <!--   Icon Names List page Title  -->
-                    <Label  Margin="16,0" FontFamily="{StaticResource Montserrat-Medium}" FontSize="16"
-                            HorizontalOptions="CenterAndExpand" TextColor="{DynamicResource Gray-900}"
-                            LineHeight="1.25"  Text="Icon Names List"  VerticalOptions="Center" VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+
+                    <!--  Icon Names List page Title  -->
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Icon Names List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout  x:Name="Search" HorizontalOptions="EndAndExpand" IsVisible="False"
-                                Orientation="Horizontal" Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle" Clicked="BackToTitle_Clicked"  Text="{StaticResource Back}"
-                                      Style="{StaticResource NavigationBarButtonStyle}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <searchbarBehavior:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"  BindingContext="{x:Reference IconNameList}"
-                                                  Text="{Binding SearchText, Mode=TwoWay}" Placeholder="Search here"
-                                                  HorizontalOptions="FillAndExpand"  Style="{StaticResource SearchEntryStyle}"/>
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference IconNameList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton  x:Name="SearchButton" IsVisible="True" Clicked="SearchButton_Clicked" Style="{StaticResource IconButtonStyle }"
-                                   Text="{StaticResource Search}" />
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <searchbarBehavior:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
             </StackLayout>
 
-            <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
             <StackLayout Grid.Row="2" Spacing="0">
-                <controls:SearchableContactsList x:Name="IconNameList"  IsScrollBarVisible="False"
-                                                       AllowSwiping="True" AutoFitMode="Height" ItemSpacing="0"
-                                                       AllowGroupExpandCollapse="False" SelectionGesture="Tap"
-                                                       SelectionMode="Single" VerticalOptions="FillAndExpand"
-                                                       SearchText="{Binding SearchText}" TapCommand="{Binding ItemTappedCommand}"
-                                                       ItemsSource="{Binding IconNamesList}" SelectionBackgroundColor="Transparent">
+                <controls:SearchableContactsList
+                    x:Name="IconNameList"
+                    AllowGroupExpandCollapse="False"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding IconNamesList}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableContactsList.DataSource>
                         <data:DataSource>
                             <data:DataSource.SortDescriptors>
-                                <data:SortDescriptor PropertyName="name" Direction="Ascending"/>
+                                <data:SortDescriptor Direction="Ascending" PropertyName="name" />
                             </data:DataSource.SortDescriptors>
                         </data:DataSource>
                     </controls:SearchableContactsList.DataSource>
 
-                    <!-- Group Header -->
+                    <!--  Group Header  -->
                     <controls:SearchableContactsList.GroupHeaderTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <StackLayout Spacing="0" Orientation="Horizontal" HeightRequest="40" 
-                                                 BackgroundColor="{DynamicResource Gray-100}">
-
-                                        <Label Text="{Binding Key}"  FontSize="16" Margin="16,8"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               TextColor="{DynamicResource Gray-900}"
-                                               VerticalOptions="Center" HorizontalOptions="Start"/>
+                                    <StackLayout
+                                        BackgroundColor="{DynamicResource Gray-100}"
+                                        HeightRequest="40"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+
+                                        <Label
+                                            Margin="16,8"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding Key}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
 
                                     </StackLayout>
                                 </ViewCell.View>
@@ -106,7 +149,7 @@
                     </controls:SearchableContactsList.GroupHeaderTemplate>
 
                     <controls:SearchableContactsList.Behaviors>
-                        <behavior:ContactsListViewBehavior/>
+                        <behavior:ContactsListViewBehavior />
                     </controls:SearchableContactsList.Behaviors>
 
                     <controls:SearchableContactsList.ItemTemplate>
@@ -114,35 +157,50 @@
                             <ViewCell>
                                 <ViewCell.View>
                                     <StackLayout Spacing="0">
-                                        <Grid  ColumnSpacing="0" HeightRequest="48" Margin="17,0" >
-
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="Auto"/>
-                                                <ColumnDefinition Width="*"/>
-                                                <ColumnDefinition Width="Auto"/>
-
-                                            </Grid.ColumnDefinitions>
-
-                                            <!-- User icon -->
-                                            <Label Margin="0,12"  FontSize="20"
-                                              Text="{StaticResource Account}"
-                                              Style="{StaticResource IconButton}"/>
-
-                                            <!-- Label for contacts -->
-                                            <Label Grid.Column="1" Text="{Binding Name}" FontSize="16" Grid.Row="0" Margin="16,12"
-                                                   VerticalOptions="Center" HorizontalOptions="Start" VerticalTextAlignment="Center"
-                                                   FontFamily="{StaticResource Montserrat-Medium}" 
-                                                   LineHeight="{OnPlatform Android=1.5, 
-                                                   Default=-1}"  TextColor="{DynamicResource Gray-900}"/>
-
-                                            <!-- Next button icon -->
-                                            <buttons:SfButton Margin="0,6" Grid.Column="2" Text="{StaticResource Next}" FontSize="16" Style="{StaticResource NextButton}" 
-                                                          Command="{Binding Path=BindingContext.NextCommand, Source={x:Reference IconNameList}}" />
+                                        <Grid
+                                            Margin="17,0"
+                                            ColumnDefinitions="Auto, *, Auto"
+                                            ColumnSpacing="0"
+                                            HeightRequest="48">
+
+                                            <!--  User icon  -->
+                                            <Label
+                                                Margin="0,12"
+                                                FontSize="20"
+                                                Style="{StaticResource IconLabelStyle}"
+                                                Text="{StaticResource Account}" />
+
+                                            <!--  Label for contacts  -->
+                                            <Label
+                                                Grid.Row="0"
+                                                Grid.Column="1"
+                                                Margin="16,12"
+                                                FontFamily="Montserrat-Medium"
+                                                FontSize="16"
+                                                HorizontalOptions="Start"
+                                                LineHeight="{OnPlatform Android=1.5,
+                                                                        Default=-1}"
+                                                Text="{Binding Name}"
+                                                TextColor="{DynamicResource Gray-900}"
+                                                VerticalOptions="Center"
+                                                VerticalTextAlignment="Center" />
+
+                                            <!--  Next button icon  -->
+                                            <buttons:SfButton
+                                                Grid.Column="2"
+                                                Margin="0,6"
+                                                Command="{Binding Path=BindingContext.NextCommand, Source={x:Reference IconNameList}}"
+                                                CornerRadius="4"
+                                                FontSize="16"
+                                                HeightRequest="34"
+                                                Style="{StaticResource IconButtonStyle}"
+                                                Text="{StaticResource Next}"
+                                                WidthRequest="34" />
 
                                         </Grid>
 
-                                        <!-- Seperator -->
-                                        <BoxView  Style="{StaticResource SeparatorStyle}" />
+                                        <!--  Seperator  -->
+                                        <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
                                     </StackLayout>
                                 </ViewCell.View>
                             </ViewCell>
diff --git a/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml.cs b/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml.cs
index 5c2f6ed1..18d2866b 100644
--- a/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/IconNamesListPage.xaml.cs
@@ -1,8 +1,6 @@
-using System;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Navigation
 {
@@ -15,89 +13,8 @@ public partial class IconNamesListPage
     {
         public IconNamesListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = IconNamesListDataService.Instance.IconNamesListViewModel;
         }
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>x
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = false;
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-            
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/MoviesListPage.xaml b/EssentialUIKit/Views/Navigation/MoviesListPage.xaml
index 1db431f5..32569169 100644
--- a/EssentialUIKit/Views/Navigation/MoviesListPage.xaml
+++ b/EssentialUIKit/Views/Navigation/MoviesListPage.xaml
@@ -1,126 +1,201 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.MoviesListPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.MoviesListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0" ColumnSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64"/>
-                <RowDefinition Height="1"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"  Padding="8,8" HeightRequest="48"  Grid.Row="0"
-                         BackgroundColor="{DynamicResource Gray-White}" Spacing="0"
-                         HorizontalOptions="FillAndExpand" Orientation="Horizontal">
-
-                <StackLayout x:Name="Title" HorizontalOptions="FillAndExpand"  IsVisible="True"
-                             Orientation="Horizontal"  VerticalOptions="FillAndExpand"  Spacing="0">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, 1, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"  Command="{Binding BackButtonCommand}"
-                                       CommandParameter="{x:Reference backButton}" CornerRadius="4"
-                                       Style="{StaticResource IconButtonStyle}" Text="{StaticResource Back}"/>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
                     <!--  Movie List page Title  -->
-                    <Label  Margin="16,0" FontFamily="{StaticResource Montserrat-Medium}" FontSize="16"
-                            HorizontalOptions="CenterAndExpand" TextColor="{DynamicResource Gray-900}"
-                            LineHeight="1.25"  Text="Movies List"  VerticalOptions="Center" VerticalTextAlignment="Center" />
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Movies List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout  x:Name="Search"   HorizontalOptions="EndAndExpand"   IsVisible="False"
-                                Orientation="Horizontal" Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle" Clicked="BackToTitle_Clicked"  Text="{StaticResource Back}"
-                                      Style="{StaticResource NavigationBarButtonStyle}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"  BindingContext="{x:Reference MoviesList}"
-                                                  Text="{Binding SearchText, Mode=TwoWay}" Placeholder="Search here"
-                                                  HorizontalOptions="FillAndExpand"  Style="{StaticResource SearchEntryStyle}"/>
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference MoviesList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton  x:Name="SearchButton" IsVisible="True" Clicked="SearchButton_Clicked" Style="{StaticResource IconButtonStyle }"
-                                   Text="{StaticResource Search}" />
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
-            <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
             <StackLayout Grid.Row="2">
-                <controls:SearchableMoviesList  x:Name="MoviesList"  IsScrollBarVisible="False"  AllowSwiping="True"
-                                                AutoFitMode="Height" ItemSpacing="0" SelectionGesture="Tap"  SelectionMode="Single"
-                                                VerticalOptions="FillAndExpand"  SearchText="{Binding SearchText}" TapCommand="{Binding ItemTappedCommand}"
-                                                ItemsSource="{Binding MoviesList}" SelectionBackgroundColor="Transparent">
-               
+                <controls:SearchableMoviesList
+                    x:Name="MoviesList"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding MoviesList}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
+
                     <controls:SearchableMoviesList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                <Grid RowSpacing="0" ColumnSpacing="0">
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="72"/>
-                                        <RowDefinition Height="1"/>
-                                    </Grid.RowDefinitions>
-
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="*"/>
-                                        <ColumnDefinition Width="82"/>
-                                    </Grid.ColumnDefinitions>
-
-                                    <StackLayout Spacing="0" Margin="16,13"
-                                                 Grid.Column="0" Grid.Row="0" >
-
-                                        <Label VerticalTextAlignment="Center" VerticalOptions="Center"
-                                               FontFamily="{StaticResource Montserrat-Medium}" FontSize="16"
-                                               LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                               TextColor="{DynamicResource Gray-900}" Text="{Binding MovieName}" LineBreakMode="TailTruncation"  />
-
-                                        <Label  VerticalOptions="FillAndExpand"   VerticalTextAlignment="Center" FontSize="14"
-                                                FontFamily="{StaticResource Montserrat-Medium}" Text="{Binding MovieYear}" 
-                                                 LineHeight="{OnPlatform Android=1.5,Default=-1}" TextColor="{DynamicResource Gray-700}"/>
+                                <Grid
+                                    ColumnDefinitions="*, 82"
+                                    ColumnSpacing="0"
+                                    RowDefinitions="72, 1"
+                                    RowSpacing="0">
+
+                                    <StackLayout
+                                        Grid.Row="0"
+                                        Grid.Column="0"
+                                        Margin="16,13"
+                                        Spacing="0">
+
+                                        <Label
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            LineBreakMode="TailTruncation"
+                                            LineHeight="{OnPlatform Android=1.5,
+                                                                    Default=-1}"
+                                            Text="{Binding MovieName}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center"
+                                            VerticalTextAlignment="Center" />
+
+                                        <Label
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="14"
+                                            LineHeight="{OnPlatform Android=1.5,
+                                                                    Default=-1}"
+                                            Text="{Binding MovieYear}"
+                                            TextColor="{DynamicResource Gray-700}"
+                                            VerticalOptions="FillAndExpand"
+                                            VerticalTextAlignment="Center" />
 
 
                                     </StackLayout>
 
-                                        <border:SfBorder BackgroundColor="{DynamicResource LightGreen}" WidthRequest="50" HeightRequest="24"
-                                                     Grid.RowSpan="2" VerticalOptions="Center" Margin="16,24"
-                                                     Grid.Column="1" CornerRadius="12" BorderColor="Transparent">
-
-                                            <StackLayout Orientation="Horizontal" HorizontalOptions="Center" 
-                                                     VerticalOptions="Center" Spacing="4.7">
-                                            <Label TextColor="{DynamicResource Gray-White}" Style="{StaticResource RatingLabelStyle}"
-                                                   VerticalTextAlignment="Center" LineHeight="{OnPlatform Android=1.5,
-                                                   Default=-1}" FontSize="12" />
-
-                                            <Label  FontFamily="{StaticResource Montserrat-Medium}" VerticalTextAlignment="Center"
-                                                    FontSize="12" LineHeight="{OnPlatform Android=1.5,Default=-1}" HorizontalOptions="Start"
-                                                    Text="{Binding MovieRating}" TextColor="{DynamicResource Gray-White}"/>
-                                               
-                                            </StackLayout>
-                                        </border:SfBorder>
-                                    <BoxView Grid.Row="1" Grid.ColumnSpan="2" Style="{StaticResource SeparatorStyle}"/>
+                                    <border:SfBorder
+                                        Grid.RowSpan="2"
+                                        Grid.Column="1"
+                                        Margin="16,24"
+                                        BackgroundColor="{DynamicResource LightGreen}"
+                                        BorderColor="Transparent"
+                                        CornerRadius="12"
+                                        HeightRequest="24"
+                                        VerticalOptions="Center"
+                                        WidthRequest="50">
+
+                                        <StackLayout
+                                            HorizontalOptions="Center"
+                                            Orientation="Horizontal"
+                                            Spacing="4.7"
+                                            VerticalOptions="Center">
+                                            <Label
+                                                FontFamily="FontIcons"
+                                                FontSize="12"
+                                                LineHeight="{OnPlatform Android=1.5,
+                                                                        Default=-1}"
+                                                Text="{StaticResource Rating}"
+                                                TextColor="{DynamicResource Gray-White}"
+                                                VerticalOptions="Center"
+                                                VerticalTextAlignment="Center" />
+
+                                            <Label
+                                                FontFamily="Montserrat-Medium"
+                                                FontSize="12"
+                                                HorizontalOptions="Start"
+                                                LineHeight="{OnPlatform Android=1.5,
+                                                                        Default=-1}"
+                                                Text="{Binding MovieRating}"
+                                                TextColor="{DynamicResource Gray-White}"
+                                                VerticalTextAlignment="Center" />
+
+                                        </StackLayout>
+                                    </border:SfBorder>
+                                    <BoxView
+                                        Grid.Row="1"
+                                        Grid.ColumnSpan="2"
+                                        Style="{StaticResource HorizontalSeparatorStyle}" />
                                 </Grid>
                             </ViewCell>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/Navigation/MoviesListPage.xaml.cs b/EssentialUIKit/Views/Navigation/MoviesListPage.xaml.cs
index 093b7e74..07c324f1 100644
--- a/EssentialUIKit/Views/Navigation/MoviesListPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/MoviesListPage.xaml.cs
@@ -1,6 +1,4 @@
-using System;
-using EssentialUIKit.DataService;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -15,91 +13,8 @@ public partial class MoviesListPage
         /// </summary>
         public MoviesListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = MoviesDataService.Instance.MoviesPageViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = false;
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/MoviesPage.xaml b/EssentialUIKit/Views/Navigation/MoviesPage.xaml
new file mode 100644
index 00000000..9ac9ae7e
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/MoviesPage.xaml
@@ -0,0 +1,297 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.MoviesPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    xmlns:rotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="moviesPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+    <ContentPage.Resources>
+        <ResourceDictionary>
+
+            <DataTemplate x:Key="MovieTemplate">
+                <syncEffectsView:SfEffectsView
+                    RippleColor="{DynamicResource Gray-300}"
+                    TouchDownEffects="Ripple"
+                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference moviesPage}}"
+                    TouchUpCommandParameter="{Binding}">
+                    <StackLayout Spacing="8">
+                        <border:SfBorder
+                            BorderColor="{DynamicResource Gray-Bg}"
+                            BorderWidth="1"
+                            CornerRadius="8">
+                            <Image
+                                Aspect="AspectFill"
+                                BackgroundColor="{DynamicResource Gray-200}"
+                                HeightRequest="220"
+                                WidthRequest="150">
+                                <Image.Source>
+                                    <UriImageSource
+                                        CacheValidity="14"
+                                        CachingEnabled="true"
+                                        Uri="{Binding PosterImage}" />
+                                </Image.Source>
+                            </Image>
+                        </border:SfBorder>
+
+                        <Label
+                            FontFamily="Montserrat-SemiBold"
+                            FontSize="14"
+                            LineBreakMode="TailTruncation"
+                            LineHeight="{OnPlatform Android=1.5,
+                                                    Default=-1}"
+                            Text="{Binding MovieName}"
+                            TextColor="{DynamicResource Gray-900}" />
+
+                        <rating:SfRating
+                            HorizontalOptions="Start"
+                            ItemCount="5"
+                            ItemSize="14"
+                            ItemSpacing="1"
+                            ReadOnly="True"
+                            VerticalOptions="Center"
+                            Value="{Binding MovieRating}">
+                            <rating:SfRating.RatingSettings>
+                                <rating:SfRatingSettings
+                                    RatedFill="{StaticResource Gold}"
+                                    RatedStroke="{StaticResource Gold}"
+                                    UnRatedStroke="{StaticResource Gray-600}"
+                                    UnRatedStrokeWidth="1" />
+                            </rating:SfRating.RatingSettings>
+                        </rating:SfRating>
+
+                    </StackLayout>
+                </syncEffectsView:SfEffectsView>
+            </DataTemplate>
+
+            <DataTemplate x:Key="TrailerTemplate">
+                <syncEffectsView:SfEffectsView
+                    RippleColor="{DynamicResource Gray-300}"
+                    TouchDownEffects="Ripple"
+                    TouchUpCommand="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference moviesPage}}"
+                    TouchUpCommandParameter="{Binding}">
+                    <StackLayout Spacing="8">
+                        <border:SfBorder
+                            BorderColor="{DynamicResource Gray-Bg}"
+                            BorderWidth="1"
+                            CornerRadius="8">
+                            <Image
+                                Aspect="AspectFill"
+                                BackgroundColor="{DynamicResource Gray-200}"
+                                HeightRequest="120"
+                                WidthRequest="180">
+                                <Image.Source>
+                                    <UriImageSource
+                                        CacheValidity="14"
+                                        CachingEnabled="true"
+                                        Uri="{Binding PosterImage}" />
+                                </Image.Source>
+                            </Image>
+                        </border:SfBorder>
+
+                        <Label
+                            FontFamily="Montserrat-SemiBold"
+                            FontSize="14"
+                            LineBreakMode="TailTruncation"
+                            LineHeight="{OnPlatform Android=1.5,
+                                                    Default=-1}"
+                            Text="{Binding MovieName}"
+                            TextColor="{DynamicResource Gray-900}" />
+
+                    </StackLayout>
+                </syncEffectsView:SfEffectsView>
+            </DataTemplate>
+
+        </ResourceDictionary>
+    </ContentPage.Resources>
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <controls:TitleView Title="Movies">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference moviesPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                    <controls:TitleView.TrailingView>
+
+                        <!--  Search Button  -->
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.SearchButtonCommand, Source={x:Reference moviesPage}}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Search}" />
+                    </controls:TitleView.TrailingView>
+                </controls:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Content>
+
+        <ScrollView>
+            <Grid
+                ColumnSpacing="0"
+                RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                RowSpacing="0">
+
+                <rotator:SfRotator
+                    Grid.Row="0"
+                    BackgroundColor="{StaticResource Transparent}"
+                    DotsBorderColor="Transparent"
+                    EnableAutoPlay="True"
+                    HeightRequest="210"
+                    HorizontalOptions="StartAndExpand"
+                    ItemsSource="{Binding RotatorMoviesList}"
+                    NavigationDelay="2000"
+                    NavigationDirection="Horizontal"
+                    NavigationStripMode="Dots"
+                    SelectedDotColor="{DynamicResource PrimaryColor}"
+                    UnselectedDotColor="#ebecef"
+                    VerticalOptions="Start">
+                    <rotator:SfRotator.ItemTemplate>
+                        <DataTemplate>
+                            <Image
+                                Aspect="AspectFill"
+                                BackgroundColor="{DynamicResource Gray-200}"
+                                HeightRequest="140">
+                                <Image.Source>
+                                    <UriImageSource
+                                        CacheValidity="14"
+                                        CachingEnabled="true"
+                                        Uri="{Binding PosterImage}" />
+                                </Image.Source>
+                            </Image>
+                        </DataTemplate>
+                    </rotator:SfRotator.ItemTemplate>
+                </rotator:SfRotator>
+
+                <StackLayout
+                    Grid.Row="1"
+                    Margin="16,26,16,8"
+                    Orientation="Horizontal"
+                    VerticalOptions="Start">
+
+                    <Label
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="12"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Text="NOW SHOWING"
+                        TextColor="{DynamicResource Gray-800}"
+                        VerticalTextAlignment="Center" />
+
+                    <buttons:SfButton
+                        Margin="16,0,0,0"
+                        Command="{Binding ShowingNowViewAllCommand}"
+                        FontSize="12"
+                        HeightRequest="38"
+                        HorizontalOptions="EndAndExpand"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL"
+                        VerticalOptions="Center" />
+                </StackLayout>
+
+                <listView:SfListView
+                    Grid.Row="2"
+                    HeightRequest="280"
+                    IsScrollBarVisible="False"
+                    ItemSize="150"
+                    ItemSpacing="8, 0, 8, 0"
+                    ItemTemplate="{StaticResource MovieTemplate}"
+                    ItemsSource="{Binding NowShowingMoviesList}"
+                    Orientation="Horizontal"
+                    SelectionMode="None" />
+
+                <StackLayout
+                    Grid.Row="3"
+                    Margin="16,26,16,8"
+                    Orientation="Horizontal">
+
+                    <Label
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="12"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Text="TRAILERS"
+                        TextColor="{DynamicResource Gray-800}"
+                        VerticalTextAlignment="Center" />
+
+                    <buttons:SfButton
+                        Margin="16,0,0,0"
+                        Command="{Binding TrailerViewAllCommand}"
+                        FontSize="12"
+                        HeightRequest="38"
+                        HorizontalOptions="EndAndExpand"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL"
+                        VerticalOptions="Center" />
+                </StackLayout>
+
+                <listView:SfListView
+                    Grid.Row="4"
+                    HeightRequest="180"
+                    IsScrollBarVisible="False"
+                    ItemSize="180"
+                    ItemSpacing="8, 0, 8, 0"
+                    ItemTemplate="{StaticResource TrailerTemplate}"
+                    ItemsSource="{Binding TrailerMoviesList}"
+                    Orientation="Horizontal"
+                    SelectionMode="None" />
+
+                <StackLayout
+                    Grid.Row="5"
+                    Margin="16,26,16,8"
+                    Orientation="Horizontal">
+
+                    <Label
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="12"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Text="COMING SOON"
+                        TextColor="{DynamicResource Gray-800}"
+                        VerticalTextAlignment="Center" />
+
+                    <buttons:SfButton
+                        Margin="16,0,0,0"
+                        Command="{Binding UpcomingViewAllCommand}"
+                        FontSize="12"
+                        HeightRequest="38"
+                        HorizontalOptions="EndAndExpand"
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL"
+                        VerticalOptions="Center" />
+                </StackLayout>
+
+                <listView:SfListView
+                    Grid.Row="6"
+                    HeightRequest="280"
+                    IsScrollBarVisible="False"
+                    ItemSize="150"
+                    ItemSpacing="8, 0, 8, 0"
+                    ItemTemplate="{StaticResource MovieTemplate}"
+                    ItemsSource="{Binding UpcomingMoviesList}"
+                    Orientation="Horizontal"
+                    SelectionMode="None" />
+
+            </Grid>
+        </ScrollView>
+
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/MoviesPage.xaml.cs b/EssentialUIKit/Views/Navigation/MoviesPage.xaml.cs
new file mode 100644
index 00000000..c634c200
--- /dev/null
+++ b/EssentialUIKit/Views/Navigation/MoviesPage.xaml.cs
@@ -0,0 +1,18 @@
+using EssentialUIKit.DataService;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Navigation
+{
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class MoviesPage : ContentPage
+    {
+        public MoviesPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = MoviesDataService.Instance.MoviesPageViewModel;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/NamesListPage.xaml b/EssentialUIKit/Views/Navigation/NamesListPage.xaml
index 2c8cb409..5c474243 100644
--- a/EssentialUIKit/Views/Navigation/NamesListPage.xaml
+++ b/EssentialUIKit/Views/Navigation/NamesListPage.xaml
@@ -1,102 +1,148 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
-             xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.NamesListPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.NamesListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0" ColumnSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64"/>
-                <RowDefinition Height="1"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"  Padding="8,8" Grid.Row="0"
-                         BackgroundColor="{DynamicResource Gray-White}" Spacing="0"
-                         HorizontalOptions="FillAndExpand" Orientation="Horizontal">
-
-                <StackLayout x:Name="Title" HorizontalOptions="FillAndExpand"  IsVisible="True"
-                             Orientation="Horizontal"  VerticalOptions="FillAndExpand"  Spacing="0">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"  Command="{Binding BackButtonCommand}"
-                                       CommandParameter="{x:Reference backButton}" CornerRadius="4"
-                                       Style="{StaticResource IconButtonStyle}" Text="{StaticResource Back}"/>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
                     <!--  Names List page Title  -->
-                    <Label  Margin="16,0" FontFamily="{StaticResource Montserrat-Medium}" FontSize="16"
-                            HorizontalOptions="CenterAndExpand" TextColor="{DynamicResource Gray-900}"
-                            LineHeight="1.25"  Text="Names List"  VerticalOptions="Center" VerticalTextAlignment="Center" />
-                        
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Names List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
                 </StackLayout>
 
-                <StackLayout  x:Name="Search" HorizontalOptions="EndAndExpand" IsVisible="False"
-                                Orientation="Horizontal" Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle" Clicked="BackToTitle_Clicked"  Text="{StaticResource Back}"
-                                      Style="{StaticResource NavigationBarButtonStyle}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"  BindingContext="{x:Reference NamesList}"
-                                                  Text="{Binding SearchText, Mode=TwoWay}" Placeholder="Search here"
-                                                  HorizontalOptions="FillAndExpand"  Style="{StaticResource SearchEntryStyle}"/>
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference NamesList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton  x:Name="SearchButton" IsVisible="True" Clicked="SearchButton_Clicked" Style="{StaticResource IconButtonStyle }"
-                                   Text="{StaticResource Search}" /> 
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
-            <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
             <StackLayout Grid.Row="2" Spacing="0">
-                <controls:SearchableContactsList x:Name="NamesList"  IsScrollBarVisible="False"
-                                                       AllowSwiping="True" AutoFitMode="Height" ItemSpacing="0"
-                                                       AllowGroupExpandCollapse="False" SelectionGesture="Tap"
-                                                       SelectionMode="Single" VerticalOptions="FillAndExpand"
-                                                       SearchText="{Binding SearchText}" TapCommand="{Binding ItemTappedCommand}"
-                                                       ItemsSource="{Binding NamesList}" SelectionBackgroundColor="Transparent">
+                <controls:SearchableContactsList
+                    x:Name="NamesList"
+                    AllowGroupExpandCollapse="False"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding NamesList}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableContactsList.DataSource>
                         <data:DataSource>
                             <data:DataSource.SortDescriptors>
-                                <data:SortDescriptor PropertyName="name" Direction="Ascending"/>
+                                <data:SortDescriptor Direction="Ascending" PropertyName="name" />
                             </data:DataSource.SortDescriptors>
                         </data:DataSource>
                     </controls:SearchableContactsList.DataSource>
 
-                    <!-- Group Header -->
+                    <!--  Group Header  -->
                     <controls:SearchableContactsList.GroupHeaderTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <StackLayout Spacing="0" Orientation="Horizontal" HeightRequest="40" 
-                                                 BackgroundColor="{DynamicResource Gray-100}">
-                                        <Label Text="{Binding Key}"  FontSize="16" Margin="16,8"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               TextColor="{DynamicResource Gray-900}"
-                                               VerticalOptions="Center" HorizontalOptions="Start"/>
+                                    <StackLayout
+                                        BackgroundColor="{DynamicResource Gray-100}"
+                                        HeightRequest="40"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+                                        <Label
+                                            Margin="16,8"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding Key}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
 
                                     </StackLayout>
                                 </ViewCell.View>
@@ -105,25 +151,31 @@
                     </controls:SearchableContactsList.GroupHeaderTemplate>
 
                     <controls:SearchableContactsList.Behaviors>
-                        <behavior:ContactsListViewBehavior/>
+                        <behavior:ContactsListViewBehavior />
                     </controls:SearchableContactsList.Behaviors>
 
                     <controls:SearchableContactsList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <Grid RowSpacing="0" ColumnSpacing="0">
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="48"/>
-                                            <RowDefinition Height="1"/>
-                                        </Grid.RowDefinitions>
-
-                                            <Label Text="{Binding Name}" FontSize="16" Grid.Row="0" Margin="16,12"
-                                                   VerticalOptions="Center" HorizontalOptions="Start" VerticalTextAlignment="Center"
-                                                   FontFamily="{StaticResource Montserrat-Medium}" 
-                                                   LineHeight="{OnPlatform Android=1.5,
-                                                   Default=-1}"  TextColor="{DynamicResource Gray-900}"/>
-                                        <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+                                    <Grid
+                                        ColumnSpacing="0"
+                                        RowDefinitions="48, 1"
+                                        RowSpacing="0">
+
+                                        <Label
+                                            Grid.Row="0"
+                                            Margin="16,12"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HorizontalOptions="Start"
+                                            LineHeight="{OnPlatform Android=1.5,
+                                                                    Default=-1}"
+                                            Text="{Binding Name}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center"
+                                            VerticalTextAlignment="Center" />
+                                        <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
                                     </Grid>
                                 </ViewCell.View>
                             </ViewCell>
diff --git a/EssentialUIKit/Views/Navigation/NamesListPage.xaml.cs b/EssentialUIKit/Views/Navigation/NamesListPage.xaml.cs
index b6e32a26..0d7ba557 100644
--- a/EssentialUIKit/Views/Navigation/NamesListPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/NamesListPage.xaml.cs
@@ -1,8 +1,6 @@
-using System;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Navigation
 {
@@ -11,94 +9,12 @@ namespace EssentialUIKit.Views.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class NamesListPage 
+    public partial class NamesListPage
     {
         public NamesListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = NamesListDataService.Instance.NamesListViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>x
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = false;
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml b/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml
index b7bb2c28..1ce84354 100644
--- a/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml
+++ b/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml
@@ -3,58 +3,72 @@
     x:Class="EssentialUIKit.Views.Navigation.NavigationListCardPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
-    BackgroundColor="{DynamicResource Gray-White}"
+    x:Name="NavigationListCard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *">
 
             <!--  Title View  -->
-            <controls:TitleView Title="Home" Grid.Row="0" />
+            <controls:TitleView Title="Home" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference navigationList}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
+            </controls:TitleView>
 
             <StackLayout Grid.Row="1" Spacing="0">
 
                 <listView:SfListView
+                    x:Name="navigationList"
                     Padding="15,0,10,0"
                     AutoFitMode="Height"
                     IsScrollBarVisible="false"
-                    ItemSpacing="0,27,0,0"
                     ItemsSource="{Binding NavigationList}"
                     SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemTappedCommand}"
                     VerticalOptions="FillAndExpand">
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <!--  View of each card item  -->
                                 <controls:CustomShadowFrame
-                                    Margin="0,2,5,5"
+                                    Margin="2,27,5,5"
                                     Padding="0"
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{DynamicResource Gray-White}"
+                                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                                    BorderColor="{DynamicResource GrayShadowColor}"
                                     BorderWidth="1"
                                     CornerRadius="4"
                                     HasShadow="True"
                                     HorizontalOptions="FillAndExpand"
+                                    Radius="4"
                                     VerticalOptions="FillAndExpand">
-                                    <template:NavigationListTemplate />
+
+                                    <syncEffectsView:SfEffectsView
+                                        RippleColor="{DynamicResource Gray-300}"
+                                        TouchDownEffects="Ripple"
+                                        TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference NavigationListCard}}"
+                                        TouchUpCommandParameter="{Binding}">
+
+                                        <border:SfBorder
+                                            BorderColor="Transparent"
+                                            BorderWidth="0"
+                                            CornerRadius="4">
+                                            <template:NavigationListTemplate />
+                                        </border:SfBorder>
+
+                                    </syncEffectsView:SfEffectsView>
                                 </controls:CustomShadowFrame>
                             </ViewCell>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml.cs b/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml.cs
index 792ece14..16eec1d8 100644
--- a/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/NavigationListCardPage.xaml.cs
@@ -10,7 +10,7 @@ public partial class NavigationListCardPage
     {
         public NavigationListCardPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = NavigationDataService.Instance.NavigationViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml b/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml
index b32a598f..92ab61ed 100644
--- a/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml
+++ b/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml
@@ -3,59 +3,74 @@
     x:Class="EssentialUIKit.Views.Navigation.NavigationTileCardPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
-    BackgroundColor="{DynamicResource Gray-White}"
+    x:Name="NavigationTileCard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, *">
 
             <!--  Title View  -->
-            <controls:TitleView Title="Home" Grid.Row="0" />
+            <controls:TitleView Title="Home" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference navigationList}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
+            </controls:TitleView>
 
-            <Grid Grid.Row="1" Padding="{core:OnPlatformOrientationThickness Default='16,0,11,0', TabletPortrait='24,16,20,0', TabletLandscape='24,16,20,0', Desktop='24,24,20,0'}">
+            <Grid Grid.Row="1" Padding="{core:OnPlatformOrientationThickness Default='11,0', TabletPortrait='20,16,20,0', TabletLandscape='20,16,20,0', Desktop='20,24,20,0'}">
 
                 <listView:SfListView
+                    x:Name="navigationList"
                     AutoFitMode="Height"
                     IsScrollBarVisible="false"
                     ItemSpacing="{core:OnPlatformOrientationThickness PhonePortrait='0,11,0,0',
                                                                       PhoneLandscape='0,11,0,0',
                                                                       Default='0,0,27,27'}"
                     ItemsSource="{Binding NavigationList}"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemTappedCommand}">
+                    SelectionBackgroundColor="Transparent">
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <!--  View of each tile item  -->
                                 <controls:CustomShadowFrame
-                                    Margin="0,2,5,5"
+                                    Margin="5,2,5,5"
                                     Padding="0"
-                                    BackgroundColor="{DynamicResource Gray-White}"
-                                    BorderColor="{DynamicResource Gray-White}"
+                                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                                    BorderColor="{DynamicResource GrayShadowColor}"
                                     BorderWidth="1"
                                     CornerRadius="4"
                                     HasShadow="True"
                                     HorizontalOptions="FillAndExpand"
+                                    Radius="4"
                                     VerticalOptions="FillAndExpand">
-                                    <template:NavigationTileTemplate />
+
+                                    <syncEffectsView:SfEffectsView
+                                        RippleColor="{DynamicResource Gray-300}"
+                                        TouchDownEffects="Ripple"
+                                        TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference NavigationTileCard}}"
+                                        TouchUpCommandParameter="{Binding}">
+
+                                        <border:SfBorder
+                                            BorderColor="Transparent"
+                                            BorderWidth="0"
+                                            CornerRadius="4">
+                                            <template:NavigationTileTemplate />
+                                        </border:SfBorder>
+                                    </syncEffectsView:SfEffectsView>
+
                                 </controls:CustomShadowFrame>
                             </ViewCell>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml.cs b/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml.cs
index 04248620..a4729eac 100644
--- a/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/NavigationTileCardPage.xaml.cs
@@ -10,7 +10,7 @@ public partial class NavigationTileCardPage
     {
         public NavigationTileCardPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = NavigationDataService.Instance.NavigationViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Navigation/PhotosPage.xaml b/EssentialUIKit/Views/Navigation/PhotosPage.xaml
index 6bf716ba..9027c0be 100644
--- a/EssentialUIKit/Views/Navigation/PhotosPage.xaml
+++ b/EssentialUIKit/Views/Navigation/PhotosPage.xaml
@@ -1,64 +1,47 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             x:Class="EssentialUIKit.Views.Navigation.PhotosPage"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
-             xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.PhotosPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="photosPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
     <ContentPage.Content>
         <StackLayout>
-            <Grid Padding="10,10,10,5">
+            <!--  Title View  -->
+            <controls:TitleView Title="Photos" Grid.Row="0">
+                <controls:TitleView.LeadingView>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference listView}}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
+                </controls:TitleView.LeadingView>
+                <controls:TitleView.TrailingView>
+                    <StackLayout HorizontalOptions="End" Orientation="Horizontal">
+                        <buttons:SfButton
+                            Command="{Binding BindingContext.EditCommand, Source={x:Reference listView}}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Edit}" />
+                    </StackLayout>
+                </controls:TitleView.TrailingView>
+            </controls:TitleView>
 
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
-
-                <!--  Title  -->
-                <Label
-                    FontFamily="{StaticResource Montserrat-Medium}"
-                    FontSize="16"
-                    HorizontalOptions="CenterAndExpand"
-                    LineHeight="{OnPlatform Android=1.5,
-                                            Default=-1}"
-                    Text="Photos"
-                    TextColor="{DynamicResource Gray-900}"
-                    VerticalOptions="Center" />
-
-                <!--  Add button  -->
-                <buttons:SfButton
-                    Padding="0"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    Command="{Binding EditCommand}"
-                    CornerRadius="5"
-                    FontFamily="{StaticResource FontIcons}"
-                    FontSize="18"
-                    HorizontalOptions="End"
-                    Text="{StaticResource EditIcon}"
-                    TextColor="{DynamicResource Gray-600}"
-                    VerticalOptions="Center"
-                    WidthRequest="40" />
-
-            </Grid>
-            
-            <BoxView Style="{StaticResource BoxViewStyle}" />
-
-            <listView:SfListView ItemsSource="{Binding Photos}" 
-                                 Padding="15,0,15,15"
-                                 ItemSize="90" 
-                                 ItemSpacing="4"  
-                                 IsScrollBarVisible="False"
-                                 SelectionBackgroundColor="Transparent"              
-                                 TapCommand="{Binding ImageTapCommand}">
+            <listView:SfListView
+                x:Name="listView"
+                Padding="15,0,15,15"
+                IsScrollBarVisible="False"
+                ItemSize="90"
+                ItemSpacing="4"
+                ItemsSource="{Binding Photos}"
+                SelectionBackgroundColor="Transparent">
 
                 <listView:SfListView.DataSource>
                     <data:DataSource>
@@ -71,40 +54,53 @@
                 <listView:SfListView.GroupHeaderTemplate>
                     <DataTemplate>
                         <StackLayout Orientation="Horizontal">
-                            <Label Text="{Binding Key,StringFormat='{0:MMMM dd, yyyy}'}" 
-                                   FontFamily="{StaticResource Montserrat-SemiBold}"
-                                   FontSize="12"
-                                   Margin="0,5,0,0"
-                                   LineHeight="{OnPlatform Android=1.25,
+                            <Label
+                                Margin="0,5,0,0"
+                                FontFamily="Montserrat-SemiBold"
+                                FontSize="12"
+                                HorizontalOptions="StartAndExpand"
+                                LineHeight="{OnPlatform Android=1.25,
                                                         Default=-1}"
-                                   TextColor="{DynamicResource Gray-800}"
-                                   VerticalOptions="Center"
-                                   HorizontalOptions="StartAndExpand"/>
+                                Text="{Binding Key, StringFormat='{0:MMMM dd, yyyy}'}"
+                                TextColor="{DynamicResource Gray-800}"
+                                VerticalOptions="Center" />
                         </StackLayout>
                     </DataTemplate>
                 </listView:SfListView.GroupHeaderTemplate>
 
                 <listView:SfListView.ItemTemplate>
                     <DataTemplate>
-                        <Grid BackgroundColor="{DynamicResource Gray-200}">
-                            <Image Aspect="Fill"
-                                   BackgroundColor="{DynamicResource Gray-200}"
-                                   HeightRequest="90" 
-                                   WidthRequest="114">
-                                  <Image.Source>
-                                      <UriImageSource Uri="{Binding ImageURL}"
-                                                      CacheValidity="14"
-                                                      CachingEnabled="true"/>
-                                </Image.Source>
-                            </Image>
-                        </Grid>
+                        <syncEffectsView:SfEffectsView
+                            RippleColor="{DynamicResource Gray-300}"
+                            TouchDownEffects="Ripple"
+                            TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference photosPage}}"
+                            TouchUpCommandParameter="{Binding}">
+                            <Grid BackgroundColor="{DynamicResource Gray-200}">
+                                <Image
+                                    Aspect="AspectFill"
+                                    BackgroundColor="{DynamicResource Gray-200}"
+                                    HeightRequest="90"
+                                    WidthRequest="114">
+                                    <Image.Source>
+                                        <UriImageSource
+                                            CacheValidity="14"
+                                            CachingEnabled="true"
+                                            Uri="{Binding GalleryImage}" />
+                                    </Image.Source>
+                                </Image>
+                            </Grid>
+                        </syncEffectsView:SfEffectsView>
                     </DataTemplate>
                 </listView:SfListView.ItemTemplate>
 
                 <listView:SfListView.LayoutManager>
-                    <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3,PhoneLandscape=5,TabletPortrait=6,TabletLandscape=10,Desktop=10}"/>
+                    <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
                 </listView:SfListView.LayoutManager>
             </listView:SfListView>
+
+            <!--  Separator  -->
+            <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+
         </StackLayout>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/PhotosPage.xaml.cs b/EssentialUIKit/Views/Navigation/PhotosPage.xaml.cs
index 3f90ff34..64564923 100644
--- a/EssentialUIKit/Views/Navigation/PhotosPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/PhotosPage.xaml.cs
@@ -1,4 +1,5 @@
 using EssentialUIKit.DataService;
+using Syncfusion.ListView.XForms;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -11,9 +12,29 @@ public partial class PhotosPage : ContentPage
     {
         public PhotosPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
 
             this.BindingContext = PhotosDataService.Instance.PhotosViewModel;
         }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 5;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/RestaurantPage.xaml b/EssentialUIKit/Views/Navigation/RestaurantPage.xaml
index ad53f68e..f2d6b384 100644
--- a/EssentialUIKit/Views/Navigation/RestaurantPage.xaml
+++ b/EssentialUIKit/Views/Navigation/RestaurantPage.xaml
@@ -1,44 +1,38 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"            
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"         
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False"
-             x:Class="EssentialUIKit.Views.Navigation.RestaurantPage">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.RestaurantPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
+    x:Name="restaurantPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.BindingContext>
         <viewModel:RestaurantViewModel />
     </ContentPage.BindingContext>
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid RowSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
 
-            <StackLayout x:Name="TitleView"
-                Padding="16,8"
+            <StackLayout
+                x:Name="TitleView"
                 Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
 
-                <StackLayout  x:Name="Title"
+                <StackLayout
+                    x:Name="TitleLayout"
                     HorizontalOptions="FillAndExpand"
                     IsVisible="True"
                     Orientation="Horizontal"
@@ -46,149 +40,95 @@
                     VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton x:Name="backButton"
+                    <buttons:SfButton
+                        x:Name="backButton"
                         Command="{Binding BackButtonCommand}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
 
                     <!--  Restaurant page Title  -->
-                    <Label Margin="16,0"
-                        HeightRequest="24"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="1.25"
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Restaurants"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout x:Name="Search"
+                <StackLayout
+                    x:Name="Search"
                     HorizontalOptions="EndAndExpand"
                     IsVisible="False"
                     Orientation="Horizontal"
                     Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle"
-                        Clicked="BackToTitle_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
 
-                        <controls:BorderlessEntry x:Name="SearchEntry"
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
                             BindingContext="{x:Reference RestaurantList}"
                             HorizontalOptions="FillAndExpand"
                             Placeholder="Search here"
-                            Text="{Binding SearchText, Mode=TwoWay}"
-                            Style="{StaticResource SearchEntryStyle}"/>
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
 
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
+                <buttons:SfButton
+                    x:Name="SearchButton"
                     IsVisible="True"
-                    Clicked="SearchButton_Clicked"
-                    Style="{StaticResource NavigationBarButtonStyle }"
-                    Text="{StaticResource Search}" />
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
 
-                <!--  Separator  -->
-            <BoxView   Grid.Row="1" Style="{StaticResource SeparatorStyle}" />
+            <!--  Separator  -->
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
-            <StackLayout Grid.Row="2"  Spacing="0" >
+            <StackLayout Grid.Row="2" Spacing="0">
 
-                <controls:SearchableRestaurantPage  x:Name="RestaurantList"
+                <controls:SearchableRestaurantPage
+                    x:Name="RestaurantList"
                     Padding="0"
                     AutoFitMode="Height"
                     IsScrollBarVisible="false"
                     ItemSpacing="0"
                     ItemsSource="{Binding NavigationList}"
                     SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemTappedCommand}"
-                    VerticalOptions="FillAndExpand"
-                    StickyFooterPosition="Body">
+                    StickyFooterPosition="Body"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableRestaurantPage.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                <!--  View of each card item  -->
-                                <StackLayout BackgroundColor="{DynamicResource Gray-White}" Spacing="0">
-
-                                    <Grid Margin="16,8,8,8"  ColumnSpacing="0" RowSpacing="0" >
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto"/>
-                                            <ColumnDefinition Width="*"/>
-                                            <ColumnDefinition Width="Auto"/>
-                                        </Grid.ColumnDefinitions>
-
-                                        <border:SfBorder  BackgroundColor="{DynamicResource Gray-200}"
-                                            Style="{StaticResource ProfileBorderStyle}" HorizontalOptions="Start">
-                                            <Image HeightRequest="80" WidthRequest="80" BackgroundColor="{DynamicResource Gray-200}" 
-                                                   Aspect="AspectFill" >
-                                                <Image.Source>
-                                                    <UriImageSource
-                                                             CacheValidity="14"
-                                                             CachingEnabled="true"
-                                                             Uri="{Binding ItemImage}"/>
-                                                </Image.Source>
-                                            </Image>
-                                        </border:SfBorder>
-
-                                        <StackLayout Grid.Column="1"
-                                            Margin="16,5"
-                                            HorizontalOptions="Start"
-                                            Spacing="2"
-                                            VerticalOptions="FillAndExpand">
-
-                                                <!--  Name of the Restaurant  -->
-                                                <Label 
-                                                    FontFamily="{StaticResource Montserrat-Medium}"
-                                                    FontSize="16" 
-                                                    LineHeight="{OnPlatform Android=1.5,
-                                                                             Default=-1}"
-                                                    Text="{Binding Name}"
-                                                    TextColor="{DynamicResource Gray-800}" />
-
-                                                <!--  Description about the item  -->
-                                                <Label 
-                                                    FontFamily="{StaticResource Montserrat-Medium}"
-                                                    FontSize="14"
-                                                    LineHeight="{OnPlatform Android=1.25,
-                                                                        Default=-1}"
-                                                    Text="{Binding Description}"
-                                                    TextColor="{DynamicResource Gray-700}" />
-
-                                                <!--  Label for Offer  -->
-                                                <Label 
-                                                     FontFamily="{StaticResource Montserrat-Medium}"
-                                                     FontSize="14"
-                                                     LineHeight="{OnPlatform Android=1.25,
-                                                     Default=-1}"
-                                                     Text="{Binding Offer}"
-                                                     TextColor="{DynamicResource PrimaryColor}" />
-                                        </StackLayout>
-
-                                            <border:SfBorder BackgroundColor="{DynamicResource LightGreen}" WidthRequest="24" HeightRequest="20"
-                                                      HorizontalOptions="End" Margin="0,8,0,0" VerticalOptions="Start"
-                                                      Grid.Column="2" CornerRadius="4" BorderColor="Transparent">
-                                                <Label  FontFamily="{StaticResource Montserrat-Medium}" 
-                                                        Text="{Binding ItemRating}" HorizontalOptions="Center"
-                                                        FontSize="12" LineHeight="{OnPlatform Android=1.5,
-                                                        Default=-1}" TextColor="{DynamicResource Gray-White}" VerticalTextAlignment="Center" />
-                                            </border:SfBorder>
-                                    </Grid>
-                                    <!--  Separator -->
-                                    <BoxView Style="{StaticResource SeparatorStyle}" />
-                                </StackLayout>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference restaurantPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <template:RestaurantCardTemplate />
+                                </syncEffectsView:SfEffectsView>
                             </ViewCell>
                         </DataTemplate>
                     </controls:SearchableRestaurantPage.ItemTemplate>
diff --git a/EssentialUIKit/Views/Navigation/RestaurantPage.xaml.cs b/EssentialUIKit/Views/Navigation/RestaurantPage.xaml.cs
index 406f7185..e3fab192 100644
--- a/EssentialUIKit/Views/Navigation/RestaurantPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/RestaurantPage.xaml.cs
@@ -1,5 +1,4 @@
 using EssentialUIKit.DataService;
-using System;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -15,89 +14,8 @@ public partial class RestaurantPage : ContentPage
     {
         public RestaurantPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = RestaurantDataService.Instance.RestaurantViewModel;
         }
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml b/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml
index a79df41e..84637b3d 100644
--- a/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml
+++ b/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml
@@ -1,101 +1,148 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
-             xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.SelectableNamePage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.SelectableNamePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors.Navigation"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:data="clr-namespace:Syncfusion.DataSource;assembly=Syncfusion.DataSource.Portable"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:searchBehavior="clr-namespace:EssentialUIKit.Behaviors"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0" ColumnSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto"/>
-                <RowDefinition Height="Auto"/>
-                <RowDefinition Height="*"/>
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"  Padding="8,8" Grid.Row="0"
-                         BackgroundColor="{DynamicResource Gray-White}" Spacing="0"
-                         HorizontalOptions="FillAndExpand" Orientation="Horizontal" HeightRequest="64">
-
-                <StackLayout x:Name="Title" HorizontalOptions="FillAndExpand"  IsVisible="True"
-                             Orientation="Horizontal"  VerticalOptions="FillAndExpand"  Spacing="0">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
+                Grid.Row="0"
+                Padding="8,8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
+                HorizontalOptions="FillAndExpand"
+                Orientation="Horizontal"
+                Spacing="0">
+
+                <StackLayout
+                    x:Name="TitleLayout"
+                    HorizontalOptions="FillAndExpand"
+                    IsVisible="True"
+                    Orientation="Horizontal"
+                    Spacing="0"
+                    VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"  Command="{Binding BackButtonCommand}"
-                                       CommandParameter="{x:Reference backButton}" CornerRadius="4"
-                                       Style="{StaticResource IconButtonStyle}" Text="{StaticResource Back}"/>
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
                     <!--  Selectable Name page Title  -->
-                    <Label  Margin="16,0" FontFamily="{StaticResource Montserrat-Medium}" FontSize="16"
-                            HorizontalOptions="CenterAndExpand" TextColor="{DynamicResource Gray-900}"
-                            LineHeight="1.25"  Text="Selectable Name List"  VerticalOptions="Center" VerticalTextAlignment="Center" />
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Selectable Name List"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout  x:Name="Search" HorizontalOptions="EndAndExpand" IsVisible="False"
-                                Orientation="Horizontal" Spacing="0">
+                <StackLayout
+                    x:Name="Search"
+                    HorizontalOptions="EndAndExpand"
+                    IsVisible="False"
+                    Orientation="Horizontal"
+                    Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle" Clicked="BackToTitle_Clicked"  Text="{StaticResource Back}"
-                                      Style="{StaticResource NavigationBarButtonStyle}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <searchBehavior:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
-                        <controls:BorderlessEntry x:Name="SearchEntry"  BindingContext="{x:Reference SelectableNameList }"
-                                                  Text="{Binding SearchText, Mode=TwoWay}" Placeholder="Search here"
-                                                  HorizontalOptions="FillAndExpand"  Style="{StaticResource SearchEntryStyle}"/>
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
+                            BindingContext="{x:Reference SelectableNameList}"
+                            HorizontalOptions="FillAndExpand"
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton  x:Name="SearchButton" IsVisible="True" Clicked="SearchButton_Clicked" Style="{StaticResource IconButtonStyle }"
-                                   Text="{StaticResource Search}" />
+                <buttons:SfButton
+                    x:Name="SearchButton"
+                    IsVisible="True"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <searchBehavior:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
-            <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+            <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
             <StackLayout Grid.Row="2" Spacing="0">
-                <controls:SearchableContactsList x:Name="SelectableNameList" IsScrollBarVisible="False"
-                                                       AllowSwiping="True" AutoFitMode="Height" ItemSpacing="0"
-                                                       AllowGroupExpandCollapse="False" SelectionGesture="Tap"
-                                                       SelectionMode="Single" VerticalOptions="FillAndExpand"
-                                                       SearchText="{Binding SearchText}" TapCommand="{Binding ItemTappedCommand}"
-                                                       ItemsSource="{Binding SelectableName}" SelectionBackgroundColor="Transparent">
+                <controls:SearchableContactsList
+                    x:Name="SelectableNameList"
+                    AllowGroupExpandCollapse="False"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding SelectableName}"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="Transparent"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <controls:SearchableContactsList.DataSource>
                         <data:DataSource>
                             <data:DataSource.SortDescriptors>
-                                <data:SortDescriptor PropertyName="name" Direction="Ascending"/>
+                                <data:SortDescriptor Direction="Ascending" PropertyName="name" />
                             </data:DataSource.SortDescriptors>
                         </data:DataSource>
                     </controls:SearchableContactsList.DataSource>
 
-                    <!-- Group Header -->
+                    <!--  Group Header  -->
                     <controls:SearchableContactsList.GroupHeaderTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <StackLayout Spacing="0" Orientation="Horizontal" HeightRequest="40" 
-                                                 BackgroundColor="{DynamicResource Gray-100}">
-                                        <Label Text="{Binding Key}"  FontSize="16" Margin="16,8"
-                                               FontFamily="{StaticResource Montserrat-Medium}"
-                                               TextColor="{DynamicResource Gray-900}"
-                                               VerticalOptions="Center" HorizontalOptions="Start"/>
+                                    <StackLayout
+                                        BackgroundColor="{DynamicResource Gray-100}"
+                                        HeightRequest="40"
+                                        Orientation="Horizontal"
+                                        Spacing="0">
+                                        <Label
+                                            Margin="16,8"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HorizontalOptions="Start"
+                                            Text="{Binding Key}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
 
                                     </StackLayout>
                                 </ViewCell.View>
@@ -104,24 +151,33 @@
                     </controls:SearchableContactsList.GroupHeaderTemplate>
 
                     <controls:SearchableContactsList.Behaviors>
-                        <behavior:ContactsListViewBehavior/>
+                        <behavior:ContactsListViewBehavior />
                     </controls:SearchableContactsList.Behaviors>
 
                     <controls:SearchableContactsList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
                                 <ViewCell.View>
-                                    <Grid RowSpacing="0" ColumnSpacing="0">
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="Auto"/>
-                                            <RowDefinition Height="Auto"/>
-                                        </Grid.RowDefinitions>
-
-                                        <buttons:SfCheckBox Grid.Row="0" HeightRequest="48" Text="{Binding Name}" Margin="16,0" HorizontalOptions="Start"
-                                                            VerticalOptions="Center" TextColor="{DynamicResource Gray-900}" IsChecked="{Binding IsSelected, Mode=TwoWay}"
-                                                            CornerRadius="2" BorderWidth="1" FontFamily="{DynamicResource Montserrat-Medium}"
-                                                            UncheckedColor="{DynamicResource Gray-300}" FontSize="16"/>
-                                        <BoxView Grid.Row="1" Style="{StaticResource SeparatorStyle}"/>
+                                    <Grid
+                                        ColumnSpacing="0"
+                                        RowDefinitions="Auto, Auto"
+                                        RowSpacing="0">
+
+                                        <buttons:SfCheckBox
+                                            Grid.Row="0"
+                                            Margin="16,0"
+                                            BorderWidth="1"
+                                            CornerRadius="2"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="16"
+                                            HeightRequest="48"
+                                            HorizontalOptions="Start"
+                                            IsChecked="{Binding IsSelected, Mode=TwoWay}"
+                                            Style="{StaticResource CheckBoxStyle}"
+                                            Text="{Binding Name}"
+                                            TextColor="{DynamicResource Gray-900}"
+                                            VerticalOptions="Center" />
+                                        <BoxView Grid.Row="1" Style="{StaticResource HorizontalSeparatorStyle}" />
                                     </Grid>
                                 </ViewCell.View>
                             </ViewCell>
diff --git a/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml.cs b/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml.cs
index 629d133d..303960db 100644
--- a/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/SelectableNamePage.xaml.cs
@@ -1,6 +1,5 @@
-using System;
-using EssentialUIKit.DataService;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
+using EssentialUIKit.ViewModels.Navigation;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -15,90 +14,24 @@ public partial class SelectableNamePage
     {
         public SelectableNamePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = SelectableNamePageDataService.Instance.SelectableNamePage;
         }
 
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>x
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
+        protected override void OnAppearing()
         {
-            base.OnSizeAllocated(width, height);
+            base.OnAppearing();
 
-            if (width > height)
+            // Setting IsSelected property to false at entry time.
+            if (this.BindingContext is SelectableNamePageViewModel)
             {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = false;
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
+                var viewModel = this.BindingContext as SelectableNamePageViewModel;
 
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
+                foreach (var item in viewModel.SelectableName)
                 {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
+                    item.IsSelected = false;
+                }
             }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SettingsPage.xaml b/EssentialUIKit/Views/Navigation/SettingsPage.xaml
index e2767d96..aa82927c 100644
--- a/EssentialUIKit/Views/Navigation/SettingsPage.xaml
+++ b/EssentialUIKit/Views/Navigation/SettingsPage.xaml
@@ -1,109 +1,172 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             x:Class="EssentialUIKit.Views.Navigation.SettingsPage" 
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml"/>
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.SettingsPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
+    x:Name="settings"
+    BackgroundColor="{DynamicResource Gray-100}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.BindingContext>
+        <viewModel:SettingsViewModel />
+    </ContentPage.BindingContext>
+
     <ContentPage.Content>
-      <ScrollView>
-        <Grid>
-          <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-          </Grid.RowDefinitions>
-          <Label Grid.Row="0"
-                  FontFamily="{StaticResource Montserrat-Medium}"
-                  FontSize="16"
-                  Margin="0,4,0,0"
-                  HeightRequest="45"  
-                  VerticalTextAlignment="Center"
-                  HorizontalOptions="CenterAndExpand"
-                  LineHeight="{OnPlatform Android=1.5,
-                                            Default=-1}"
-                  Text="Settings"
-                  TextColor="{DynamicResource Gray-900}"
-                  VerticalOptions="Center" />
+        <ScrollView>
+            <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, *" RowSpacing="0">
+
+                <!--  Title View  -->
+                <controls:TitleView Title="Settings">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference settings}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
+
+                <BoxView
+                    Grid.Row="1"
+                    BackgroundColor="{DynamicResource Gray-100}"
+                    HeightRequest="16" />
+
+                <Grid
+                    Grid.Row="2"
+                    Padding="16,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}">
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        HeightRequest="48"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Backup automatically"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+
+                    <buttons:SfSwitch
+                        AllowIndeterminateState="False"
+                        HeightRequest="30"
+                        HorizontalOptions="EndAndExpand"
+                        VisualType="Cupertino">
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="CommonStates">
+                                <VisualState x:Name="On">
+                                    <VisualState.Setters>
+                                        <Setter Property="SwitchSettings">
+                                            <Setter.Value>
+                                                <buttons:CupertinoSwitchSettings
+                                                    x:TypeArguments="buttons:OnState"
+                                                    ThumbBorderColor="{DynamicResource Gray-White}"
+                                                    ThumbColor="{DynamicResource Gray-White}"
+                                                    TrackBorderColor="{DynamicResource Gray-200}"
+                                                    TrackColor="{DynamicResource PrimaryColor}" />
+                                            </Setter.Value>
+                                        </Setter>
+                                    </VisualState.Setters>
+                                </VisualState>
+                                <VisualState x:Name="Off">
+                                    <VisualState.Setters>
+                                        <Setter Property="SwitchSettings">
+                                            <Setter.Value>
+                                                <buttons:CupertinoSwitchSettings
+                                                    x:TypeArguments="buttons:OffState"
+                                                    ThumbBorderColor="{DynamicResource Gray-300}"
+                                                    ThumbColor="{DynamicResource Gray-White}"
+                                                    TrackBorderColor="{DynamicResource Gray-300}"
+                                                    TrackColor="{DynamicResource Gray-300}" />
+                                            </Setter.Value>
+                                        </Setter>
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                    </buttons:SfSwitch>
+                </Grid>
+
+                <BoxView Grid.Row="3" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+                <controls:TapAnimationGrid
+                    Grid.Row="4"
+                    Padding="16,0,4,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding BindingContext.DownloadCommand, Source={x:Reference settings}}"
+                    HeightRequest="48">
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Download quality"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        Command="{Binding BindingContext.DownloadCommand, Source={x:Reference settings}}"
+                        FontSize="16"
+                        HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Next}" />
+                </controls:TapAnimationGrid>
+
+                <BoxView Grid.Row="5" Style="{StaticResource HorizontalSeparatorStyle}" />
+
+                <controls:TapAnimationGrid
+                    Grid.Row="6"
+                    Padding="16,0,4,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding BindingContext.ShowFilesCommand, Source={x:Reference settings}}"
+                    HeightRequest="48">
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Show hidden files"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        Command="{Binding BindingContext.ShowFilesCommand, Source={x:Reference settings}}"
+                        FontSize="16"
+                        HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Next}" />
+                </controls:TapAnimationGrid>
+
+                <BoxView Grid.Row="7" Style="{StaticResource HorizontalSeparatorStyle}" />
 
-          <BoxView Grid.Row="1" Style="{StaticResource BoxViewStyle}" />
+                <controls:TapAnimationGrid
+                    Grid.Row="8"
+                    Padding="16,0,4,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding BindingContext.PolicyCommand, Source={x:Reference settings}}"
+                    HeightRequest="48">
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Privacy Policy"
+                        VerticalOptions="Center"
+                        VerticalTextAlignment="Center" />
+                    <buttons:SfButton
+                        Command="{Binding BindingContext.PolicyCommand, Source={x:Reference settings}}"
+                        FontSize="16"
+                        HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Next}" />
+                </controls:TapAnimationGrid>
 
-          <Label Grid.Row="2" Style="{StaticResource SettingsLabelStyle}" Text="Backup automatically"/>
+                <!--  Separator  -->
+                <BoxView Grid.Row="9" Style="{StaticResource HorizontalSeparatorStyle}" />
 
-          <buttons:SfSwitch Grid.Row="2"
-                      HorizontalOptions="EndAndExpand"
-                      AllowIndeterminateState="False"
-                      HeightRequest="30"
-                      VisualType="Cupertino">
-            <VisualStateManager.VisualStateGroups>
-              <VisualStateGroup x:Name="CommonStates">
-                <VisualState x:Name="On">
-                  <VisualState.Setters>
-                    <Setter Property="SwitchSettings">
-                      <Setter.Value>
-                        <buttons:CupertinoSwitchSettings
-                                    x:TypeArguments="buttons:OnState"
-                                    ThumbBorderColor="{DynamicResource Gray-200}"
-                                    ThumbColor="{DynamicResource Gray-White}"
-                                    TrackBorderColor="{DynamicResource Gray-200}"
-                                    TrackColor="{DynamicResource PrimaryColor}" />
-                      </Setter.Value>
-                    </Setter>
-                  </VisualState.Setters>
-                </VisualState>
-                <VisualState x:Name="Off">
-                  <VisualState.Setters>
-                    <Setter Property="SwitchSettings">
-                      <Setter.Value>
-                        <buttons:CupertinoSwitchSettings
-                                    x:TypeArguments="buttons:OffState"
-                                    ThumbBorderColor="{DynamicResource Gray-200}"
-                                    ThumbColor="{DynamicResource Gray-White}"
-                                    TrackBorderColor="{DynamicResource Gray-200}"
-                                    TrackColor="{DynamicResource Gray-White}" />
-                      </Setter.Value>
-                    </Setter>
-                  </VisualState.Setters>
-                </VisualState>
-              </VisualStateGroup>
-            </VisualStateManager.VisualStateGroups>
-          </buttons:SfSwitch>
+                <!--  Separator  -->
+                <BoxView
+                    Grid.Row="10"
+                    Style="{StaticResource HorizontalSeparatorStyle}"
+                    VerticalOptions="End" />
 
-          <BoxView Style="{StaticResource BoxViewStyle}" Grid.Row="3"/>
-          <Label Style="{StaticResource SettingsLabelStyle}" Text="Download quality" Grid.Row="4"/>
-          <Label Style="{StaticResource SettingsIconStyle}" Grid.Row="4">
-            <Label.GestureRecognizers>
-              <TapGestureRecognizer Command="{Binding }"/>
-            </Label.GestureRecognizers>
-          </Label>
-          <BoxView Style="{StaticResource BoxViewStyle}" Grid.Row="5"/>
-          <Label Style="{StaticResource SettingsLabelStyle}" Text="Show hidden files" Grid.Row="6"/>
-          <Label Style="{StaticResource SettingsIconStyle}" Grid.Row="6">
-            <Label.GestureRecognizers>
-              <TapGestureRecognizer Command="{Binding }"/>
-            </Label.GestureRecognizers>
-          </Label>
-          <BoxView Style="{StaticResource BoxViewStyle}" Grid.Row="7"/>
-          <Label Style="{StaticResource SettingsLabelStyle}" Text="Privacy Policy" Grid.Row="8"/>
-          <Label Style="{StaticResource SettingsIconStyle}" Grid.Row="8">
-            <Label.GestureRecognizers>
-              <TapGestureRecognizer Command="{Binding }"/>
-            </Label.GestureRecognizers>
-          </Label>
-        </Grid>
-      </ScrollView>
+            </Grid>
+        </ScrollView>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SettingsPage.xaml.cs b/EssentialUIKit/Views/Navigation/SettingsPage.xaml.cs
index 5ddfa1a2..5c98d4b1 100644
--- a/EssentialUIKit/Views/Navigation/SettingsPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/SettingsPage.xaml.cs
@@ -10,7 +10,7 @@ public partial class SettingsPage : ContentPage
     {
         public SettingsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SongsPage.xaml b/EssentialUIKit/Views/Navigation/SongsPage.xaml
index 7ece8e63..6d7df48d 100644
--- a/EssentialUIKit/Views/Navigation/SongsPage.xaml
+++ b/EssentialUIKit/Views/Navigation/SongsPage.xaml
@@ -1,45 +1,39 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             mc:Ignorable="d"
-             x:Class="EssentialUIKit.Views.Navigation.SongsPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.SongsPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="songsPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.Content>
 
-        <Grid >
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, Auto, *"
+            RowSpacing="0">
 
             <StackLayout
                 x:Name="TitleView"
-                Padding="16,8"
                 Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
 
                 <StackLayout
-                    x:Name="Title"
+                    x:Name="TitleLayout"
                     HorizontalOptions="FillAndExpand"
                     IsVisible="True"
                     Orientation="Horizontal"
@@ -48,22 +42,19 @@
 
                     <!--  Back button command  -->
                     <buttons:SfButton
-                            x:Name="backButton"
-                            Command="{Binding BackButtonCommand}"
-                            CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
-                            Style="{StaticResource IconButtonStyle}"
-                            Text="{StaticResource Back}" />
+                        x:Name="backButton"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
                     <!--  Songs page Title  -->
                     <Label
                         Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="1.25"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Songs"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
@@ -79,17 +70,20 @@
                     <!--  Back to title layout  -->
                     <buttons:SfButton
                         x:Name="BackToTitle"
-                        Clicked="BackToTitle_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
                         <controls:BorderlessEntry
                             x:Name="SearchEntry"
                             HorizontalOptions="FillAndExpand"
                             Placeholder="Search here"
-                            Style="{StaticResource SearchEntryStyle}"/>
+                            Style="{StaticResource BorderlessEntryStyle}" />
                     </border:SfBorder>
                 </StackLayout>
 
@@ -97,80 +91,86 @@
                 <buttons:SfButton
                     x:Name="SearchButton"
                     IsVisible="True"
-                    Clicked="SearchButton_Clicked"
-                    Style="{StaticResource IconButtonStyle }"
-                    Text="{StaticResource Search}" />
-            
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
+
             </StackLayout>
 
-            <BoxView  Grid.Row="1" BackgroundColor="{DynamicResource Gray-200}" HeightRequest="1" />
+            <BoxView
+                Grid.Row="1"
+                BackgroundColor="{DynamicResource Gray-200}"
+                HeightRequest="1" />
 
             <StackLayout Grid.Row="2" Spacing="0">
 
                 <listView:SfListView
                     IsScrollBarVisible="false"
+                    ItemSize="72"
                     ItemSpacing="0"
                     ItemsSource="{Binding SongsPageList}"
                     RowSpacing="0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemTappedCommand}"
-                    ItemSize="72">
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                    <StackLayout >
-                                        <Grid Margin="16,0" RowSpacing="0" ColumnSpacing="0" HeightRequest="56">
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="Auto" />
-                                                <ColumnDefinition Width="*" />
-                                            </Grid.ColumnDefinitions>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference songsPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <StackLayout>
+                                        <Grid
+                                            Margin="16,8,16,0"
+                                            ColumnDefinitions="Auto, *"
+                                            ColumnSpacing="0"
+                                            HeightRequest="56"
+                                            RowSpacing="0">
 
                                             <border:SfBorder
-                                              BackgroundColor="{DynamicResource Gray-200}"
-                                                 BorderColor="{DynamicResource Gray-White}"
-                                                  Style="{StaticResource ProfileBorderStyle}">
+                                                BackgroundColor="{DynamicResource Gray-200}"
+                                                BorderColor="{DynamicResource Gray-Bg}"
+                                                CornerRadius="4"
+                                                Style="{StaticResource ProfileBorderStyle}">
                                                 <Image HeightRequest="56" WidthRequest="56">
                                                     <Image.Source>
                                                         <UriImageSource
-                                                             CacheValidity="14"
-                                                             CachingEnabled="true"
-                                                             Uri="{Binding SongImage}"/>
+                                                            CacheValidity="14"
+                                                            CachingEnabled="true"
+                                                            Uri="{Binding SongImage}" />
                                                     </Image.Source>
                                                 </Image>
                                             </border:SfBorder>
 
                                             <StackLayout
-                                                     Grid.Column="1"
-                                                     Margin="16,0"
-                                                     HorizontalOptions="FillAndExpand"
-                                                     Spacing="0"
-                                                     VerticalOptions="Center">
+                                                Grid.Column="1"
+                                                Margin="16,0"
+                                                HorizontalOptions="FillAndExpand"
+                                                Spacing="0"
+                                                VerticalOptions="Center">
 
                                                 <!--  Name of the Song  -->
                                                 <Label
-                                                     
-                                                     FontFamily="{StaticResource Montserrat-Medium}"
-                                                     FontSize="16"
-                                                     LineHeight="{OnPlatform Android=1.5,
-                                                     Default=-1}"
-                                                     Text="{Binding SongName}"
-                                                     TextColor="{DynamicResource Gray-900}" />
+                                                    FontFamily="Montserrat-Medium"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding SongName}" />
 
                                                 <!--  Composer of the song  -->
                                                 <Label
-                                                      
-                                                      FontFamily="{StaticResource Montserrat-Medium}"
-                                                      FontSize="14"
-                                                      LineHeight="{OnPlatform Android=1.25,
-                                                         Default=-1}"
-                                                      Text="{Binding Composer}"
-                                                      TextColor="{DynamicResource Gray-700}" />
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource DescriptionLabelStyle}"
+                                                    Text="{Binding Composer}" />
                                             </StackLayout>
                                         </Grid>
 
-                                        <BoxView  VerticalOptions="End" Style="{StaticResource BoxViewStyle}" />
+                                        <BoxView Style="{StaticResource HorizontalSeparatorStyle}" VerticalOptions="End" />
                                     </StackLayout>
+                                </syncEffectsView:SfEffectsView>
                             </ViewCell>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
diff --git a/EssentialUIKit/Views/Navigation/SongsPage.xaml.cs b/EssentialUIKit/Views/Navigation/SongsPage.xaml.cs
index 51af4283..ce97ff71 100644
--- a/EssentialUIKit/Views/Navigation/SongsPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/SongsPage.xaml.cs
@@ -1,6 +1,4 @@
-using System;
-using EssentialUIKit.DataService;
-using Xamarin.Forms;
+using EssentialUIKit.DataService;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -11,97 +9,15 @@ namespace EssentialUIKit.Views.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class SongsPage 
+    public partial class SongsPage
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="SongsPage" /> class.
         /// </summary>
         public SongsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = SongsDataService.Instance.SongsViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml b/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml
index 1c04511c..72478cf0 100644
--- a/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml
+++ b/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml
@@ -1,42 +1,38 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"           
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
-             x:Class="EssentialUIKit.Views.Navigation.SongsPlayListPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.SongsPlayListPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
+    x:Name="songsPlayList"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.BindingContext>
-        <viewModel:SongsPlayListViewModel/>
+        <viewModel:SongsPlayListViewModel />
     </ContentPage.BindingContext>
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
-        <Grid >
-            <Grid.RowDefinitions>
-                <RowDefinition Height="64" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
-
-            <StackLayout x:Name="TitleView"
-                Padding="16,8"
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, *"
+            RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
                 Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
 
-                <StackLayout  x:Name="Title"
+                <StackLayout
+                    x:Name="TitleLayout"
                     HorizontalOptions="FillAndExpand"
                     IsVisible="True"
                     Orientation="Horizontal"
@@ -44,75 +40,84 @@
                     VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton x:Name="backButton"
+                    <buttons:SfButton
+                        x:Name="backButton"
                         Command="{Binding BackButtonCommand}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
 
                     <!--  Songs page Title  -->
-                    <Label Margin="16,0"
-                        HeightRequest="24"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="1.25"
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Songs"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout x:Name="Search"
+                <StackLayout
+                    x:Name="Search"
                     HorizontalOptions="EndAndExpand"
                     IsVisible="False"
                     Orientation="Horizontal"
                     Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton x:Name="BackToTitle"
-                        Clicked="BackToTitle_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
 
-                        <controls:BorderlessEntry x:Name="SearchEntry"
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
                             BindingContext="{x:Reference SongsPageList}"
                             HorizontalOptions="FillAndExpand"
                             Placeholder="Search here"
-                            Text="{Binding SearchText, Mode=TwoWay}"
-                            Style="{StaticResource SearchEntryStyle}"/>
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
 
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
+                <buttons:SfButton
+                    x:Name="SearchButton"
                     IsVisible="True"
-                    Clicked="SearchButton_Clicked"
-                    Style="{StaticResource NavigationBarButtonStyle }"
-                    Text="{StaticResource Search}" />
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
 
-            <StackLayout  Grid.Row="1" Spacing="0">
-                <!-- Seperator -->
-                <BoxView Style="{StaticResource BoxViewStyle}" />
+            <StackLayout Grid.Row="1" Spacing="0">
+                <!--  Seperator  -->
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
-                <controls:SearchableSongsPlayList x:Name="SongsPageList"
-                    AutoFitMode="Height"
+                <controls:SearchableSongsPlayList
+                    x:Name="SongsPageList"
                     AllowSwiping="True"
-                    IsScrollBarVisible="false"
+                    AutoFitMode="Height"
                     FocusBorderThickness="0"
+                    IsScrollBarVisible="false"
                     ItemSpacing="0"
-                    ItemsSource="{Binding SongsPageList }"
-                    SearchText="{Binding SearchText}"
-                    SelectionBackgroundColor="Transparent"
+                    ItemsSource="{Binding SongsPageList}"
                     RowSpacing="0"
+                    SearchText="{Binding SearchText}"
+                    SelectionBackgroundColor="{DynamicResource Gray-200}"
                     TapCommand="{Binding ItemSelectedCommand}"
                     VerticalOptions="FillAndExpand">
 
@@ -120,46 +125,53 @@
                         <DataTemplate>
                             <ViewCell>
                                 <StackLayout>
-                                    <Grid ColumnSpacing="0" RowSpacing="0">
-                                        
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="*" />
-                                        </Grid.ColumnDefinitions>
-
-                                        <StackLayout Grid.Column="0" HorizontalOptions="FillAndExpand" 
-                                                     VerticalOptions="FillAndExpand" Spacing="0" >
+                                    <Grid
+                                        ColumnDefinitions="Auto, *"
+                                        ColumnSpacing="0"
+                                        RowSpacing="0">
+
+                                        <StackLayout
+                                            Grid.Column="0"
+                                            HorizontalOptions="FillAndExpand"
+                                            Spacing="0"
+                                            VerticalOptions="FillAndExpand">
                                             <!--  Name of the Song  -->
-                                            <Label Margin="16,13,0,0"
-                                                HeightRequest="24"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                            <Label
+                                                Margin="16,13,0,0"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="16"
+                                                HeightRequest="24"
                                                 LineHeight="{OnPlatform Android=1.5,
-                                                                       Default=-1}"
+                                                                        Default=-1}"
                                                 Text="{Binding SongName}"
                                                 TextColor="{DynamicResource Gray-900}" />
 
                                             <!--  Composer of the song  -->
-                                            <Label  Margin="16,0,0,12"
-                                                HeightRequest="21"
-                                                FontFamily="{StaticResource Montserrat-Medium}"
+                                            <Label
+                                                Margin="16,0,0,12"
+                                                FontFamily="Montserrat-Medium"
                                                 FontSize="14"
+                                                HeightRequest="21"
                                                 LineHeight="{OnPlatform Android=1.25,
-                                                             Default=-1}"
+                                                                        Default=-1}"
                                                 Text="{Binding Composer}"
                                                 TextColor="{DynamicResource Gray-700}" />
                                         </StackLayout>
 
-                                        <!-- Menu button -->
-                                        <buttons:SfButton x:Name="MenuButton"
-                                                          Margin="16,0"
-                                                          Grid.Column="1"
-                                                          Style="{StaticResource MoreButton}"
-                                                          Text="{StaticResource More}" />
+                                        <!--  Menu button  -->
+                                        <buttons:SfButton
+                                            x:Name="MenuButton"
+                                            Grid.Column="1"
+                                            Margin="16,0"
+                                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference songsPlayList}}"
+                                            CornerRadius="4"
+                                            HorizontalOptions="End"
+                                            Style="{StaticResource IconButtonStyle}"
+                                            Text="{StaticResource More}" />
 
                                     </Grid>
-                                    <!-- Seperator -->
-                                    <BoxView Style="{StaticResource BoxViewStyle}" />
+                                    <!--  Seperator  -->
+                                    <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
                                 </StackLayout>
                             </ViewCell>
                         </DataTemplate>
diff --git a/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml.cs b/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml.cs
index 7879399a..244ca1ad 100644
--- a/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/SongsPlayListPage.xaml.cs
@@ -1,5 +1,4 @@
 using EssentialUIKit.DataService;
-using System;
 using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
@@ -18,90 +17,8 @@ public partial class SongsPlayListPage : ContentPage
         /// </summary>
         public SongsPlayListPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = SongsPlayListDataService.Instance.SongsPlayListViewModel;
         }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
-        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/Styles.xaml b/EssentialUIKit/Views/Navigation/Styles.xaml
deleted file mode 100644
index 27f727c7..00000000
--- a/EssentialUIKit/Views/Navigation/Styles.xaml
+++ /dev/null
@@ -1,288 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Navigation.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="TappedBackgroundColor">#eaeaea</Color>
-    <Color x:Key="Transparent">Transparent</Color>
-    <Color x:Key="LightGreen">#35c659</Color>
-    
-    <x:String x:Key="Rating">&#xe70c;</x:String>
-    <x:String x:Key="Back">&#xe709;</x:String>
-    <x:String x:Key="ArrowRight">&#xe728;</x:String>
-    <x:String x:Key="Add">&#xe730;</x:String>
-    <x:String x:Key="Search">&#xe705;</x:String>
-    <x:String x:Key="PhotosIcon">&#xe731;</x:String>
-    <x:String x:Key="AlbumsIcon">&#xe726;</x:String>
-    <x:String x:Key="SettingsIcon">&#xe72b;</x:String>
-    <x:String x:Key="Next">&#xe71a;</x:String>
-    <x:String x:Key="EditIcon">&#xe727;</x:String>
-    <x:String x:Key="More">&#xe719;</x:String>
-    <x:String x:Key="Music">&#xe744;</x:String>
-    <x:String x:Key="WhatsApp">&#xe748;</x:String>
-    <x:String x:Key="Photos">&#xe731;</x:String>
-    <x:String x:Key="FaceBook">&#xe70f;</x:String>
-    <x:String x:Key="Settings">&#xe72b;</x:String>
-    <x:String x:Key="Messages">&#xe73b;</x:String>
-    <x:String x:Key="Phone">&#xe71c;</x:String>
-    <x:String x:Key="Calendar">&#xe742;</x:String>
-    <x:String x:Key="Account">&#xe70e;</x:String>
-    <x:String x:Key="MoreIcon">&#xe715;</x:String>
-
-    <!-- Common style for rating labels -->
-    <Style x:Key="RatingLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="Text" Value="{StaticResource Rating}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!-- Common style for profile border -->
-    <Style x:Key="ProfileBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="CornerRadius" Value="4" />
-    </Style>
-
-    <!-- Common style for right arrow labels -->
-    <Style x:Key="RightArrowLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{StaticResource Gray-600}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="Text" Value="{StaticResource ArrowRight}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!-- Common style for setting labels -->
-    <Style x:Key="SettingsLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{StaticResource Gray-900}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="HorizontalOptions" Value="Start"/>
-        <Setter Property="HeightRequest" Value="48"/>
-        <Setter Property="Margin" Value="12,0,0,0"/>
-        <Setter Property="VerticalTextAlignment" Value="Center"/>
-    </Style>
-
-    <!-- Common style for setting icons -->
-    <Style x:Key="SettingsIconStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{StaticResource Gray-600}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="Text" Value="{StaticResource Next}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="Margin" Value="0,0,12,0"/>
-        <Setter Property="HorizontalOptions" Value="End"/>
-    </Style>
-  
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!-- Common style for navigation bar buttons -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="WidthRequest" Value="38" />
-        <Setter Property="HeightRequest" Value="38" />
-        <Setter Property="CornerRadius" Value="4" />
-        <Setter Property="Padding" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!-- Common style for search entries -->
-    <Style x:Key="SearchEntryStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="ReturnType" Value="Done" />
-    </Style>
-
-    <!--  Common style for  FAQLabelStyle  -->
-    <Style x:Key="FAQLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-800}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Gray-White}" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=-1, Android=1.5}" />
-    </Style>
-
-    <!--  Common style for Header Label  -->
-    <Style x:Key="FAQHeaderLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="15" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="HorizontalTextAlignment" Value="Start"/>
-        <Setter Property="BackgroundColor" Value="{StaticResource Gray-White}" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=-1, Android=1.5}" />
-        <Setter Property="MaxLines" Value="2" />
-    </Style>
-
-    <!-- Common style for borders -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderColor" Value="Transparent" />
-        <Setter Property="CornerRadius" Value="25" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!-- Common style for seperators -->
-    <Style x:Key="SeparatorStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
-    </Style>
-
-    <!-- Common style for contact labels -->
-    <Style x:Key="ContactsLabelStyle" TargetType="Label">
-        <Setter Property="Margin" Value="16,0" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-    </Style>
-
-    <!-- Common style for Avatar views -->
-    <Style x:Key="SfAvatarStyle" TargetType="sfavatar:SfAvatarView">
-        <Setter Property="ContentType" Value="Initials" />
-        <Setter Property="InitialsType" Value="DoubleCharacter" />
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-Medium}" />
-        <Setter Property="InitialsColor" Value="#ffffff" />
-        <Setter Property="AvatarShape" Value="Circle" />
-        <Setter Property="AvatarSize" Value="Medium" />
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-        <Setter Property="BorderWidth" Value="0" />
-    </Style>
-
-    <!-- Common style for header labels -->
-    <Style x:Key="HeaderLabelStyle" TargetType="Label">
-        <Setter Property="Margin" Value="16,0" />
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-100}" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=-1,Android=1.25}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-    </Style>
-
-    <!-- Common style for tab animation grids -->
-    <Style x:Key="TabAnimationGridStyle" TargetType="control:TapAnimationGrid">
-        <Setter Property="BackgroundColor" Value="#ffffff" />
-        <Setter Property="RowSpacing" Value="0" />
-        <Setter Property="ColumnSpacing" Value="0" />
-        <Setter Property="HeightRequest" Value="56" />
-        <Setter Property="Padding" Value="16,0,0,0" />
-        <Setter Property="Tapped" Value="False" />
-    </Style>
-
-    <!--  Common style for More  SfButton  -->
-    <Style x:Key="MoreButton" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="WidthRequest" Value="38" />
-        <Setter Property="HeightRequest" Value="38" />
-        <Setter Property="CornerRadius" Value="4" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="End" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-    
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButton" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-    
-    <!--  Common style for next  SfButton  -->
-    <Style x:Key="NextButton" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="CornerRadius" Value="4" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="HeightRequest" Value="34" />
-        <Setter Property="WidthRequest" Value="34" />
-        <Setter Property="HorizontalOptions" Value="End" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25, Default=-1}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="CornerRadius" Value="16" />
-        <Setter Property="HorizontalOptions" Value="End"/>
-        <Setter Property="WidthRequest" Value="88"/>
-        
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/Styles.xaml.cs b/EssentialUIKit/Views/Navigation/Styles.xaml.cs
deleted file mode 100644
index edbe0731..00000000
--- a/EssentialUIKit/Views/Navigation/Styles.xaml.cs
+++ /dev/null
@@ -1,18 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Navigation
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Navigation/SuggestionPage.xaml b/EssentialUIKit/Views/Navigation/SuggestionPage.xaml
index 4e0799b0..588c7e63 100644
--- a/EssentialUIKit/Views/Navigation/SuggestionPage.xaml
+++ b/EssentialUIKit/Views/Navigation/SuggestionPage.xaml
@@ -1,44 +1,39 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             xmlns:viewmodel="clr-namespace:EssentialUIKit.ViewModels.Navigation"               
-             x:Class="EssentialUIKit.Views.Navigation.SuggestionPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False" >
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Navigation.SuggestionPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:triggers="clr-namespace:EssentialUIKit.Triggers"
+    xmlns:viewmodel="clr-namespace:EssentialUIKit.ViewModels.Navigation"
+    x:Name="suggestionPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <!--  Binding Context for Suggestion Page  -->
     <ContentPage.BindingContext>
-        <viewmodel:SuggestionViewModel/>
+        <viewmodel:SuggestionViewModel />
     </ContentPage.BindingContext>
 
     <ContentPage.Content>
 
-        <Grid RowSpacing="0">
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
-            
-            <StackLayout  x:Name="TitleView"
-                Padding="16,8" HeightRequest="64"
+        <Grid RowDefinitions="Auto, *" RowSpacing="0">
+
+            <StackLayout
+                x:Name="TitleView"
                 Grid.Row="0"
-                BackgroundColor="{DynamicResource Gray-White}"
+                Padding="8"
+                BackgroundColor="{DynamicResource Gray-Bg}"
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
                 Spacing="0">
 
-                <StackLayout   x:Name="Title"
+                <StackLayout
+                    x:Name="TitleLayout"
                     HorizontalOptions="FillAndExpand"
                     IsVisible="True"
                     Orientation="Horizontal"
@@ -46,121 +41,161 @@
                     VerticalOptions="FillAndExpand">
 
                     <!--  Back button command  -->
-                    <buttons:SfButton  x:Name="backButton"
+                    <buttons:SfButton
+                        x:Name="backButton"
                         Command="{Binding BackButtonCommand}"
                         CommandParameter="{x:Reference backButton}"
-                        CornerRadius="4"
                         Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Back}" />
 
                     <!--  Suggestion page Title  -->
-                    <Label   Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="1.25"
+                    <Label
+                        Margin="16,0"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="FillAndExpand"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Suggestions"
-                        TextColor="{DynamicResource Gray-900}"
                         VerticalOptions="Center"
                         VerticalTextAlignment="Center" />
 
                 </StackLayout>
 
-                <StackLayout  x:Name="Search"
+                <StackLayout
+                    x:Name="Search"
                     HorizontalOptions="EndAndExpand"
                     IsVisible="False"
                     Orientation="Horizontal"
                     Spacing="0">
 
                     <!--  Back to title layout  -->
-                    <buttons:SfButton   x:Name="BackToTitle"
-                        Clicked="BackToTitle_Clicked"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Text="{StaticResource Back}" />
+                    <buttons:SfButton
+                        x:Name="BackToTitle"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}">
+                        <buttons:SfButton.Behaviors>
+                            <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                        </buttons:SfButton.Behaviors>
+                    </buttons:SfButton>
 
                     <!--  Rounded Search Entry  -->
-                    <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                    <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
 
-                        <controls:BorderlessEntry  x:Name="SearchEntry"
+                        <controls:BorderlessEntry
+                            x:Name="SearchEntry"
                             BindingContext="{x:Reference Suggestions}"
                             HorizontalOptions="FillAndExpand"
-                            Text="{Binding SearchText, Mode=TwoWay}"
-                            Style="{StaticResource SearchEntryStyle}"/>
+                            Placeholder="Search here"
+                            Style="{StaticResource BorderlessEntryStyle}"
+                            Text="{Binding SearchText, Mode=TwoWay}" />
                     </border:SfBorder>
 
                 </StackLayout>
 
                 <!--  Search Button  -->
-                <buttons:SfButton x:Name="SearchButton"
+                <buttons:SfButton
+                    x:Name="SearchButton"
                     IsVisible="True"
-                    Clicked="SearchButton_Clicked"
-                    Style="{StaticResource IconButtonStyle }"
-                    Text="{StaticResource Search}" />
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Search}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
             </StackLayout>
 
-            <StackLayout Grid.Row="1"  Spacing="0" >
-                
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+            <StackLayout Grid.Row="1" Spacing="0">
+
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
-                <controls:SearchableSuggestionList x:Name="Suggestions"
+                <controls:SearchableSuggestionList
+                    x:Name="Suggestions"
                     AutoFitMode="Height"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     IsScrollBarVisible="False"
                     ItemsSource="{Binding SuggestionList}"
                     SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ItemTappedCommand}"
                     VerticalOptions="FillAndExpand">
 
                     <controls:SearchableSuggestionList.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                <StackLayout BackgroundColor="{DynamicResource Gray-White}" Spacing="0">
-                                    <Grid Margin="16,0" ColumnSpacing="0" >
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto" />
-                                            <ColumnDefinition Width="*" />
-                                            <ColumnDefinition Width="Auto" />
-
-                                        </Grid.ColumnDefinitions>
-
-                                        <!--  Suggestion Profile image  -->
-                                        <border:SfBorder WidthRequest="40"  Margin="0,16" BorderWidth="0" CornerRadius="22" BackgroundColor="{DynamicResource Gray-200}" Style="{StaticResource ProfileBorderStyle}">
-                                            <Image
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ItemTappedCommand, Source={x:Reference suggestionPage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
+                                        <Grid
+                                            Margin="16,0"
+                                            ColumnDefinitions="Auto, *, Auto"
+                                            ColumnSpacing="0">
+
+                                            <!--  Suggestion Profile image  -->
+                                            <border:SfBorder
+                                                Margin="0,16"
+                                                BackgroundColor="{DynamicResource Gray-200}"
+                                                BorderColor="{DynamicResource Gray-Bg}"
+                                                BorderWidth="1"
+                                                CornerRadius="22"
                                                 HeightRequest="40"
-                                                WidthRequest="40" >
-                                                <Image.Source>
-                                                    <UriImageSource Uri="{Binding ImagePath}" 
-			                                            CacheValidity="14"  CachingEnabled="true"/>
-                                                </Image.Source>
-                                            </Image>
-                                        </border:SfBorder>
-
-                                        <StackLayout Spacing="3" Grid.Column="1"  Margin="16,16,0,13" BackgroundColor="{DynamicResource Gray-White}">
-
-                                            <!--  Suggestion name  -->
-                                            <Label  FontFamily="{StaticResource Montserrat-Medium}"
-                                                    Style="{StaticResource LabelStyle}"
-                                                    Text="{Binding SuggestionName}"
-                                                    FontSize="16" TextColor="{DynamicResource Gray-900}"/>
-
-                                            <!--  Suggestion Id  -->
-                                            <Label Grid.Row="1" FontFamily="{StaticResource Montserrat-Medium}"
-                                                FontSize="14" TextColor="{DynamicResource Gray-700}"
-                                                Style="{StaticResource LabelStyle}"  
-                                                Text="{Binding Id }"/>
-                                         
-                                        </StackLayout>
-
-                                        <!--  Suggestion button  -->
-                                        <buttons:SfButton Grid.Column="2"  Margin="0,20" 
-                                            Command="{Binding Path=BindingContext.SuggestionCommand, Source={x:Reference Suggestions}}" 
-                                            Style="{StaticResource SfButtonStyle}" CornerRadius="24"
-                                            Text="FOLLOW" />
-
-                                    </Grid>
-                                    <BoxView Style="{StaticResource SeparatorStyle}" />
-                                </StackLayout>
+                                                Style="{StaticResource ProfileBorderStyle}"
+                                                WidthRequest="40">
+                                                <Image>
+                                                    <Image.Source>
+                                                        <UriImageSource
+                                                            CacheValidity="14"
+                                                            CachingEnabled="true"
+                                                            Uri="{Binding ImagePath}" />
+                                                    </Image.Source>
+                                                </Image>
+                                            </border:SfBorder>
+
+                                            <StackLayout
+                                                Grid.Column="1"
+                                                Margin="16,16,0,13"
+                                                BackgroundColor="{DynamicResource Gray-Bg}"
+                                                Spacing="3">
+
+                                                <!--  Suggestion name  -->
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding SuggestionName}" />
+
+                                                <!--  Suggestion Id  -->
+                                                <Label
+                                                    Grid.Row="1"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource DescriptionLabelStyle}"
+                                                    Text="{Binding Id}" />
+
+                                            </StackLayout>
+
+                                            <!--  Suggestion button  -->
+                                            <buttons:SfButton
+                                                Grid.Column="2"
+                                                Margin="0,20"
+                                                BorderColor="{DynamicResource Gray-Bg}"
+                                                BorderWidth="1"
+                                                CornerRadius="24"
+                                                FontSize="12"
+                                                HeightRequest="32"
+                                                Style="{StaticResource GradientButtonStyle}"
+                                                Text="FOLLOW"
+                                                WidthRequest="100">
+                                                <buttons:SfButton.Triggers>
+                                                    <EventTrigger Event="Clicked">
+                                                        <triggers:ButtonTextTriggerAction />
+                                                    </EventTrigger>
+                                                </buttons:SfButton.Triggers>
+                                            </buttons:SfButton>
+
+                                        </Grid>
+                                        <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+                                    </StackLayout>
+                                </syncEffectsView:SfEffectsView>
                             </ViewCell>
                         </DataTemplate>
                     </controls:SearchableSuggestionList.ItemTemplate>
diff --git a/EssentialUIKit/Views/Navigation/SuggestionPage.xaml.cs b/EssentialUIKit/Views/Navigation/SuggestionPage.xaml.cs
index 294f9343..92163b67 100644
--- a/EssentialUIKit/Views/Navigation/SuggestionPage.xaml.cs
+++ b/EssentialUIKit/Views/Navigation/SuggestionPage.xaml.cs
@@ -1,6 +1,4 @@
 using EssentialUIKit.DataService;
-using System;
-using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -11,97 +9,15 @@ namespace EssentialUIKit.Views.Navigation
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class SuggestionPage 
+    public partial class SuggestionPage
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="SuggestionPage" /> class.
         /// </summary>
         public SuggestionPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = SuggestionDataService.Instance.SuggestionViewModel;
-
-        }
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating Width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml b/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml
new file mode 100644
index 00000000..3d0e5058
--- /dev/null
+++ b/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Notification.ECommerceNotificationPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    x:Name="eCommerceNotificationPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+
+                <!--  Title View  -->
+                <controls:TitleView Title="Notifications">
+
+                    <!--  Back button  -->
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference eCommerceNotificationPage}}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+
+                    <!--  More button  -->
+                    <controls:TitleView.TrailingView>
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference eCommerceNotificationPage}}"
+                            CornerRadius="4"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource More}" />
+                    </controls:TitleView.TrailingView>
+
+                </controls:TitleView>
+                <ContentPresenter />
+
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Content>
+        <StackLayout Spacing="0">
+
+            <listView:SfListView
+                x:Name="ECommerceNotifications"
+                AllowSwiping="True"
+                AutoFitMode="Height"
+                IsScrollBarVisible="False"
+                ItemSpacing="0"
+                ItemsSource="{Binding ECommerceNotificationsList}"
+                SelectionBackgroundColor="Transparent"
+                SelectionGesture="Tap"
+                SelectionMode="Single"
+                TapCommand="{Binding ItemTappedCommand}"
+                VerticalOptions="FillAndExpand">
+
+                <listView:SfListView.ItemTemplate>
+                    <DataTemplate>
+                        <ViewCell>
+                            <template:EcommerceNotificationTemplate />
+                        </ViewCell>
+                    </DataTemplate>
+                </listView:SfListView.ItemTemplate>
+            </listView:SfListView>
+        </StackLayout>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml.cs b/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml.cs
new file mode 100644
index 00000000..8c29e7b1
--- /dev/null
+++ b/EssentialUIKit/Views/Notification/ECommerceNotificationPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Notification
+{
+    /// <summary>
+    /// Page to display E-Commerce notifications list.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ECommerceNotificationPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="ECommerceNotificationPage" /> class.
+        /// </summary>
+        public ECommerceNotificationPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = ECommerceNotificationDataService.Instance.ECommerceNotificationViewModel;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml b/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml
index e4db0767..3778e4a9 100644
--- a/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml
+++ b/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml
@@ -1,21 +1,19 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
-             x:Class="EssentialUIKit.Views.Notification.SocialNotificationPage"
-             x:Name="socialNotificationPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
+<ContentPage
+    x:Class="EssentialUIKit.Views.Notification.SocialNotificationPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    x:Name="socialNotificationPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
@@ -25,18 +23,23 @@
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="Notifications" BackgroundColor="{DynamicResource Gray-White} ">
+                <controls:TitleView Title="Notifications">
 
-                    <!-- Back button -->
+                    <!--  Back button  -->
                     <controls:TitleView.LeadingView>
-                        <buttons:SfButton Text="{StaticResource Back}" Style="{StaticResource IconButtonStyle}" CornerRadius="4"
-                                          Command="{Binding Path=BindingContext.BackCommand, Source={x:Reference socialNotificationPage}}"/>
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference socialNotificationPage}}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
 
-                    <!-- More button -->
+                    <!--  More button  -->
                     <controls:TitleView.TrailingView>
-                        <buttons:SfButton Text="{StaticResource More}" Style="{StaticResource IconButtonStyle}" CornerRadius="4"
-                                          Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference socialNotificationPage}}" />
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference socialNotificationPage}}"
+                            CornerRadius="4"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource More}" />
                     </controls:TitleView.TrailingView>
 
                 </controls:TitleView>
@@ -50,51 +53,56 @@
 
         <ScrollView>
 
-            <StackLayout Padding="0, 16" Spacing="24">
-
-                <listView:SfListView x:Name="RecentList"
-                                     IsScrollBarVisible="False" IsScrollingEnabled="False"
-                                     AllowSwiping="True"
-                                     AutoFitMode="Height"
-                                     ItemSpacing="0"
-                                     SelectionGesture="Tap"
-                                     SelectionMode="Single"
-                                     VerticalOptions="FillAndExpand"
-                                     TapCommand="{Binding ItemTappedCommand}"
-                                     ItemsSource="{Binding RecentList}"
-                                     SelectionBackgroundColor="Transparent">
+            <StackLayout Padding="0,16" Spacing="24">
+
+                <listView:SfListView
+                    x:Name="RecentList"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    IsScrollingEnabled="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding RecentList}"
+                    SelectionBackgroundColor="Transparent"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <listView:SfListView.HeaderTemplate>
                         <DataTemplate>
-                            <Grid RowSpacing="0" Margin="16, 0, 16, 8" ColumnSpacing="0">
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto" />
-                                    <ColumnDefinition Width="*" />
-                                </Grid.ColumnDefinitions>
-
-                                <Label Text="RECENT"
-                                       TextColor="{DynamicResource Gray-900}"
-                                       FontSize="12"
-                                       FontFamily="{DynamicResource Montserrat-SemiBold}"
-                                       HorizontalOptions="Start"/>
-
-                                <buttons:SfButton Grid.Column="1" 
-                                                  BorderWidth="0" 
-                                                  WidthRequest="134" 
-                                                  HeightRequest="18"
-                                                  BackgroundColor="{DynamicResource Gray-White}"
-                                                  TextColor="{DynamicResource Gray-600}"
-                                                  CornerRadius="4"
-                                                  HorizontalOptions="End">
-
-                                    <Label Text="MARK ALL AS READ"
-                                           TextColor="{DynamicResource Link}"
-                                           FontSize="12"
-                                           VerticalTextAlignment="Center"
-                                           HorizontalTextAlignment="Center"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           FontFamily="{DynamicResource Montserrat-SemiBold}" />
+                            <Grid
+                                Margin="16,0,16,8"
+                                ColumnDefinitions="Auto, *"
+                                ColumnSpacing="0"
+                                RowSpacing="0">
+
+                                <Label
+                                    FontFamily="Montserrat-SemiBold"
+                                    FontSize="12"
+                                    HorizontalOptions="Start"
+                                    Text="RECENT"
+                                    TextColor="{DynamicResource Gray-900}" />
+
+                                <buttons:SfButton
+                                    Grid.Column="1"
+                                    BackgroundColor="{DynamicResource Gray-Bg}"
+                                    Command="{Binding MarkAllCommand}"
+                                    HeightRequest="18"
+                                    HorizontalOptions="End"
+                                    Style="{StaticResource TransparentButtonStyle}"
+                                    TextColor="{DynamicResource Gray-600}"
+                                    WidthRequest="134">
+
+                                    <Label
+                                        FontFamily="Montserrat-SemiBold"
+                                        FontSize="12"
+                                        HorizontalTextAlignment="Center"
+                                        LineHeight="{OnPlatform Android=1.5,
+                                                                Default=-1}"
+                                        Text="MARK ALL AS READ"
+                                        TextColor="{DynamicResource HyperLink}"
+                                        VerticalTextAlignment="Center" />
 
                                 </buttons:SfButton>
 
@@ -104,118 +112,143 @@
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
-                            <Grid RowSpacing="0" ColumnSpacing="16" BackgroundColor="{Binding IsRead,  Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}">
-
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="Auto"/>
-                                    <RowDefinition Height="Auto"/>
-                                    <RowDefinition Height="Auto"/>
-                                </Grid.RowDefinitions>
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto"/>
-                                    <ColumnDefinition Width="*"/>
-                                </Grid.ColumnDefinitions>
-
-                                <!-- Notify icon for readable item  -->
-                                <Label Text="{StaticResource 'New Message'}" 
-                                           TextColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=6}" 
-                                           FontSize="12" Margin="16, 20, 0, 0" 
-                                           FontFamily="{StaticResource FontIcons}"/>
-
-                                <!-- Notification Detail -->
-                                <Label Grid.Row="0" Grid.Column="1" Text="{Binding Name}" TextColor="{DynamicResource Gray-900}" FontSize="16" FontFamily="{StaticResource Montserrat-Medium}" Margin="0, 16, 16, 0" LineHeight="{OnPlatform Android=1.25,Default=-1}"></Label>
-
-                                <!-- Received Time -->
-                                <Label Grid.Row="1"
-                                           Grid.Column="1" Margin="0, 4, 16, 16"
-                                           Text="{Binding ReceivedTime}"
-                                           TextColor="{DynamicResource Gray-700}"
-                                           FontSize="12"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           LineBreakMode="TailTruncation"
-                                           FontFamily="{DynamicResource Montserrat-Medium}"/>
-
-                                <!-- Seperator -->
-                                <BoxView Grid.Row="2" Grid.ColumnSpan="2" Style="{StaticResource SeparatorStyle}" />
+                            <Grid
+                                BackgroundColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}"
+                                ColumnDefinitions="Auto, *"
+                                ColumnSpacing="16"
+                                RowDefinitions="Auto, Auto, Auto"
+                                RowSpacing="0">
+
+                                <!--  Notify icon for readable item  -->
+                                <Label
+                                    Margin="16,20,0,0"
+                                    FontFamily="FontIcons"
+                                    FontSize="12"
+                                    Text="{StaticResource New}"
+                                    TextColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=6}" />
+
+                                <!--  Notification Detail  -->
+                                <Label
+                                    Grid.Row="0"
+                                    Grid.Column="1"
+                                    Margin="0,16,16,0"
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="16"
+                                    LineHeight="{OnPlatform Android=1.25,
+                                                            Default=-1}"
+                                    Text="{Binding Name}"
+                                    TextColor="{DynamicResource Gray-900}" />
+
+                                <!--  Received Time  -->
+                                <Label
+                                    Grid.Row="1"
+                                    Grid.Column="1"
+                                    Margin="0,4,16,16"
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="12"
+                                    LineBreakMode="TailTruncation"
+                                    LineHeight="{OnPlatform Android=1.5,
+                                                            Default=-1}"
+                                    Text="{Binding ReceivedTime}"
+                                    TextColor="{DynamicResource Gray-700}" />
+
+                                <!--  Seperator  -->
+                                <BoxView
+                                    Grid.Row="2"
+                                    Grid.ColumnSpan="2"
+                                    Style="{StaticResource HorizontalSeparatorStyle}" />
 
                             </Grid>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
 
                     <listView:SfListView.Behaviors>
-                        <behavior:SfListViewExtendHeightBehavior ></behavior:SfListViewExtendHeightBehavior>
+                        <behavior:SfListViewExtendHeightBehavior />
                     </listView:SfListView.Behaviors>
                 </listView:SfListView>
 
-                <listView:SfListView x:Name="EarlierList"
-                                     IsScrollBarVisible="False" IsScrollingEnabled="False"
-                                     AllowSwiping="True"
-                                     AutoFitMode="Height"
-                                     ItemSpacing="0"
-                                     SelectionGesture="Tap"
-                                     SelectionMode="Single"
-                                     VerticalOptions="FillAndExpand"
-                                     TapCommand="{Binding ItemTappedCommand}"
-                                     ItemsSource="{Binding EarlierList}"
-                                     SelectionBackgroundColor="Transparent">
+                <listView:SfListView
+                    x:Name="EarlierList"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    IsScrollingEnabled="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding EarlierList}"
+                    SelectionBackgroundColor="Transparent"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <listView:SfListView.HeaderTemplate>
                         <DataTemplate>
-                           
-                                <Label Text="EARLIER"
-                                       Margin="16, 0, 16, 8"
-                                       TextColor="{DynamicResource Gray-900}"
-                                       FontSize="12"
-                                       FontFamily="{DynamicResource Montserrat-SemiBold}"
-                                       HorizontalOptions="Start"/>
-                               
+
+                            <Label
+                                Margin="16,0,16,8"
+                                FontFamily="Montserrat-SemiBold"
+                                FontSize="12"
+                                HorizontalOptions="Start"
+                                Text="EARLIER"
+                                TextColor="{DynamicResource Gray-900}" />
+
                         </DataTemplate>
                     </listView:SfListView.HeaderTemplate>
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
-                            <Grid RowSpacing="0" ColumnSpacing="16" BackgroundColor="{Binding IsRead,  Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}">
-
-                                <Grid.RowDefinitions>
-                                    <RowDefinition Height="Auto"/>
-                                    <RowDefinition Height="Auto"/>
-                                    <RowDefinition Height="Auto"/>
-                                </Grid.RowDefinitions>
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto"/>
-                                    <ColumnDefinition Width="*"/>
-                                </Grid.ColumnDefinitions>
-
-                                <!-- Notify icon for readable item  -->
-                                <Label Text="{StaticResource 'New Message'}" 
-                                           TextColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=6}" 
-                                           FontSize="12" Margin="16, 20, 0, 0" 
-                                           FontFamily="{StaticResource FontIcons}"/>
-
-                                <!-- Notification Detail -->
-                                <Label Grid.Row="0" Grid.Column="1" Text="{Binding Name}" TextColor="{DynamicResource Gray-900}" FontSize="16" FontFamily="{StaticResource Montserrat-Medium }" Margin="0, 16, 16, 0" LineHeight="{OnPlatform Android=1.25,Default=-1}"></Label>
-
-                                <!-- Received Time -->
-                                <Label Grid.Row="1"
-                                           Grid.Column="1" Margin="0, 4, 16, 16"
-                                           Text="{Binding ReceivedTime}"
-                                           TextColor="{DynamicResource Gray-700}"
-                                           FontSize="12"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           LineBreakMode="TailTruncation"
-                                           FontFamily="{DynamicResource Montserrat-Medium}"/>
-
-                                <!-- Seperator -->
-                                <BoxView Grid.Row="2" Grid.ColumnSpan="2" Style="{StaticResource SeparatorStyle}" />
+                            <Grid
+                                BackgroundColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}"
+                                ColumnDefinitions="Auto, *"
+                                ColumnSpacing="16"
+                                RowDefinitions="Auto, Auto, Auto"
+                                RowSpacing="0">
+
+                                <!--  Notify icon for readable item  -->
+                                <Label
+                                    Margin="16,20,0,0"
+                                    FontFamily="FontIcons"
+                                    FontSize="12"
+                                    Text="{StaticResource New}"
+                                    TextColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=6}" />
+
+                                <!--  Notification Detail  -->
+                                <Label
+                                    Grid.Row="0"
+                                    Grid.Column="1"
+                                    Margin="0,16,16,0"
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="16"
+                                    LineHeight="{OnPlatform Android=1.25,
+                                                            Default=-1}"
+                                    Text="{Binding Name}"
+                                    TextColor="{DynamicResource Gray-900}" />
+
+                                <!--  Received Time  -->
+                                <Label
+                                    Grid.Row="1"
+                                    Grid.Column="1"
+                                    Margin="0,4,16,16"
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="12"
+                                    LineBreakMode="TailTruncation"
+                                    LineHeight="{OnPlatform Android=1.5,
+                                                            Default=-1}"
+                                    Text="{Binding ReceivedTime}"
+                                    TextColor="{DynamicResource Gray-700}" />
+
+                                <!--  Seperator  -->
+                                <BoxView
+                                    Grid.Row="2"
+                                    Grid.ColumnSpan="2"
+                                    Style="{StaticResource HorizontalSeparatorStyle}" />
 
                             </Grid>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
 
                     <listView:SfListView.Behaviors>
-                        <behavior:SfListViewExtendHeightBehavior ></behavior:SfListViewExtendHeightBehavior>
+                        <behavior:SfListViewExtendHeightBehavior />
                     </listView:SfListView.Behaviors>
                 </listView:SfListView>
 
diff --git a/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml.cs b/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml.cs
index caacb128..e038540a 100644
--- a/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml.cs
+++ b/EssentialUIKit/Views/Notification/SocialNotificationPage.xaml.cs
@@ -17,7 +17,7 @@ public partial class SocialNotificationPage : ContentPage
         /// </summary>
         public SocialNotificationPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = SocialNotificationDataService.Instance.SocialNotificationViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Notification/Styles.xaml b/EssentialUIKit/Views/Notification/Styles.xaml
deleted file mode 100644
index d7ac2e3b..00000000
--- a/EssentialUIKit/Views/Notification/Styles.xaml
+++ /dev/null
@@ -1,34 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Notification.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
-
-    <Color x:Key="TappedBackgroundColor">#eaeaea</Color>
-    <Color x:Key="Transparent">Transparent</Color>
-    <Color x:Key="Link">#567cd7</Color>
-    <x:String x:Key="Back">&#xe709;</x:String>
-    <x:String x:Key="More">&#xe719;</x:String>
-    <x:String x:Key="New Message">&#xe720;</x:String>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!-- Common style for seperators -->
-    <Style x:Key="SeparatorStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
-    </Style>
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Notification/Styles.xaml.cs b/EssentialUIKit/Views/Notification/Styles.xaml.cs
deleted file mode 100644
index c41e433f..00000000
--- a/EssentialUIKit/Views/Notification/Styles.xaml.cs
+++ /dev/null
@@ -1,18 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Notification
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml b/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml
index 68e9fcc6..6cf53b15 100644
--- a/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml
+++ b/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml
@@ -1,192 +1,106 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             mc:Ignorable="d"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-             xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
-             x:Class="EssentialUIKit.Views.Notification.TaskNotificationPage"
-             x:Name="taskNotificationPage"
-             BackgroundColor="{DynamicResource Gray-White}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-            <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Notification.TaskNotificationPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:template="clr-namespace:EssentialUIKit.Views.Templates"
+    x:Name="taskNotificationPage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
-                
+
                 <!--  Title View  -->
-                <controls:TitleView Title="Notifications" BackgroundColor="{DynamicResource Gray-White} ">
-                    
-                    <!-- Back button -->
+                <controls:TitleView Title="Notifications">
+
+                    <!--  Back button  -->
                     <controls:TitleView.LeadingView>
-                        <buttons:SfButton Text="{StaticResource Back}" Style="{StaticResource IconButtonStyle}" CornerRadius="4"
-                                          Command="{Binding Path=BindingContext.BackCommand, Source={x:Reference taskNotificationPage}}" />
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.BackButtonCommand, Source={x:Reference taskNotificationPage}}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
 
-                    <!-- More button -->
+                    <!--  More button  -->
                     <controls:TitleView.TrailingView>
-                        <buttons:SfButton Text="{StaticResource More}" Style="{StaticResource IconButtonStyle}" CornerRadius="4"
-                                          Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference taskNotificationPage}}" />
+                        <buttons:SfButton
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference taskNotificationPage}}"
+                            CornerRadius="4"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource More}" />
                     </controls:TitleView.TrailingView>
-                    
+
                 </controls:TitleView>
                 <ContentPresenter />
-                
+
             </StackLayout>
         </ControlTemplate>
     </ContentPage.ControlTemplate>
 
     <ContentPage.Content>
-        <Grid RowSpacing="0" ColumnSpacing="0">
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="Auto, *"
+            RowSpacing="0">
+
+            <Grid Grid.Row="0">
+                <Label
+                    Margin="16,16,16,8"
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="12"
+                    HorizontalOptions="Start"
+                    Text="RECENT"
+                    TextColor="{DynamicResource Gray-900}" />
+
+                <buttons:SfButton
+                    Margin="16,16,16,8"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    Command="{Binding MarkAllCommand}"
+                    HeightRequest="18"
+                    HorizontalOptions="End"
+                    Style="{StaticResource TransparentButtonStyle}"
+                    TextColor="{DynamicResource Gray-600}"
+                    WidthRequest="134">
+
+                    <Label
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="12"
+                        HorizontalTextAlignment="Center"
+                        LineHeight="{OnPlatform Android=1.5,
+                                                Default=-1}"
+                        Text="MARK ALL AS READ"
+                        TextColor="{DynamicResource HyperLink}"
+                        VerticalTextAlignment="Center" />
 
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="*" />
-            </Grid.RowDefinitions>
-
-            <Grid Grid.Row="0" >
-                <Label Margin="16,16,16,8"
-                       Text="RECENT"
-                       TextColor="{DynamicResource Gray-900}"
-                       FontSize="12"
-                       FontFamily="{DynamicResource Montserrat-SemiBold}"
-                       HorizontalOptions="Start"/>
-
-                <buttons:SfButton Margin="16,16,16,8"
-                                  BorderWidth="0" 
-                                  WidthRequest="134" 
-                                  HeightRequest="18"
-                                  BackgroundColor="{DynamicResource Gray-White}" 
-                                  TextColor="{DynamicResource Gray-600}"
-                                  CornerRadius="4"
-                                  HorizontalOptions="End">
-                    
-                    <Label Text="MARK ALL AS READ"
-                           TextColor="{DynamicResource Link}"
-                           FontSize="12"
-                           VerticalTextAlignment="Center"
-                           HorizontalTextAlignment="Center"
-                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                           FontFamily="{DynamicResource Montserrat-SemiBold}" />
-                    
                 </buttons:SfButton>
             </Grid>
 
             <StackLayout Grid.Row="1" Spacing="0">
-                <listView:SfListView x:Name="TaskNotifications"
-                                     IsScrollBarVisible="False"
-                                     AllowSwiping="True"
-                                     AutoFitMode="Height"
-                                     ItemSpacing="0"
-                                     SelectionGesture="Tap"
-                                     SelectionMode="Single"
-                                     VerticalOptions="FillAndExpand"
-                                     TapCommand="{Binding ItemTappedCommand}"
-                                     ItemsSource="{Binding TaskNotificationsList}"
-                                     SelectionBackgroundColor="Transparent">
+                <listView:SfListView
+                    x:Name="TaskNotifications"
+                    AllowSwiping="True"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding TaskNotificationsList}"
+                    SelectionBackgroundColor="Transparent"
+                    SelectionGesture="Tap"
+                    SelectionMode="Single"
+                    TapCommand="{Binding ItemTappedCommand}"
+                    VerticalOptions="FillAndExpand">
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
                             <ViewCell>
-                                <Grid RowSpacing="0" ColumnSpacing="0" HeightRequest="101" 
-                                      BackgroundColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}">
-
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="Auto"/>
-                                        <RowDefinition Height="Auto"/>
-                                        <RowDefinition Height="Auto"/>
-                                        <RowDefinition Height="Auto"/>
-                                    </Grid.RowDefinitions>
-
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="Auto"/>
-                                        <ColumnDefinition Width="*"/>
-                                    </Grid.ColumnDefinitions>
-
-                                    <!-- User Name Avatar -->
-                                    <sfavatar:SfAvatarView Grid.RowSpan="4" 
-                                                           Margin="16,12,8,41"
-                                                           AvatarName="{Binding UserName}"
-                                                           InitialsColor="{DynamicResource Gray-White}"
-                                                           InitialsType="DoubleCharacter"
-                                                           BackgroundColor="{Binding BackgroundColor}"
-                                                           AvatarShape="Circle"
-                                                           AvatarSize="Medium"
-                                                           VerticalOptions="Start"
-                                                           WidthRequest="48"
-                                                           HeightRequest="48"
-                                                           BorderWidth="0" />
-
-                                    <!-- Description -->
-                                    <Label Grid.Column="1"
-                                           Margin="8,12,16,0"
-                                           Text="{Binding Description}"
-                                           TextColor="{DynamicResource Gray-900}"
-                                           FontSize="16"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           LineBreakMode="TailTruncation"
-                                           FontFamily="{DynamicResource Montserrat-SemiBold}"/>
-
-                                    <!-- Detailed Description -->
-                                    <Label Grid.Row="1"
-                                           Grid.Column="1"
-                                           Margin="8,0,16,8"
-                                           Text="{Binding Detail}"
-                                           TextColor="{DynamicResource Gray-700}"
-                                           FontSize="14"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           LineBreakMode="TailTruncation"
-                                           FontFamily="{DynamicResource Montserrat-medium}"
-                                           HeightRequest="21" />
-
-                                    <!-- Task-ID -->
-                                    <buttons:SfButton Grid.Row="2" 
-                                                      Grid.Column="1" 
-                                                      Margin="0,0,0,12" 
-                                                      CornerRadius="12" 
-                                                      BackgroundColor="{DynamicResource Link}"
-                                                      Opacity="0.08"
-                                                      HorizontalOptions="Start" 
-                                                      WidthRequest="100"
-                                                      HeightRequest="24"/>
-
-                                        <Label Text="{Binding TaskID}" Grid.Row="2" Grid.Column="1" Margin="13,3,13,15"
-                                               TextColor="{DynamicResource Link}"
-                                               FontSize="12"  HorizontalOptions="Start"
-                                               LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                               VerticalTextAlignment="Center"
-                                               HorizontalTextAlignment="Center"
-                                               FontFamily="{DynamicResource Montserrat-SemiBold}" />
-
-                                    <!-- Time -->
-                                    <Label Grid.RowSpan="4" 
-                                           Grid.Column="1"
-                                           Margin="0,68,16,15"
-                                           Text="{Binding Time}"
-                                           TextColor="{DynamicResource Gray-700}"
-                                           FontSize="12"
-                                           LineHeight="{OnPlatform Android=1.5,Default=-1}"
-                                           FontFamily="{DynamicResource Montserrat-Medium}"
-                                           HorizontalOptions="End"
-                                           HeightRequest="18" />
-
-                                    <!-- Seperator -->
-                                    <BoxView Grid.Row="3" Grid.ColumnSpan="2" Style="{StaticResource SeparatorStyle}" />
-
-                                </Grid>
+                                <template:TaskNotificationTemplate />
                             </ViewCell>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
diff --git a/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml.cs b/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml.cs
index 10a52c32..e5dc9410 100644
--- a/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml.cs
+++ b/EssentialUIKit/Views/Notification/TaskNotificationPage.xaml.cs
@@ -1,6 +1,6 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.DataService;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
-using EssentialUIKit.DataService;
 
 namespace EssentialUIKit.Views.Notification
 {
@@ -15,10 +15,9 @@ public partial class TaskNotificationPage
         /// Initializes a new instance of the <see cref="TaskNotificationPage" /> class.
         /// </summary>
         public TaskNotificationPage()
-        { 
-            InitializeComponent();
+        {
+            this.InitializeComponent();
             this.BindingContext = TaskNotificationDataService.Instance.TaskNotificationViewModel;
         }
-
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml b/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml
index c1eacb41..7997fc42 100644
--- a/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml
+++ b/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml
@@ -12,11 +12,8 @@
     NavigationPage.HasNavigationBar="False">
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <DataTemplate x:Key="ItemTemplate">
-                <ContentPresenter Content="{Binding RotatorItem}" />
+                <ContentPresenter Content="{Binding RotatorView}" />
             </DataTemplate>
         </ResourceDictionary>
     </ContentPage.Resources>
@@ -24,16 +21,10 @@
         <viewModel:OnBoardingAnimationViewModel />
     </ContentPage.BindingContext>
     <ContentPage.Content>
-        <Grid>
-            <Grid.RowDefinitions>
-                <!--  Skip Button  -->
-                <RowDefinition Height="50" />
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="50, *, Auto">
 
             <!--  Gradient view  -->
-            <gradient:SfGradientView Grid.RowSpan="3" Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Grid.RowSpan="3" Style="{StaticResource PinkGradientStyle}" />
 
             <!--  Skip button  -->
             <button:SfButton
@@ -43,16 +34,14 @@
                                                              AndroidPhoneLandscape='0,10,10,0',
                                                              iOSPhonePortrait='0,20,10,0',
                                                              iOSPhoneLandscape='0,10,10,0'}"
-                BackgroundColor="Transparent"
                 Command="{Binding SkipCommand}"
                 CornerRadius="20"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
                 HeightRequest="40"
                 HorizontalOptions="End"
                 IsVisible="{Binding IsSkipButtonVisible}"
+                Style="{StaticResource TransparentButtonStyle}"
                 Text="Skip"
                 TextColor="{x:StaticResource Gray-White}"
-                VerticalOptions="StartAndExpand"
                 WidthRequest="80" />
 
             <!--  Rotator used to navigate the view  -->
@@ -86,10 +75,16 @@
             <button:SfButton
                 x:Name="NextButtonText"
                 Grid.Row="2"
+                Margin="0,10,0,24"
                 Command="{Binding NextCommand}"
                 CommandParameter="{x:Reference Rotator}"
-                Style="{StaticResource SfButtonStyle}"
-                Text="{Binding NextButtonText}" />
+                CornerRadius="20"
+                HeightRequest="40"
+                HorizontalOptions="Center"
+                Style="{StaticResource SimpleButtonStyle}"
+                Text="{Binding NextButtonText}"
+                VerticalOptions="End"
+                WidthRequest="245" />
         </Grid>
     </ContentPage.Content>
 </ContentPage>
diff --git a/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml.cs b/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml.cs
index 59fd4cde..43641ee5 100644
--- a/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml.cs
+++ b/EssentialUIKit/Views/OnBoarding/OnBoardingAnimationPage.xaml.cs
@@ -1,5 +1,4 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.OnBoarding
@@ -9,14 +8,14 @@ namespace EssentialUIKit.Views.OnBoarding
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class OnBoardingAnimationPage 
+    public partial class OnBoardingAnimationPage
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="OnBoardingAnimationPage" /> class.
         /// </summary>
         public OnBoardingAnimationPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml b/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml
index a0408c03..77a60c5d 100644
--- a/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml
+++ b/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml
@@ -7,8 +7,8 @@
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
     xmlns:sfRotator="clr-namespace:Syncfusion.SfRotator.XForms;assembly=Syncfusion.SfRotator.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.OnBoarding"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.OnBoarding"
     NavigationPage.HasNavigationBar="False">
 
     <!--  Binding context for on-boarding gradient page  -->
@@ -16,25 +16,11 @@
         <viewModel:OnBoardingGradientViewModel />
     </ContentPage.BindingContext>
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <Grid>
-            <Grid.RowDefinitions>
-                <!--  Skip Button  -->
-                <RowDefinition Height="80" />
-                <RowDefinition Height="*" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
+        <Grid RowDefinitions="80, *, Auto">
 
-            <gradient:SfGradientView Grid.RowSpan="3" Style="{StaticResource SfGradientViewStyle}" />
+            <gradient:SfGradientView Grid.RowSpan="3" Style="{StaticResource PinkGradientStyle}" />
 
             <!--  Skip button  -->
             <button:SfButton
@@ -46,12 +32,12 @@
                 BackgroundColor="Transparent"
                 Command="{Binding SkipCommand}"
                 CornerRadius="20"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 HeightRequest="40"
                 HorizontalOptions="End"
                 Opacity="{Binding IsSkipButtonVisible}"
                 Text="Skip"
-                TextColor="{x:StaticResource Gray-White}"
+                TextColor="{x:StaticResource Gray-Bg}"
                 VerticalOptions="StartAndExpand"
                 WidthRequest="80" />
 
@@ -88,8 +74,8 @@
                             VerticalOptions="Center">
 
                             <!--  Image for display svg image  -->
-                          <svg:SVGImage
-                              Margin="{x:OnIdiom Phone='0,0,0,0',
+                            <svg:SVGImage
+                                Margin="{x:OnIdiom Phone='0,0,0,0',
                                                    Desktop='0',
                                                    Tablet='0'}"
                                 BackgroundColor="Transparent"
@@ -98,7 +84,7 @@
                                                                                       AndroidPhoneLandscape=140,
                                                                                       iOSPhonePortrait=200,
                                                                                       iOSPhoneLandscape=140}"
-                                Source ="{Binding ImagePath}"
+                                Source="{Binding ImagePath}"
                                 VerticalOptions="Center"
                                 WidthRequest="{x:OnIdiom Phone=200,
                                                          Desktop=300,
@@ -107,19 +93,22 @@
                             <!--  Label to display header  -->
                             <Label
                                 Margin="0,30,0,8"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
                                 FontSize="20"
-                                HorizontalTextAlignment="Center"
-                                Style="{StaticResource LabelStyle}"
+                                LineHeight="{OnPlatform Android=1.25,
+                                                        Default=-1}"
+                                Style="{StaticResource TitleLabelStyle}"
                                 Text="{Binding Header}"
+                                TextColor="{DynamicResource Gray-White}"
                                 VerticalTextAlignment="Center" />
 
                             <!--  Label to display content  -->
                             <Label
-                                FontFamily="{StaticResource Montserrat-Medium}"
                                 FontSize="16"
-                                Style="{StaticResource LabelStyle}"
+                                LineHeight="{OnPlatform Android=1.25,
+                                                        Default=-1}"
+                                Style="{StaticResource DescriptionLabelStyle}"
                                 Text="{Binding Content}"
+                                TextColor="{DynamicResource Gray-White}"
                                 VerticalTextAlignment="Center" />
                         </StackLayout>
                     </DataTemplate>
@@ -129,9 +118,15 @@
             <!--  Next button  -->
             <button:SfButton
                 Grid.Row="2"
+                Margin="0,10,0,24"
                 Command="{Binding NextCommand}"
-                Style="{StaticResource SfButtonStyle}"
-                Text="{Binding NextButtonText}" />
+                CornerRadius="20"
+                HeightRequest="40"
+                HorizontalOptions="Center"
+                Style="{StaticResource SimpleButtonStyle}"
+                Text="{Binding NextButtonText}"
+                VerticalOptions="End"
+                WidthRequest="245" />
         </Grid>
 
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml.cs b/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml.cs
index 0301a650..7c6812bc 100644
--- a/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml.cs
+++ b/EssentialUIKit/Views/OnBoarding/OnBoardingGradientPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class OnBoardingGradientPage
         /// </summary>
         public OnBoardingGradientPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/OnBoarding/Styles.xaml b/EssentialUIKit/Views/OnBoarding/Styles.xaml
deleted file mode 100644
index fef33c99..00000000
--- a/EssentialUIKit/Views/OnBoarding/Styles.xaml
+++ /dev/null
@@ -1,43 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ResourceDictionary 
-    xmlns="http://xamarin.com/schemas/2014/forms"  
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
-    x:Class="EssentialUIKit.Views.OnBoarding.Styles"     
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
-
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="VerticalOptions" Value="Center"/>
-        <Setter Property="HorizontalTextAlignment" Value="Center"/>
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25,Default=-1}"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}"/>
-    </Style>
-
-    <!--Common button style-->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="HorizontalOptions" Value="CenterAndExpand"/>
-        <Setter Property="VerticalOptions" Value="EndAndExpand"/>
-        <Setter Property="Margin" Value="0,10,0,24"/>
-        <Setter Property="CornerRadius" Value="20"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="WidthRequest" Value="245"/>
-        <Setter Property="HeightRequest" Value="40"/>
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}"/>
-        <Setter Property="BackgroundColor" Value="{StaticResource Gray-White}"/>
-        <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}"/>
-    </Style>
-
-    <Style x:Key="SfGradientViewStyle" TargetType="gradient:SfGradientView">
-        <Setter Property="BackgroundBrush">
-            <Setter.Value>
-                <gradient:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
-                    <gradient:SfLinearGradientBrush.GradientStops>
-                        <gradient:SfGradientStop Color="#d54381" Offset="0.0" />
-                        <gradient:SfGradientStop Color="#7644ad" Offset="1.0" />
-                    </gradient:SfLinearGradientBrush.GradientStops>
-                </gradient:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/OnBoarding/Styles.xaml.cs b/EssentialUIKit/Views/OnBoarding/Styles.xaml.cs
deleted file mode 100644
index 86f96312..00000000
--- a/EssentialUIKit/Views/OnBoarding/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.OnBoarding
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml b/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml
index 424e2a1d..6143fb26 100644
--- a/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml
+++ b/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml
@@ -5,13 +5,6 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     NavigationPage.HasNavigationBar="False">
-    <ContentView.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentView.Resources>
     <ContentView.Content>
         <StackLayout
             BackgroundColor="Transparent"
@@ -37,27 +30,28 @@
             <!--  Label to display header  -->
             <Label
                 Margin="0,30,0,8"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
                 FontSize="14"
-                HorizontalOptions="Center"
-                HorizontalTextAlignment="Center"
+                LineHeight="{OnPlatform Android=1.25,
+                                        Default=-1}"
                 Opacity="{OnPlatform Default=0,
                                      UWP=1}"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource TitleLabelStyle}"
                 Text="{Binding Header}"
+                TextColor="{DynamicResource Gray-White}"
                 TranslationY="{OnPlatform Default=60,
                                           UWP=0}"
                 VerticalTextAlignment="Center" />
 
             <!--  Label to display content  -->
             <Label
-                FontFamily="{StaticResource Montserrat-Medium}"
                 FontSize="16"
-                HorizontalOptions="Center"
+                LineHeight="{OnPlatform Android=1.25,
+                                        Default=-1}"
                 Opacity="{OnPlatform Default=0,
                                      UWP=1}"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource DescriptionLabelStyle}"
                 Text="{Binding Content}"
+                TextColor="{DynamicResource Gray-White}"
                 TranslationY="{OnPlatform Default=60,
                                           UWP=0}" />
 
diff --git a/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml.cs b/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml.cs
index d6822e6e..29a075a0 100644
--- a/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml.cs
+++ b/EssentialUIKit/Views/OnBoarding/WalkthroughItemPage.xaml.cs
@@ -15,7 +15,7 @@ public partial class WalkthroughItemPage
         /// </summary>
         public WalkthroughItemPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/ChatProfilePage.xaml b/EssentialUIKit/Views/Profile/ChatProfilePage.xaml
index f92d3215..7b5f1806 100644
--- a/EssentialUIKit/Views/Profile/ChatProfilePage.xaml
+++ b/EssentialUIKit/Views/Profile/ChatProfilePage.xaml
@@ -4,46 +4,47 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Profile"
+    x:Name="profilePage"
     Title="Profile Page"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <!--  Binding context for Profile Page  -->
     <ContentPage.BindingContext>
         <viewModel:ChatProfileViewModel />
     </ContentPage.BindingContext>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout Spacing="0">
+                <!--  Title View  -->
+                <controls:TitleView Title="Profile">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference profilePage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
     <ContentPage.Content>
         <ScrollView>
 
             <StackLayout Spacing="0">
 
-                <!--  Title  -->
-                <Grid Padding="10,20,10,10">
-                    <Label
-                        Grid.ColumnSpan="2"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        HorizontalOptions="Center"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="Profile" />
-                </Grid>
-
-                <BoxView Style="{StaticResource SeparatorStyle}" />
-
                 <!--  Profile image with edit label  -->
                 <buttons:SfButton
                     Margin="0,10,0,0"
                     BackgroundColor="Transparent"
-                    BorderColor="{DynamicResource Gray-White}"
+                    BorderColor="{DynamicResource Gray-Bg}"
                     BorderWidth="2"
                     Command="{Binding EditCommand}"
                     CornerRadius="60"
@@ -62,7 +63,7 @@
                                 Opacity="0.6"
                                 VerticalOptions="End" />
                             <Label
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="12"
                                 HeightRequest="32"
                                 HorizontalTextAlignment="Center"
@@ -77,23 +78,17 @@
                 <!--  Profile Name  -->
                 <Label
                     Margin="0,10,0,10"
-                    FontFamily="{StaticResource Montserrat-Bold}"
-                    FontSize="16"
-                    HorizontalOptions="Center"
+                    FontFamily="Montserrat-Bold"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="Julia Grant"
-                    TextColor="{DynamicResource Gray-900}"
                     VerticalOptions="Center" />
 
                 <!--  Grid for available label and navigation icon  -->
                 <Grid
                     x:Name="AvailableGrid"
                     Padding="16"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
 
                     <Grid.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding AvailableCommand}" CommandParameter="{x:Reference AvailableGrid}" />
@@ -101,78 +96,81 @@
 
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
-                        Text="{StaticResource Available}"
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource New}"
                         TextColor="{StaticResource Green}" />
 
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="Available" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Available"
+                        VerticalOptions="Center" />
 
                     <Label
                         Grid.Column="2"
                         HorizontalOptions="End"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
 
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for mail id label and icon  -->
-                <Grid Padding="16" ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Padding="16"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16">
 
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
-                        Text="{StaticResource Mail}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Account}" />
 
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="juliagrant@mail.com" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="juliagrant@mail.com"
+                        VerticalOptions="Center" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for mobile number label and icon  -->
-                <Grid Padding="16" ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Padding="16"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16">
 
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
-                        Text="{StaticResource VoiceCall}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Phone}" />
 
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="+1-202-555-0101" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="+1-202-555-0101"
+                        VerticalOptions="Center" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for notification label and navigation icon  -->
                 <Grid
                     x:Name="NotificationGrid"
                     Padding="16"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
 
                     <Grid.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding NotificationCommand}" CommandParameter="{x:Reference NotificationGrid}" />
@@ -180,44 +178,49 @@
 
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Notification}" />
 
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="Notifications" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Notifications"
+                        VerticalOptions="Center" />
 
                     <Label
                         Grid.Column="2"
                         HorizontalOptions="End"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for help label and icon  -->
-                <Grid Padding="16" ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Padding="16"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16">
 
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Help}" />
 
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="Help" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Help"
+                        VerticalOptions="Center" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
             </StackLayout>
 
diff --git a/EssentialUIKit/Views/Profile/ChatProfilePage.xaml.cs b/EssentialUIKit/Views/Profile/ChatProfilePage.xaml.cs
index 8a20a440..9b284779 100644
--- a/EssentialUIKit/Views/Profile/ChatProfilePage.xaml.cs
+++ b/EssentialUIKit/Views/Profile/ChatProfilePage.xaml.cs
@@ -15,8 +15,8 @@ public partial class ChatProfilePage
         /// </summary>
         public ChatProfilePage()
         {
-            InitializeComponent();
-            this.ProfileImage.Source = App.BaseImageUrl + "ProfileImage11.png";
+            this.InitializeComponent();
+            this.ProfileImage.Source = App.ImageServerPath + "ProfileImage11.png";
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/ContactProfilePage.xaml b/EssentialUIKit/Views/Profile/ContactProfilePage.xaml
index 0e5bc26f..98f3dfb0 100644
--- a/EssentialUIKit/Views/Profile/ContactProfilePage.xaml
+++ b/EssentialUIKit/Views/Profile/ContactProfilePage.xaml
@@ -5,35 +5,18 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Profile"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     Title="Contact Profile Page"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Chat Profile Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:ContactProfileViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <ScrollView>
 
-            <StackLayout BackgroundColor="{DynamicResource Gray-White}" Spacing="0">
+            <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
 
-                <Grid>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                <Grid ColumnDefinitions="Auto, *, Auto" VerticalOptions="FillAndExpand">
 
                     <Image
                         x:Name="ProfileImage"
@@ -42,77 +25,87 @@
                         Aspect="AspectFill"
                         BackgroundColor="{DynamicResource Gray-200}"
                         HeightRequest="{OnIdiom Default=480,
-                                                Phone=330}" />
+                                                Phone=330}">
+                        <Image.Source>
+                            <UriImageSource
+                                CacheValidity="14"
+                                CachingEnabled="True"
+                                Uri="{Binding ProfileImage}" />
+                        </Image.Source>
+                    </Image>
+
+                    <!--  OverLay Effect  -->
+                    <Frame
+                        Grid.Row="0"
+                        Grid.ColumnSpan="3"
+                        BackgroundColor="{DynamicResource Gray-Black}"
+                        CornerRadius="0"
+                        Opacity="0.25" />
 
                     <!--  Edit  -->
                     <button:SfButton
                         Grid.Row="0"
                         Grid.Column="2"
-                        Margin="10"
+                        Margin="8"
                         Padding="0"
-                        BackgroundColor="Transparent"
                         Command="{Binding EditCommand}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource FontIcons}"
-                        FontSize="18"
+                        FontSize="20"
                         HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Edit}"
                         TextColor="{DynamicResource Gray-White}"
-                        VerticalOptions="Start"
-                        WidthRequest="40" />
+                        VerticalOptions="Start" />
+
+                    <!--  Back button command  -->
+                    <button:SfButton
+                        x:Name="backButton"
+                        Margin="8"
+                        Command="{Binding BackButtonCommand}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        TextColor="{DynamicResource Gray-White}"
+                        VerticalOptions="Start" />
 
                     <!--  Profile name and status with border  -->
                     <border:SfBorder
                         x:Name="ProfileNameLabel"
                         Grid.Row="0"
                         Grid.ColumnSpan="3"
+                        Margin="0,0,0,-1"
                         helper:RTLHelper.CornerRadius="{OnIdiom Default='32,32,0,0'}"
-                        BackgroundColor="{DynamicResource Gray-White}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
                         BorderWidth="0"
-                        HeightRequest="87"
                         VerticalOptions="End">
                         <border:SfBorder.Content>
-                            <Grid
-                                Margin="0,32,0,0"
-                                Padding="16,7"
+                            <controls:TapAnimationGrid
+                                Padding="16,32,16,7"
+                                ColumnDefinitions="Auto, *, Auto"
                                 ColumnSpacing="8"
+                                Command="{Binding StatusCommand}"
+                                RowDefinitions="*, *"
                                 RowSpacing="0">
 
-                                <Grid.RowDefinitions>
-                                    <RowDefinition />
-                                    <RowDefinition />
-                                </Grid.RowDefinitions>
-
-                                <Grid.ColumnDefinitions>
-                                    <ColumnDefinition Width="Auto" />
-                                    <ColumnDefinition Width="*" />
-                                    <ColumnDefinition Width="Auto" />
-                                </Grid.ColumnDefinitions>
-
                                 <!--  Status Icon  -->
                                 <Label
                                     Grid.Column="0"
                                     Margin="0,5,0,0"
                                     FontSize="10"
                                     HorizontalTextAlignment="End"
-                                    Style="{StaticResource CommonProfileIconLabelStyle}"
-                                    Text="{StaticResource Available}"
+                                    Style="{StaticResource IconLabelStyle}"
+                                    Text="{StaticResource New}"
                                     TextColor="{StaticResource Green}"
-                                    VerticalOptions="Center"
                                     VerticalTextAlignment="Center" />
 
                                 <!--  Profile Name  -->
                                 <Label
                                     Grid.Row="0"
                                     Grid.Column="1"
-                                    FontFamily="{StaticResource Montserrat-Bold}"
-                                    FontSize="16"
+                                    FontFamily="Montserrat-Bold"
                                     HorizontalOptions="Start"
                                     HorizontalTextAlignment="Start"
-                                    LineHeight="{OnPlatform Android=1.5,
-                                                            Default=-1}"
+                                    Style="{StaticResource TitleLabelStyle}"
                                     Text="Julia Grant"
-                                    TextColor="{DynamicResource Gray-900}"
                                     VerticalOptions="Center"
                                     VerticalTextAlignment="Center" />
 
@@ -122,83 +115,79 @@
                                     Grid.Column="1"
                                     Margin="{OnPlatform Default='0',
                                                         iOS='0,6,0,0'}"
-                                    FontSize="12"
-                                    HorizontalTextAlignment="Start"
-                                    Style="{StaticResource CommonProfileLabelStyle}"
-                                    Text="Available" />
+                                    Style="{StaticResource SimpleLabelStyle}"
+                                    Text="Available"
+                                    TextColor="{DynamicResource Gray-900}" />
 
                                 <Label
                                     Grid.RowSpan="2"
                                     Grid.Column="2"
                                     HorizontalOptions="End"
-                                    Style="{StaticResource CommonProfileIconLabelStyle}"
+                                    Style="{StaticResource IconLabelStyle}"
                                     Text="{StaticResource Next}" />
 
-                                <Grid.GestureRecognizers>
-                                    <TapGestureRecognizer Command="{Binding ProfileNameCommand}" CommandParameter="{x:Reference ProfileNameLabel}" />
-                                </Grid.GestureRecognizers>
-
-                            </Grid>
+                            </controls:TapAnimationGrid>
                         </border:SfBorder.Content>
                     </border:SfBorder>
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for mail id label and icon  -->
-                <Grid Padding="16" ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Padding="16"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16">
 
                     <Label
                         Grid.Column="0"
                         Margin="0,5,0,0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
-                        Text="{StaticResource Mail}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Account}" />
 
                     <Label
                         Grid.Column="1"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="juliagrant@mail.com" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="juliagrant@mail.com"
+                        VerticalOptions="Center" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for mobile number label and icon  -->
-                <Grid Padding="16" ColumnSpacing="16">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Padding="16"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="16">
 
                     <Label
                         Grid.Column="0"
                         Margin="0,5,0,0"
-                        Style="{StaticResource CommonProfileIconLabelStyle}"
-                        Text="{StaticResource VoiceCall}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Phone}" />
 
                     <Label
                         Grid.Column="1"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        Style="{StaticResource CommonProfileLabelStyle}"
-                        Text="+1-202-555-0101" />
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="+1-202-555-0101"
+                        VerticalOptions="Center" />
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <StackLayout Padding="16,16,8,0" Orientation="Horizontal">
 
                     <!--  Media label  -->
                     <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
-                        LineHeight="1.5"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="MEDIA"
                         TextColor="{DynamicResource Gray-800}"
                         VerticalOptions="Center" />
@@ -207,14 +196,12 @@
 
                     <button:SfButton
                         Padding="0"
-                        BackgroundColor="{DynamicResource Gray-White}"
+                        BackgroundColor="{DynamicResource Gray-Bg}"
                         Command="{Binding ViewAllCommand}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="12"
                         HorizontalOptions="End"
-                        Text="VIEW ALL"
-                        TextColor="{DynamicResource HyperLink}" />
+                        Style="{StaticResource TransparentButtonStyle}"
+                        Text="VIEW ALL" />
                 </StackLayout>
 
                 <!--  ScrollView for shared media  -->
@@ -229,20 +216,23 @@
                         Spacing="16">
                         <BindableLayout.ItemTemplate>
                             <DataTemplate>
-                                <Image
-                                    BackgroundColor="{DynamicResource Gray-200}"
-                                    HeightRequest="100"
-                                    WidthRequest="100">
-                                    <Image.GestureRecognizers>
-                                        <TapGestureRecognizer Command="{Binding Path=BindingContext.MediaImageCommand, Source={x:Reference ScrollView}}" CommandParameter="{Binding .}" />
-                                    </Image.GestureRecognizers>
-                                    <Image.Source>
-                                        <UriImageSource
-                                            CacheValidity="14"
-                                            CachingEnabled="true"
-                                            Uri="{Binding ImagePath}" />
-                                    </Image.Source>
-                                </Image>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.MediaImageCommand, Source={x:Reference ScrollView}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <Image
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="100"
+                                        WidthRequest="100">
+                                        <Image.Source>
+                                            <UriImageSource
+                                                CacheValidity="14"
+                                                CachingEnabled="true"
+                                                Uri="{Binding ImagePath}" />
+                                        </Image.Source>
+                                    </Image>
+                                </syncEffectsView:SfEffectsView>
                             </DataTemplate>
                         </BindableLayout.ItemTemplate>
                     </StackLayout>
diff --git a/EssentialUIKit/Views/Profile/ContactProfilePage.xaml.cs b/EssentialUIKit/Views/Profile/ContactProfilePage.xaml.cs
index 27b565e2..c315f8df 100644
--- a/EssentialUIKit/Views/Profile/ContactProfilePage.xaml.cs
+++ b/EssentialUIKit/Views/Profile/ContactProfilePage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Profile;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Profile
@@ -12,8 +13,8 @@ public partial class ContactProfilePage
     {
         public ContactProfilePage()
         {
-            InitializeComponent();
-            this.ProfileImage.Source = App.BaseImageUrl + "ContactProfileImage.png";
+            this.InitializeComponent();
+            this.BindingContext = ContactProfileViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/HealthProfilePage.xaml b/EssentialUIKit/Views/Profile/HealthProfilePage.xaml
new file mode 100644
index 00000000..36934fbe
--- /dev/null
+++ b/EssentialUIKit/Views/Profile/HealthProfilePage.xaml
@@ -0,0 +1,243 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Profile.HealthProfilePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:svg="clr-namespace:EssentialUIKit.Controls"
+    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
+
+    <ContentPage.Content>
+        <ScrollView>
+            <Grid RowDefinitions="Auto, *">
+
+                <Grid
+                    HeightRequest="361"
+                    RowDefinitions="Auto, Auto, *"
+                    RowSpacing="0">
+                    <gradient:SfGradientView Grid.RowSpan="3">
+                        <gradient:SfGradientView.BackgroundBrush>
+                            <gradient:SfLinearGradientBrush>
+                                <gradient:SfLinearGradientBrush.GradientStops>
+                                    <gradient:SfGradientStop Offset="0.0" Color="{StaticResource Dull-Red}" />
+                                    <gradient:SfGradientStop Offset="1.0" Color="{StaticResource Deep-Purple}" />
+                                </gradient:SfLinearGradientBrush.GradientStops>
+                            </gradient:SfLinearGradientBrush>
+                        </gradient:SfGradientView.BackgroundBrush>
+                    </gradient:SfGradientView>
+
+                    <!--  Profile Image  -->
+                    <border:SfBorder
+                        Margin="0,56,0,8"
+                        BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+                        BorderColor="{DynamicResource Gray-White}"
+                        BorderWidth="2"
+                        CornerRadius="60"
+                        HeightRequest="120"
+                        HorizontalOptions="CenterAndExpand"
+                        VerticalOptions="StartAndExpand"
+                        WidthRequest="120">
+
+                        <Image Aspect="AspectFill" BackgroundColor="{DynamicResource GrayShadowBackgroundColor}">
+                            <Image.Source>
+                                <UriImageSource
+                                    CacheValidity="14"
+                                    CachingEnabled="True"
+                                    Uri="{Binding ProfileImage}" />
+                            </Image.Source>
+                        </Image>
+
+                    </border:SfBorder>
+
+                    <!--  Profile Name  -->
+                    <Label
+                        Grid.Row="1"
+                        Margin="0,0,0,2"
+                        FontSize="20"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding ProfileName}"
+                        TextColor="{DynamicResource Gray-White}" />
+
+                    <!--  State and Country  -->
+                    <Label
+                        Grid.Row="2"
+                        FontSize="12"
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        TextColor="{DynamicResource Gray-White}">
+                        <Label.FormattedText>
+                            <FormattedString>
+                                <Span Text="{Binding State}" />
+                                <Span Text=" " />
+                                <Span Text="{Binding Country}" />
+                            </FormattedString>
+                        </Label.FormattedText>
+                    </Label>
+                </Grid>
+
+                <border:SfBorder
+                    Grid.Row="1"
+                    Margin="0,-69,0,0"
+                    Padding="0,61,0,0"
+                    BackgroundColor="{DynamicResource GrayShadowBackgroundColor}"
+                    BorderWidth="0"
+                    CornerRadius="14,14,0,0"
+                    VerticalOptions="Start">
+                    <listView:SfListView
+                        AutoFitMode="Height"
+                        IsScrollingEnabled="False"
+                        ItemSize="74"
+                        ItemsSource="{Binding CardItems}"
+                        SelectionMode="None"
+                        TapCommand="{Binding ItemTappedCommand}">
+                        <listView:SfListView.ItemTemplate>
+                            <DataTemplate>
+                                <svg:CustomShadowFrame
+                                    Margin="16,8"
+                                    Padding="0"
+                                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                                    BorderWidth="0"
+                                    CornerRadius="4"
+                                    HasShadow="True"
+                                    HorizontalOptions="CenterAndExpand"
+                                    Radius="4"
+                                    WidthRequest="{OnIdiom Phone=343,
+                                                           Default=736}">
+
+                                    <Grid
+                                        Padding="16"
+                                        RowDefinitions="Auto, *"
+                                        RowSpacing="0">
+
+                                        <!--  Category  -->
+                                        <Label
+                                            HeightRequest="24"
+                                            HorizontalOptions="Start"
+                                            Style="{StaticResource TitleLabelStyle}"
+                                            Text="{Binding CategoryValue}" />
+
+                                        <!--  Category Value  -->
+                                        <Label
+                                            Grid.Row="1"
+                                            FontSize="12"
+                                            HeightRequest="18"
+                                            HorizontalOptions="Start"
+                                            Style="{StaticResource DescriptionLabelStyle}"
+                                            Text="{Binding Category}" />
+
+                                        <!--  Category Image  -->
+                                        <svg:SVGImage
+                                            Grid.RowSpan="2"
+                                            BackgroundColor="Transparent"
+                                            HeightRequest="31"
+                                            HorizontalOptions="End"
+                                            Source="{Binding CategoryImage}"
+                                            VerticalOptions="Center"
+                                            WidthRequest="32" />
+                                    </Grid>
+
+                                </svg:CustomShadowFrame>
+                            </DataTemplate>
+                        </listView:SfListView.ItemTemplate>
+                    </listView:SfListView>
+                </border:SfBorder>
+
+                <svg:CustomShadowFrame
+                    Grid.Row="0"
+                    Margin="16,0,16,24"
+                    Padding="0"
+                    BackgroundColor="{DynamicResource GrayShadowColor}"
+                    BorderWidth="0"
+                    CornerRadius="4"
+                    HasShadow="True"
+                    HorizontalOptions="CenterAndExpand"
+                    Radius="4"
+                    VerticalOptions="End"
+                    WidthRequest="{OnIdiom Phone=343,
+                                           Default=736}">
+
+                    <svg:CustomShadowFrame.Content>
+                        <Grid
+                            ColumnDefinitions="*, Auto, *, Auto, *"
+                            ColumnSpacing="0"
+                            HeightRequest="90"
+                            RowDefinitions="*, *"
+                            RowSpacing="0"
+                            WidthRequest="{OnIdiom Phone=343,
+                                                   Default=480}">
+
+                            <!--  Age  -->
+                            <Label
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding Age}"
+                                VerticalOptions="End" />
+
+                            <Label
+                                Grid.Row="1"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Age" />
+
+                            <!--  Seperator  -->
+                            <BoxView
+                                Grid.RowSpan="2"
+                                Grid.Column="1"
+                                BackgroundColor="{DynamicResource Gray-400}"
+                                HeightRequest="24"
+                                Style="{StaticResource VerticalSeparatorStyle}" />
+
+
+                            <!--  Weight  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="2"
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding Weight}"
+                                VerticalOptions="End" />
+
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="2"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Weight" />
+
+                            <!--  Seperator  -->
+                            <BoxView
+                                Grid.RowSpan="2"
+                                Grid.Column="3"
+                                BackgroundColor="{DynamicResource Gray-400}"
+                                HeightRequest="24"
+                                Style="{StaticResource VerticalSeparatorStyle}" />
+
+                            <!--  Height  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="4"
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding Height}"
+                                VerticalOptions="End" />
+
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="4"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Height" />
+
+                        </Grid>
+                    </svg:CustomShadowFrame.Content>
+
+                </svg:CustomShadowFrame>
+            </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/HealthProfilePage.xaml.cs b/EssentialUIKit/Views/Profile/HealthProfilePage.xaml.cs
new file mode 100644
index 00000000..7e09041d
--- /dev/null
+++ b/EssentialUIKit/Views/Profile/HealthProfilePage.xaml.cs
@@ -0,0 +1,24 @@
+using EssentialUIKit.ViewModels.Profile;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Profile
+{
+    /// <summary>
+    /// Page to show the health profile.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class HealthProfilePage : ContentPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="HealthProfilePage" /> class.
+        /// </summary>
+        public HealthProfilePage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = HealthProfileViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/MasterPage.xaml b/EssentialUIKit/Views/Profile/MasterPage.xaml
index 375d1dec..ec01191b 100644
--- a/EssentialUIKit/Views/Profile/MasterPage.xaml
+++ b/EssentialUIKit/Views/Profile/MasterPage.xaml
@@ -5,22 +5,9 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Profile"
-    BackgroundColor="{DynamicResource Gray-White}"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.BindingContext>
-        <viewModel:MasterPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <ScrollView>
             <StackLayout Spacing="0">
@@ -28,23 +15,18 @@
                 <!--  profile view  -->
                 <Grid
                     Padding="16,24,16,8"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *"
                     ColumnSpacing="8"
-                    HeightRequest="48"
+                    RowDefinitions="*, *"
                     RowSpacing="2">
 
-                    <Grid.RowDefinitions>
-                        <RowDefinition />
-                        <RowDefinition />
-                    </Grid.RowDefinitions>
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
-
                     <!--  Rounded Profile Image  -->
-                    <border:SfBorder Grid.RowSpan="2" Style="{StaticResource ProfileBorderStyle}">
+                    <border:SfBorder
+                        Grid.RowSpan="2"
+                        BorderWidth="0"
+                        CornerRadius="24"
+                        Style="{StaticResource ProfileBorderStyle}">
                         <Image
                             BackgroundColor="{DynamicResource Gray-200}"
                             HeightRequest="48"
@@ -62,56 +44,42 @@
                     <Label
                         Grid.Column="1"
                         Margin="0,4,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
                         HorizontalOptions="Start"
-                        LineBreakMode="TailTruncation"
-                        LineHeight="{OnPlatform Default=-1,
-                                                Android=1.25}"
-                        MaxLines="2"
-                        Text="{Binding ProfileName}"
-                        TextColor="{DynamicResource Gray-900}" />
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding ProfileName}" />
 
                     <!--  Email  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="1"
-                        FontFamily="{StaticResource Montserrat-Medium}"
                         FontSize="12"
                         HorizontalOptions="Start"
-                        LineBreakMode="TailTruncation"
-                        LineHeight="{OnPlatform Default=-1,
-                                                Android=1.25}"
-                        MaxLines="2"
-                        Text="{Binding Email}"
-                        TextColor="{DynamicResource Gray-700}" />
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        Text="{Binding Email}" />
                 </Grid>
 
-                <BoxView Margin="0,0,0,8" Style="{StaticResource SeparatorStyle}" />
+                <BoxView Margin="0,0,0,8" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for home label and icon  -->
                 <Grid
                     x:Name="HomeGrid"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    HeightRequest="48">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *">
 
                     <Label
                         Grid.Column="0"
                         helper:RTLHelper.Margin="16, 0, 8, 0"
-                        Style="{StaticResource ProfileIconLabelStyle}"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Home}"
                         TextColor="{DynamicResource PrimaryColor}" />
 
                     <Label
                         Grid.Column="1"
                         Margin="0,14"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        Style="{StaticResource ProfileLabelStyle}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Home"
                         TextColor="{DynamicResource PrimaryColor}" />
 
@@ -121,31 +89,26 @@
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for interests label and icon  -->
                 <Grid
                     x:Name="InterestsGrid"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    HeightRequest="48">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *">
 
                     <Label
                         Grid.Column="0"
                         helper:RTLHelper.Margin="16, 0, 8, 0"
-                        Style="{StaticResource ProfileIconLabelStyle}"
-                        Text="{StaticResource Interests}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Favourite}" />
 
                     <Label
                         Grid.Column="1"
                         Margin="0,14"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        Style="{StaticResource ProfileLabelStyle}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Interests" />
 
                     <Grid.GestureRecognizers>
@@ -154,31 +117,26 @@
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for bookmark label and icon  -->
                 <Grid
                     x:Name="BookmarkGrid"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    HeightRequest="48">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *">
 
                     <Label
                         Grid.Column="0"
                         helper:RTLHelper.Margin="16, 0, 8, 0"
-                        Style="{StaticResource ProfileIconLabelStyle}"
-                        Text="{StaticResource ClearBookmark}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Bookmark}" />
 
                     <Label
                         Grid.Column="1"
                         Margin="0,14"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        Style="{StaticResource ProfileLabelStyle}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Bookmarks" />
 
                     <Grid.GestureRecognizers>
@@ -187,31 +145,26 @@
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for activity label and icon  -->
                 <Grid
                     x:Name="ActivityGrid"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    HeightRequest="48">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *">
 
                     <Label
                         Grid.Column="0"
                         helper:RTLHelper.Margin="16, 0, 8, 0"
-                        Style="{StaticResource ProfileIconLabelStyle}"
-                        Text="{StaticResource Activity}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Notification}" />
 
                     <Label
                         Grid.Column="1"
                         Margin="0,14"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        Style="{StaticResource ProfileLabelStyle}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Activity" />
 
                     <Grid.GestureRecognizers>
@@ -220,31 +173,26 @@
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for profile label and icon  -->
                 <Grid
                     x:Name="ProfileGrid"
-                    BackgroundColor="{DynamicResource Gray-White}"
-                    HeightRequest="48">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *">
 
                     <Label
                         Grid.Column="0"
                         helper:RTLHelper.Margin="16, 0, 8, 0"
-                        Style="{StaticResource ProfileIconLabelStyle}"
-                        Text="{StaticResource Profile}" />
+                        Style="{StaticResource IconLabelStyle}"
+                        Text="{StaticResource Account}" />
 
                     <Label
                         Grid.Column="1"
                         Margin="0,14"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        Style="{StaticResource ProfileLabelStyle}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Profile" />
 
                     <Grid.GestureRecognizers>
@@ -253,7 +201,7 @@
 
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
             </StackLayout>
         </ScrollView>
diff --git a/EssentialUIKit/Views/Profile/MasterPage.xaml.cs b/EssentialUIKit/Views/Profile/MasterPage.xaml.cs
index ed704cc0..9ac2b427 100644
--- a/EssentialUIKit/Views/Profile/MasterPage.xaml.cs
+++ b/EssentialUIKit/Views/Profile/MasterPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Profile;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Profile
@@ -15,7 +16,8 @@ public partial class MasterPage
         /// </summary>
         public MasterPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = MasterPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/ProfilePage.xaml b/EssentialUIKit/Views/Profile/ProfilePage.xaml
index c83f62ec..5de2e884 100644
--- a/EssentialUIKit/Views/Profile/ProfilePage.xaml
+++ b/EssentialUIKit/Views/Profile/ProfilePage.xaml
@@ -6,27 +6,24 @@
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Profile"
+    x:Name="profilePage"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.BindingContext>
-        <viewModel:ProfileViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
                 <!--  Title View  -->
-                <controls:TitleView Title="Profile" BackgroundColor="{DynamicResource Gray-White}" />
+                <controls:TitleView Title="Profile">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference profilePage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
                 <ContentPresenter />
             </StackLayout>
         </ControlTemplate>
@@ -40,26 +37,19 @@
                 <Grid
                     Margin="0,16,0,0"
                     Padding="16,8"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="8"
                     HeightRequest="48"
+                    RowDefinitions="*, *"
                     RowSpacing="2">
 
-                    <Grid.RowDefinitions>
-                        <RowDefinition />
-                        <RowDefinition />
-                    </Grid.RowDefinitions>
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
-
                     <!--  Rounded Profile Image  -->
                     <border:SfBorder
                         Grid.RowSpan="2"
                         BackgroundColor="{DynamicResource Gray-200}"
+                        BorderWidth="0"
+                        CornerRadius="24"
                         Style="{StaticResource ProfileBorderStyle}">
                         <Image HeightRequest="48" WidthRequest="48">
                             <Image.Source>
@@ -74,8 +64,7 @@
                     <!--  Profile Name  -->
                     <Label
                         Grid.Column="1"
-                        Margin="0,4,0,0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         FontSize="14"
                         HorizontalOptions="Start"
                         LineBreakMode="TailTruncation"
@@ -83,13 +72,14 @@
                                                 Android=1.25}"
                         MaxLines="2"
                         Text="{Binding ProfileName}"
-                        TextColor="{DynamicResource Gray-900}" />
+                        TextColor="{DynamicResource Gray-900}"
+                        VerticalTextAlignment="End" />
 
                     <!--  Email  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="1"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="Start"
                         LineBreakMode="TailTruncation"
@@ -106,26 +96,27 @@
                         Margin="8,0"
                         Padding="0"
                         Command="{Binding EditCommand}"
-                        HeightRequest="32"
-                        Style="{StaticResource ProfileButtonStyle}"
+                        FontSize="20"
+                        HeightRequest="-1"
+                        Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Edit}"
-                        WidthRequest="32" />
+                        WidthRequest="-1" />
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <BoxView BackgroundColor="{DynamicResource Gray-100}" HeightRequest="16" />
 
                 <!--  Grid for Night mode label and switch  -->
-                <Grid BackgroundColor="{DynamicResource Gray-White}">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                <Grid BackgroundColor="{DynamicResource Gray-Bg}" ColumnDefinitions="*, Auto">
 
                     <!--  Night mode label  -->
-                    <Label Style="{StaticResource ProfileLabelStyle}" Text="Night Mode" />
+                    <Label
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Night Mode" />
 
                     <!--  Night mode switch  -->
                     <buttons:SfSwitch
@@ -142,7 +133,7 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OnState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-White}"
                                                     ThumbColor="{DynamicResource Gray-White}"
                                                     TrackBorderColor="{DynamicResource Gray-200}"
                                                     TrackColor="{DynamicResource PrimaryColor}" />
@@ -156,10 +147,10 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OffState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-300}"
                                                     ThumbColor="{DynamicResource Gray-White}"
-                                                    TrackBorderColor="{DynamicResource Gray-200}"
-                                                    TrackColor="{DynamicResource Gray-White}" />
+                                                    TrackBorderColor="{DynamicResource Gray-300}"
+                                                    TrackColor="{DynamicResource Gray-300}" />
                                             </Setter.Value>
                                         </Setter>
                                     </VisualState.Setters>
@@ -169,54 +160,63 @@
                     </buttons:SfSwitch>
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Text size label and navigation bar icon  -->
-                <Grid x:Name="TextSizeGrid" BackgroundColor="{DynamicResource Gray-White}">
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    x:Name="TextSizeGrid"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto">
 
                     <Grid.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding TextSizeCommand}" CommandParameter="{x:Reference TextSizeGrid}" />
                     </Grid.GestureRecognizers>
 
                     <!--  Text size label  -->
-                    <Label Style="{StaticResource ProfileLabelStyle}" Text="Text Size" />
+                    <Label
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Text Size" />
 
                     <!--  Text size navigation icon  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource ProfileIconLabelStyle}"
+                        Margin="16,8"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Settings label and navigation bar icon  -->
-                <Grid x:Name="SettingsGrid" BackgroundColor="{DynamicResource Gray-White}">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    x:Name="SettingsGrid"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto">
 
                     <Grid.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding SettingsCommand}" CommandParameter="{x:Reference SettingsGrid}" />
                     </Grid.GestureRecognizers>
 
                     <!--  Settings Label  -->
-                    <Label Style="{StaticResource ProfileLabelStyle}" Text="Settings" />
+                    <Label
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Settings" />
 
                     <!--  Settings navigation icon  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource ProfileIconLabelStyle}"
+                        Margin="16,8"
+                        Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </Grid>
 
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
             </StackLayout>
 
diff --git a/EssentialUIKit/Views/Profile/ProfilePage.xaml.cs b/EssentialUIKit/Views/Profile/ProfilePage.xaml.cs
index 84105568..cdd742bc 100644
--- a/EssentialUIKit/Views/Profile/ProfilePage.xaml.cs
+++ b/EssentialUIKit/Views/Profile/ProfilePage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Profile;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Profile
@@ -15,7 +16,8 @@ public partial class ProfilePage
         /// </summary>
         public ProfilePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = ProfileViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Profile/Styles.xaml b/EssentialUIKit/Views/Profile/Styles.xaml
deleted file mode 100644
index 5f7de026..00000000
--- a/EssentialUIKit/Views/Profile/Styles.xaml
+++ /dev/null
@@ -1,97 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Profile.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
-
-    <Color x:Key="Transparent">Transparent</Color>
-    <x:String x:Key="Edit">&#xe727;</x:String>
-    <x:String x:Key="Next">&#xe71a;</x:String>
-    <x:String x:Key="Home">&#xe706;</x:String>
-    <x:String x:Key="Interests">&#xe701;</x:String>
-    <x:String x:Key="ClearBookmark">&#xe734;</x:String>
-    <x:String x:Key="Activity">&#xe700;</x:String>
-    <x:String x:Key="Profile">&#xe70e;</x:String>
-    <x:String x:Key="Available">&#xe720;</x:String>
-    <x:String x:Key="Mail">&#xe725;</x:String>
-    <x:String x:Key="VoiceCall">&#xe71c;</x:String>
-    <x:String x:Key="Notification">&#xe700;</x:String>
-    <x:String x:Key="Help">&#xe72c;</x:String>
-
-    <!--  Common style for rounded profile image  -->
-    <Style x:Key="ProfileBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="CornerRadius" Value="24" />
-    </Style>
-
-    <!--  Common style for profile page SfButton  -->
-    <Style x:Key="ProfileButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="CornerRadius" Value="4" />
-    </Style>
-
-    <!--  Common style for profile page icon Label  -->
-    <Style x:Key="ProfileIconLabelStyle" TargetType="Label">
-        <Setter Property="Margin" Value="16,8" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for contact profile page icon Label  -->
-    <Style x:Key="CommonProfileIconLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for profile page Label  -->
-    <Style x:Key="ProfileLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="Margin" Value="16, 12" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=-1, Android=1.5}" />
-        <Setter Property="LineBreakMode" Value="TailTruncation" />
-        <Setter Property="MaxLines" Value="2" />
-    </Style>
-
-    <!--  Common style for contact profile page Label  -->
-    <Style x:Key="CommonProfileLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-    </Style>
-
-    <!--  Common style for separator BoxView  -->
-    <Style x:Key="SeparatorStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/EssentialUIKit/Views/Profile/Styles.xaml.cs b/EssentialUIKit/Views/Profile/Styles.xaml.cs
deleted file mode 100644
index f8db275e..00000000
--- a/EssentialUIKit/Views/Profile/Styles.xaml.cs
+++ /dev/null
@@ -1,28 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Profile
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Settings/HelpPage.xaml b/EssentialUIKit/Views/Settings/HelpPage.xaml
index f9f38f4b..79dedcc9 100644
--- a/EssentialUIKit/Views/Settings/HelpPage.xaml
+++ b/EssentialUIKit/Views/Settings/HelpPage.xaml
@@ -1,282 +1,292 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage x:Class="EssentialUIKit.Views.Settings.HelpPage"
-             xmlns="http://xamarin.com/schemas/2014/forms"
-             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-             xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-             xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Settings"
-             xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-             mc:Ignorable="d"
-             x:Name="helpPage"
-             BackgroundColor="{DynamicResource Gray-100}"
-             NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary Source="Styles.xaml" />
-        </ResourceDictionary>
-    </ContentPage.Resources>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Settings.HelpPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Settings"
+    x:Name="helpPage"
+    BackgroundColor="{DynamicResource Gray-100}"
+    NavigationPage.HasNavigationBar="False"
+    mc:Ignorable="d">
 
     <ContentPage.BindingContext>
-        <viewModel:HelpViewModel/>
+        <viewModel:HelpViewModel />
     </ContentPage.BindingContext>
 
 
     <StackLayout Spacing="0">
         <StackLayout
-                x:Name="TitleView"
-                Padding="16,8"
-                BackgroundColor="{DynamicResource Gray-White} "
-                HeightRequest="48"
-                HorizontalOptions="FillAndExpand"
-                Orientation="Horizontal"
-                Spacing="0">
+            x:Name="TitleView"
+            Padding="8"
+            BackgroundColor="{DynamicResource Gray-Bg}"
+            HorizontalOptions="FillAndExpand"
+            Orientation="Horizontal"
+            Spacing="0">
 
             <StackLayout
-                    x:Name="Title"
-                    HorizontalOptions="FillAndExpand"
-                    IsVisible="True"
-                    Orientation="Horizontal"
-                    Spacing="0"
-                    VerticalOptions="FillAndExpand">
+                x:Name="TitleLayout"
+                HorizontalOptions="FillAndExpand"
+                IsVisible="True"
+                Orientation="Horizontal"
+                Spacing="0"
+                VerticalOptions="FillAndExpand">
 
                 <buttons:SfButton
-                            x:Name="backButton"
-                            Command="{Binding BackButtonCommand}"
-                            CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
-                            Style="{StaticResource IconButtonStyle}"
-                            Text="{StaticResource Back}" />
+                    x:Name="backButton"
+                    Command="{Binding BackButtonCommand}"
+                    CommandParameter="{x:Reference backButton}"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Back}" />
                 <Label
-                        Margin="16,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
-                        FontSize="16"
-                        HorizontalOptions="CenterAndExpand"
-                        LineHeight="{OnPlatform Default=-1,
-                                            Android=1.25}"
-                        Text="Help centre"
-                        TextColor="{DynamicResource Gray-900}"
-                        VerticalOptions="Center"
-                        VerticalTextAlignment="Center" />
+                    Margin="16,0"
+                    FontFamily="Montserrat-Medium"
+                    HorizontalOptions="FillAndExpand"
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="Help centre"
+                    VerticalOptions="Center"
+                    VerticalTextAlignment="Center" />
 
             </StackLayout>
 
             <StackLayout
-                    x:Name="Search"
-                    HorizontalOptions="EndAndExpand"
-                    IsVisible="False"
-                    Orientation="Horizontal"
-                    Spacing="0">
+                x:Name="Search"
+                HorizontalOptions="EndAndExpand"
+                IsVisible="False"
+                Orientation="Horizontal"
+                Spacing="0">
 
                 <buttons:SfButton
-                        x:Name="BackToTitle"
-                        Style="{StaticResource NavigationBarButtonStyle}"
-                        Clicked="BackToTitle_Clicked"
-                        Text="{StaticResource Back}" />
+                    x:Name="BackToTitle"
+                    Style="{StaticResource IconButtonStyle}"
+                    Text="{StaticResource Back}">
+                    <buttons:SfButton.Behaviors>
+                        <behaviors:SearchBarAnimationBehavior AnimationType="shrink" />
+                    </buttons:SfButton.Behaviors>
+                </buttons:SfButton>
 
                 <!--  Rounded Search Entry  -->
-                <border:SfBorder Style="{DynamicResource SfBorderStyle}">
+                <border:SfBorder Style="{DynamicResource ThemeBorderStyle}">
                     <controls:BorderlessEntry
-                            x:Name="SearchEntry"
-                            HorizontalOptions="FillAndExpand"
-                            Placeholder="Search here"
-                            Style="{StaticResource ChatSearchEntryStyle}"/>
+                        x:Name="SearchEntry"
+                        HorizontalOptions="FillAndExpand"
+                        Placeholder="Search here"
+                        Style="{StaticResource BorderlessEntryStyle}" />
                 </border:SfBorder>
 
             </StackLayout>
 
             <buttons:SfButton
-                    x:Name="SearchButton"
-                    Clicked="SearchButton_Clicked"
-                    IsVisible="True"
-                    Style="{StaticResource IconButtonStyle }"
-                    Text="{StaticResource Search}" />
+                x:Name="SearchButton"
+                IsVisible="True"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Search}">
+                <buttons:SfButton.Behaviors>
+                    <behaviors:SearchBarAnimationBehavior AnimationType="expand" />
+                </buttons:SfButton.Behaviors>
+            </buttons:SfButton>
 
         </StackLayout>
 
+        <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+
         <ScrollView>
 
             <StackLayout BackgroundColor="{DynamicResource Gray-100}" Spacing="0">
 
-                <!--  Header label for help with recent orders -->
-                <Label 
-                    Margin ="16,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                <!--  Header label for help with recent orders  -->
+                <Label
+                    Margin="16,24,0,16"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
-                    HeightRequest="50"
-                    VerticalOptions="Center"
                     HorizontalOptions="FillAndExpand"
-                    VerticalTextAlignment="Center"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
                     Text="HELP WITH RECENT ORDERS"
-                    TextColor="{DynamicResource Gray-800}" />
+                    TextColor="{DynamicResource Gray-800}"
+                    VerticalOptions="Center"
+                    VerticalTextAlignment="Center" />
 
                 <!--  Previous order label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    HeightRequest="48"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
                     Command="{Binding IssuePreviousOrderCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
                     <!--  Previous order label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Issues with Previous Order" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Issues with Previous Order"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Return & refund label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                     HeightRequest="48"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
-                    Command="{Binding Return_RefundCommand}"
+                    Command="{Binding ReturnRefundCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Return and Refunds label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Returns and Refunds" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Returns and Refunds"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
-                <!--  Header label for help with other queries -->
+                <!--  Header label for help with other queries  -->
                 <Label
-                    Margin ="16,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,40,0,16"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
-                    HeightRequest="71"
-                    VerticalOptions="Center"
                     HorizontalOptions="FillAndExpand"
-                    VerticalTextAlignment="Center"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
                     Text="HELP WITH OTHER QUERIES"
-                    TextColor="{DynamicResource Gray-800}" />
+                    TextColor="{DynamicResource Gray-800}"
+                    VerticalOptions="Center"
+                    VerticalTextAlignment="Center" />
 
-                <!-- Payment related queries and navigation bar icon  -->
+                <!--  Payment related queries and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                     HeightRequest="48"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
                     Command="{Binding PaymentQueriesCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
                     <!--  Payment related queries label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Payment-Related Queries" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Payment-Related Queries"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Offers related queries and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    HeightRequest="48"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
                     Command="{Binding OffersQueriesCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
                     <!--  Offers related queries label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Offer-Related Queries" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Offer-Related Queries"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Account related queries and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    HeightRequest="48"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
                     Command="{Binding AccountQueriesCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
                     <!--  Account related queries label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Account-Related Queries" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Account-Related Queries"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Other queries and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    HeightRequest="48"  
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="*, Auto"
                     ColumnSpacing="0"
                     Command="{Binding OtherQueriesCommand}"
+                    HeightRequest="48"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
                     <!--  Other queries label  -->
                     <Label
                         Grid.Column="0"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Other Queries" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Other Queries"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="1"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
             </StackLayout>
         </ScrollView>
diff --git a/EssentialUIKit/Views/Settings/HelpPage.xaml.cs b/EssentialUIKit/Views/Settings/HelpPage.xaml.cs
index 36e288ff..aa05eac0 100644
--- a/EssentialUIKit/Views/Settings/HelpPage.xaml.cs
+++ b/EssentialUIKit/Views/Settings/HelpPage.xaml.cs
@@ -1,6 +1,5 @@
-using System;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
-using Xamarin.Forms;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Settings
@@ -11,91 +10,7 @@ public partial class HelpPage : ContentPage
     {
         public HelpPage()
         {
-            InitializeComponent();
-        }
-
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                if (Search.IsVisible)
-                {
-                    Search.WidthRequest = width;
-                }
-            }
-        }
-
-        /// <summary>
-        /// Invoked when search button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void SearchButton_Clicked(object sender, EventArgs e)
-        {
-            this.Search.IsVisible = true;
-            this.Title.IsVisible = false;
-            this.SearchButton.IsVisible = false;
-
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating width of the search box, from 0 to full width when it added to the view.
-                var expandAnimation = new Animation(
-                    property =>
-                    {
-                        Search.WidthRequest = property;
-                        opacity = property / TitleView.Width;
-                        Search.Opacity = opacity;
-                    }, 0, TitleView.Width, Easing.Linear);
-                expandAnimation.Commit(Search, "Expand", 16, 250, Easing.Linear);
-            }
-
-            SearchEntry.Focus();
-        }
-
-        /// <summary>
-        /// Invoked when back to title button is clicked.
-        /// </summary>
-        /// <param name="sender">The Sender</param>
-        /// <param name="e">Event Args</param>
-        private void BackToTitle_Clicked(object sender, EventArgs e)
-        {
-            this.SearchButton.IsVisible = true;
-            if (this.TitleView != null)
-            {
-                double opacity;
-
-                // Animating width of the search box, from full width to 0 before it removed from view.
-                var shrinkAnimation = new Animation(property =>
-                {
-                    Search.WidthRequest = property;
-                    opacity = property / TitleView.Width;
-                    Search.Opacity = opacity;
-                },
-                TitleView.Width, 0, Easing.Linear);
-                shrinkAnimation.Commit(Search, "Shrink", 16, 250, Easing.Linear, (p, q) => this.SearchBoxAnimationCompleted());
-            }
-
-            SearchEntry.Text = string.Empty;
-        }
-
-
-        /// <summary>
-        /// Invokes when search box Animation completed.
-        /// </summary>
-        private void SearchBoxAnimationCompleted()
-        {
-            this.Search.IsVisible = false;
-            this.Title.IsVisible = true;
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Settings/SettingPage.xaml b/EssentialUIKit/Views/Settings/SettingPage.xaml
index 7e2343f9..5fa04126 100644
--- a/EssentialUIKit/Views/Settings/SettingPage.xaml
+++ b/EssentialUIKit/Views/Settings/SettingPage.xaml
@@ -11,23 +11,16 @@
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary Source="Styles.xaml" />
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
                 <!--  Title View  -->
-                <controls:TitleView Title="Settings" BackgroundColor="{DynamicResource Gray-White} ">
+                <controls:TitleView Title="Settings">
                     <controls:TitleView.LeadingView>
                         <buttons:SfButton
                             x:Name="backButton"
                             Command="{TemplateBinding BindingContext.BackButtonCommand}"
                             CommandParameter="{x:Reference backButton}"
-                            CornerRadius="4"
                             Style="{StaticResource IconButtonStyle}"
                             Text="{StaticResource Back}" />
                     </controls:TitleView.LeadingView>
@@ -47,10 +40,9 @@
 
                 <!--  Header label for account setting  -->
                 <Label
-                    Margin="16,0,0,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,24,0,16"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
-                    HeightRequest="50"
                     HorizontalOptions="FillAndExpand"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
@@ -59,19 +51,15 @@
                     VerticalOptions="Center"
                     VerticalTextAlignment="Center" />
 
-
                 <!--  Grid for Edit profile label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding EditProfileCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Edit profile icon  -->
                     <Label
                         Grid.Column="0"
@@ -81,28 +69,30 @@
                     <!--  Edit profile label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Edit Profile" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Edit Profile"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Change password label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding ChangePasswordCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Change password icon  -->
                     <Label
                         Grid.Column="0"
@@ -112,28 +102,30 @@
                     <!--  Change password label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Change Password" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Change Password"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Account link label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding LinkAccountCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Link account icon  -->
                     <Label
                         Grid.Column="0"
@@ -143,22 +135,27 @@
                     <!--  Link account label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Link Account" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Link Account"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
-                        Text="{StaticResource Next}"/>
+                        Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView BackgroundColor="{DynamicResource Gray-100}" HeightRequest="20" />
+
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Header lable for notifications  -->
                 <Label
-                    Margin="16,0,0,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,40,0,16"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
-                    HeightRequest="50"
                     HorizontalOptions="FillAndExpand"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
@@ -169,25 +166,26 @@
 
                 <!--  Grid for Notifications label and switch  -->
                 <Grid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     RowSpacing="0">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Notifications icon  -->
                     <Label
                         Grid.Column="0"
                         Margin="16,0,0,0"
                         Style="{StaticResource IconLabelStyle}"
-                        Text="{StaticResource Bell}" />
+                        Text="{StaticResource Notification}" />
                     <!--  Notification label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Notifications" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Notifications"
+                        VerticalOptions="Center" />
                     <!--  Notifications switch  -->
                     <buttons:SfSwitch
                         Grid.Column="2"
@@ -203,7 +201,7 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OnState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-White}"
                                                     ThumbColor="{DynamicResource Gray-White}"
                                                     TrackBorderColor="{DynamicResource Gray-200}"
                                                     TrackColor="{DynamicResource PrimaryColor}" />
@@ -217,10 +215,10 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OffState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-300}"
                                                     ThumbColor="{DynamicResource Gray-White}"
-                                                    TrackBorderColor="{DynamicResource Gray-200}"
-                                                    TrackColor="{DynamicResource Gray-200}" />
+                                                    TrackBorderColor="{DynamicResource Gray-300}"
+                                                    TrackColor="{DynamicResource Gray-300}" />
                                             </Setter.Value>
                                         </Setter>
                                     </VisualState.Setters>
@@ -229,29 +227,30 @@
                         </VisualStateManager.VisualStateGroups>
                     </buttons:SfSwitch>
                 </Grid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Email notifications and switch  -->
                 <Grid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     RowSpacing="0">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Email notification icon  -->
                     <Label
                         Grid.Column="0"
                         Margin="16,0,0,0"
                         Style="{StaticResource IconLabelStyle}"
-                        Text="{StaticResource Mail}" />
+                        Text="{StaticResource Account}" />
                     <!--  Email notification label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Email Notifications" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Email Notifications"
+                        VerticalOptions="Center" />
                     <!--  Email notification switch  -->
                     <buttons:SfSwitch
                         Grid.Column="2"
@@ -267,7 +266,7 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OnState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-White}"
                                                     ThumbColor="{DynamicResource Gray-White}"
                                                     TrackBorderColor="{DynamicResource Gray-200}"
                                                     TrackColor="{DynamicResource PrimaryColor}" />
@@ -281,10 +280,10 @@
                                             <Setter.Value>
                                                 <buttons:CupertinoSwitchSettings
                                                     x:TypeArguments="buttons:OffState"
-                                                    ThumbBorderColor="{DynamicResource Gray-200}"
+                                                    ThumbBorderColor="{DynamicResource Gray-300}"
                                                     ThumbColor="{DynamicResource Gray-White}"
-                                                    TrackBorderColor="{DynamicResource Gray-200}"
-                                                    TrackColor="{DynamicResource Gray-200}" />
+                                                    TrackBorderColor="{DynamicResource Gray-300}"
+                                                    TrackColor="{DynamicResource Gray-300}" />
                                             </Setter.Value>
                                         </Setter>
                                     </VisualState.Setters>
@@ -293,14 +292,14 @@
                         </VisualStateManager.VisualStateGroups>
                     </buttons:SfSwitch>
                 </Grid>
-                <BoxView BackgroundColor="{DynamicResource Gray-100}" HeightRequest="20" />
+
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Header label for Support setting  -->
                 <Label
-                    Margin="16,0,0,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                    Margin="16,40,0,16"
+                    FontFamily="Montserrat-SemiBold"
                     FontSize="12"
-                    HeightRequest="50"
                     HorizontalOptions="FillAndExpand"
                     LineHeight="{OnPlatform Default=-1,
                                             Android=1.25}"
@@ -311,16 +310,13 @@
 
                 <!--  Grid for Help label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding HelpCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  help icon  -->
                     <Label
                         Grid.Column="0"
@@ -330,28 +326,30 @@
                     <!--  Help text label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Help" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Help"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Terms of service label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding TermsCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Terms of service icon  -->
                     <Label
                         Grid.Column="0"
@@ -361,28 +359,30 @@
                     <!--  Terms of service label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Terms of Service" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Terms of Service"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for Privacy policy label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding PolicyCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  Privacy policy icon  -->
                     <Label
                         Grid.Column="0"
@@ -392,28 +392,30 @@
                     <!--  Privacy policy text label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="Privacy and Policy" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Privacy and Policy"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
-                <BoxView Style="{StaticResource SeparatorStyle}" />
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Grid for FAQs label and navigation bar icon  -->
                 <controls:TapAnimationGrid
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *, Auto"
                     ColumnSpacing="0"
                     Command="{Binding FAQCommand}"
                     RowSpacing="0"
                     Tapped="False">
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition Width="Auto" />
-                    </Grid.ColumnDefinitions>
+
                     <!--  FAQs icon  -->
                     <Label
                         Grid.Column="0"
@@ -423,27 +425,28 @@
                     <!--  FAQs text label  -->
                     <Label
                         Grid.Column="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="FAQs" />
+                        Margin="16,12"
+                        FontFamily="Montserrat-Medium"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="FAQs"
+                        VerticalOptions="Center" />
                     <!--  Navigation icon  -->
                     <Label
                         Grid.Column="2"
+                        Margin="16,8"
                         Style="{StaticResource IconLabelStyle}"
                         Text="{StaticResource Next}" />
                 </controls:TapAnimationGrid>
 
+                <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+
                 <!--  Logout button  -->
                 <buttons:SfButton
                     Margin="0,24,0,32"
-                    BackgroundColor="{DynamicResource PrimaryColor}"
-                    BorderColor="{DynamicResource PrimaryColor}"
-                    BorderWidth="1"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                    HeightRequest="40"
-                    HorizontalOptions="Center"
-                    Style="{StaticResource RoundButtonStyle}"
-                    Text="LOGOUT"
-                    TextColor="{DynamicResource Gray-White}"
+                    Command="{Binding LogoutCommand}"
+                    Style="{StaticResource GradientButtonStyle}"
+                    Text="LOG OUT"
                     WidthRequest="245" />
 
             </StackLayout>
diff --git a/EssentialUIKit/Views/Settings/SettingPage.xaml.cs b/EssentialUIKit/Views/Settings/SettingPage.xaml.cs
index 0db16817..ecae50f1 100644
--- a/EssentialUIKit/Views/Settings/SettingPage.xaml.cs
+++ b/EssentialUIKit/Views/Settings/SettingPage.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -19,9 +14,9 @@ public partial class SettingPage : ContentPage
         /// <summary>
         /// Initializes a new instance of the <see cref="SettingPage" /> class.
         /// </summary>
-        public SettingPage ()
+        public SettingPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Settings/Styles.xaml b/EssentialUIKit/Views/Settings/Styles.xaml
deleted file mode 100644
index b656e70f..00000000
--- a/EssentialUIKit/Views/Settings/Styles.xaml
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Settings.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="Transparent">Transparent</Color>
-    <x:String x:Key="Back">&#xe709;</x:String>
-    <x:String x:Key="Search">&#xe705;</x:String>
-    <x:String x:Key="Share">&#xe704;</x:String>
-    <x:String x:Key="Next">&#xe71a;</x:String>
-    <x:String x:Key="Account">&#xe70e;</x:String>
-    <x:String x:Key="Bell">&#xe700;</x:String>
-    <x:String x:Key="Mail">&#xe70e;</x:String>
-    <x:String x:Key="Help">&#xe72c;</x:String>
-   
-
-    <!--  Common style for entries  -->
-    <Style x:Key="ChatSearchEntryStyle" TargetType="control:BorderlessEntry">
-        <Setter Property="PlaceholderColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="ReturnType" Value="Done" />
-    </Style>
-
-    <!--  Common style for NavigationBar button  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="WidthRequest" Value="38" />
-        <Setter Property="HeightRequest" Value="38" />
-        <Setter Property="CornerRadius" Value="4" />
-        <Setter Property="Padding" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for icon buttons  -->
-    <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="40" />
-    </Style>
-
-    <!--  Common style for icon label  -->
-    <Style x:Key="IconLabelStyle" TargetType="Label">
-        <Setter Property="Margin" Value="16,8" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for SfborderStyle  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderColor" Value="Transparent" />
-        <Setter Property="CornerRadius" Value="25" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!--  Common style for  Label  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="Margin" Value="16, 12" />
-        <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=-1, Android=1.5}" />
-        <Setter Property="MaxLines" Value="2" />    
-    </Style>
-    
-    <!--  Common style for separator BoxView  -->
-    <Style x:Key="SeparatorStyle" TargetType="BoxView">
-        <Setter Property="HeightRequest" Value="1" />
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-200}" />
-    </Style>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for rounded buttons  -->
-    <Style
-        x:Key="RoundButtonStyle"
-        BasedOn="{StaticResource SfButtonStyle}"
-        TargetType="buttons:SfButton">
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="BorderWidth" Value="1" />
-        <Setter Property="CornerRadius" Value="22" />
-        <Setter Property="WidthRequest" Value="44" />
-        <Setter Property="HeightRequest" Value="44" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Settings/Styles.xaml.cs b/EssentialUIKit/Views/Settings/Styles.xaml.cs
deleted file mode 100644
index 297b4862..00000000
--- a/EssentialUIKit/Views/Settings/Styles.xaml.cs
+++ /dev/null
@@ -1,27 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Settings
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles : ResourceDictionary
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles ()
-		{
-			InitializeComponent ();
-		}
-	}
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/CartPage.xaml b/EssentialUIKit/Views/Shopping/CartPage.xaml
index 9dc0219d..6e0e43ec 100644
--- a/EssentialUIKit/Views/Shopping/CartPage.xaml
+++ b/EssentialUIKit/Views/Shopping/CartPage.xaml
@@ -70,7 +70,7 @@
                     BackgroundColor="{DynamicResource Gray-White}"
                     Orientation="Horizontal">
                     <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         Style="{StaticResource LabelStyle}"
                         Text="My Cart"
                         TextColor="{DynamicResource Gray-900}" />
@@ -78,7 +78,7 @@
                     <Label
                         BackgroundColor="{DynamicResource Gray-White}"
                         FontAttributes="Bold"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         HorizontalOptions="EndAndExpand"
                         HorizontalTextAlignment="End"
                         Style="{StaticResource LabelStyle}"
@@ -89,7 +89,7 @@
                 <BoxView
                     Grid.Row="1"
                     HeightRequest="1"
-                    Style="{StaticResource BoxViewStyle}" />
+                    Style="{StaticResource HorizontalSeparatorStyle}" />
 
                 <!--  Cart items  -->
                 <StackLayout
@@ -145,7 +145,7 @@
                                     Grid.Row="0"
                                     Grid.Column="1"
                                     Margin="0,16,0,4"
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                                    FontFamily="Montserrat-SemiBold"
                                     FontSize="14"
                                     HorizontalOptions="StartAndExpand"
                                     LineBreakMode="TailTruncation"
@@ -159,7 +159,7 @@
                                     Grid.Row="1"
                                     Grid.Column="1"
                                     Margin="0,0,0,8"
-                                    FontFamily="{StaticResource Montserrat-Medium}"
+                                    FontFamily="Montserrat-Medium"
                                     FontSize="12"
                                     LineBreakMode="TailTruncation"
                                     LineHeight="{OnPlatform Android=1.25,
@@ -178,7 +178,7 @@
 
                                     <!--  Product price  -->
                                     <Label
-                                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                                        FontFamily="Montserrat-SemiBold"
                                         FontSize="20"
                                         HorizontalOptions="Start"
                                         Style="{StaticResource LabelStyle}"
@@ -186,7 +186,7 @@
                                         TextColor="{DynamicResource PrimaryColor}" />
 
                                     <Label
-                                        FontFamily="{DynamicResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="12"
                                         HorizontalOptions="Start"
                                         Style="{StaticResource LabelStyle}"
@@ -195,7 +195,7 @@
                                         VerticalTextAlignment="Center" />
 
                                     <Label
-                                        FontFamily="{DynamicResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="12"
                                         HorizontalOptions="Start"
                                         Style="{StaticResource LabelStyle}"
@@ -233,15 +233,16 @@
                                             MaximumDropDownHeight="200"
                                             SelectedItem="{Binding TotalQuantity, Mode=TwoWay}"
                                             ShowBorder="False"
-                                            Style="{StaticResource CartComboBoxStyle}"
+                                            Style="{StaticResource SimpleComboBoxStyle}"
                                             TextColor="Transparent"
+                                            HeightRequest="32"
                                             WidthRequest="90">
 
                                             <combobox:SfComboBox.CustomView>
                                                 <Label
                                                     Margin="10,0,24,0"
                                                     BackgroundColor="Transparent"
-                                                    FontFamily="{DynamicResource Montserrat-Regular}"
+                                                    FontFamily="Montserrat-Regular"
                                                     FontSize="14"
                                                     HorizontalTextAlignment="Center"
                                                     Style="{StaticResource LabelStyle}"
@@ -253,7 +254,7 @@
                                                     <combobox:DropDownButtonSettings.View>
                                                         <Label
                                                             Margin="0"
-                                                            FontFamily="{StaticResource FontIcons}"
+                                                            FontFamily="FontIcons"
                                                             FontSize="25"
                                                             HorizontalTextAlignment="Center"
                                                             Text="{StaticResource DropDownButtonIcon}"
@@ -284,7 +285,7 @@
                                         WidthRequest="92">
                                         <buttons:SfButton.Content>
                                             <Label
-                                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                                FontFamily="Montserrat-SemiBold"
                                                 FontSize="14"
                                                 HorizontalOptions="Center"
                                                 HorizontalTextAlignment="Center"
@@ -305,7 +306,7 @@
                     Grid.Row="0"
                     Grid.RowSpan="4"
                     Grid.Column="1"
-                    Style="{StaticResource BoxViewStyle}"
+                    Style="{StaticResource HorizontalSeparatorStyle}"
                     VerticalOptions="Fill"
                     WidthRequest="{OnIdiom Default=0,
                                            Desktop=16}"
diff --git a/EssentialUIKit/Views/Shopping/CartPage.xaml.cs b/EssentialUIKit/Views/Shopping/CartPage.xaml.cs
deleted file mode 100644
index d1f9b182..00000000
--- a/EssentialUIKit/Views/Shopping/CartPage.xaml.cs
+++ /dev/null
@@ -1,23 +0,0 @@
-using EssentialUIKit.DataService;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Page to show the cart list. 
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class CartPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="CartPage" /> class.
-        /// </summary>
-        public CartPage()
-        {
-            InitializeComponent();
-            this.BindingContext = ShoppingDataService.Instance.CartPageViewModel;
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/CatalogListPage.xaml b/EssentialUIKit/Views/Shopping/CatalogListPage.xaml
index e37a2403..175f20c9 100644
--- a/EssentialUIKit/Views/Shopping/CatalogListPage.xaml
+++ b/EssentialUIKit/Views/Shopping/CatalogListPage.xaml
@@ -83,8 +83,8 @@
                 IsStickyHeader="False"
                 ItemSize="170"
                 ItemSpacing="8,8,0,8"
-                ItemsSource="{Binding Products}"
-                Style="{StaticResource SfListViewStyle}">
+                ItemsSource="{Binding Products}" BackgroundColor="{DynamicResource Gray-White}"
+                Style="{StaticResource TransparentSelectionListView}">
 
                 <listView:SfListView.Behaviors>
                     <commonBehavior:SfListViewTapBehavior Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference catalogListPage}}" />
@@ -134,7 +134,7 @@
                             <Label
                                 Grid.Column="1"
                                 Margin="0,0,0,8"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 LineBreakMode="TailTruncation"
                                 MaxLines="1"
                                 Style="{StaticResource LabelStyle}"
@@ -160,7 +160,7 @@
                                 Grid.Row="1"
                                 Grid.Column="1"
                                 Margin="0,0,0,8"
-                                FontFamily="{StaticResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
                                 LineBreakMode="TailTruncation"
                                 LineHeight="{OnPlatform Android=1.25,
@@ -178,7 +178,7 @@
 
                                 <!--  Product Price  -->
                                 <Label
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                                    FontFamily="Montserrat-SemiBold"
                                     FontSize="20"
                                     HorizontalOptions="Start"
                                     LineHeight="{OnPlatform Android=1.25,
@@ -191,7 +191,7 @@
 
                                 <Label
                                     Margin="0,6,0,6"
-                                    FontFamily="{StaticResource Montserrat-Medium}"
+                                    FontFamily="Montserrat-Medium"
                                     FontSize="12"
                                     HorizontalOptions="Start"
                                     Style="{StaticResource LabelStyle}"
@@ -207,7 +207,7 @@
                                 Grid.Row="3"
                                 Grid.Column="1"
                                 RatingSettings="{StaticResource RatingSettings}"
-                                Style="{StaticResource SfRatingStyle}"
+                                Style="{StaticResource RatingStyle}"
                                 Value="{Binding OverallRating}" />
                         </Grid>
                     </DataTemplate>
diff --git a/EssentialUIKit/Views/Shopping/CatalogListPage.xaml.cs b/EssentialUIKit/Views/Shopping/CatalogListPage.xaml.cs
deleted file mode 100644
index d3af8cb0..00000000
--- a/EssentialUIKit/Views/Shopping/CatalogListPage.xaml.cs
+++ /dev/null
@@ -1,23 +0,0 @@
-using EssentialUIKit.DataService;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Page to show the catalog list. 
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class CatalogListPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="CatalogListPage" /> class.
-        /// </summary>
-        public CatalogListPage()
-        {
-            InitializeComponent();
-            this.BindingContext = ShoppingDataService.Instance.CatalogPageViewModel;
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/CheckoutPage.xaml b/EssentialUIKit/Views/Shopping/CheckoutPage.xaml
deleted file mode 100644
index 9d1a7e8e..00000000
--- a/EssentialUIKit/Views/Shopping/CheckoutPage.xaml
+++ /dev/null
@@ -1,66 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage
-    x:Class="EssentialUIKit.Views.Shopping.CheckoutPage"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
-    xmlns:local="clr-namespace:EssentialUIKit.Views.Shopping"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Shopping"
-    Title="Checkout"
-    BackgroundColor="{DynamicResource Gray-100}"
-    NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Checkout Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CheckoutPageViewModel />
-    </ContentPage.BindingContext>
-
-    <ContentPage.ControlTemplate>
-        <ControlTemplate>
-            <StackLayout Spacing="0">
-
-                <!--  Title View  -->
-                <controls:TitleView Title="Checkout" BackgroundColor="{DynamicResource Gray-White}" />
-
-                <ContentPresenter />
-
-            </StackLayout>
-        </ControlTemplate>
-    </ContentPage.ControlTemplate>
-
-    <ContentPage.Content>
-        <ScrollView>
-            <Grid
-                Padding="{OnIdiom Default='0',
-                                  Desktop='16,16,16,0'}"
-                ColumnSpacing="0"
-                RowSpacing="16">
-
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
-
-                <!--  ListView for Delivery  -->
-                <local:DeliveryView Margin="{OnIdiom Phone='0,16,0,0', Tablet='0,24,0,0', Desktop=0}" />
-
-                <!--  ListView for Payment  -->
-                <local:PaymentView Grid.Row="1" Margin="{OnIdiom Default=0, Tablet='0,24,0,0'}" />
-
-                <!--  Price Details  -->
-                <local:PriceDetailView Grid.Row="2" ActionText="PAY NOW" />
-
-            </Grid>
-        </ScrollView>
-    </ContentPage.Content>
-
-</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/CheckoutPage.xaml.cs b/EssentialUIKit/Views/Shopping/CheckoutPage.xaml.cs
deleted file mode 100644
index cc4db8aa..00000000
--- a/EssentialUIKit/Views/Shopping/CheckoutPage.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Page to show the Checkout details.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class CheckoutPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="CheckoutPage" /> class.
-        /// </summary>
-        public CheckoutPage()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/DeliveryView.xaml b/EssentialUIKit/Views/Shopping/DeliveryView.xaml
index c830388c..f3f12346 100644
--- a/EssentialUIKit/Views/Shopping/DeliveryView.xaml
+++ b/EssentialUIKit/Views/Shopping/DeliveryView.xaml
@@ -39,7 +39,7 @@
 
             <Label
                 Grid.Column="0"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
@@ -51,7 +51,7 @@
             <!--  Total Price Label  -->
             <Label
                 Grid.Column="1"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
@@ -66,7 +66,7 @@
                 Grid.Row="1"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
 
         </Grid>
 
@@ -116,7 +116,7 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0,16,0,0',
                                                               Phone='10,2,0,2'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="14"
                             HorizontalOptions="StartAndExpand"
                             Style="{StaticResource LabelStyle}">
@@ -140,7 +140,7 @@
                             BorderWidth="0"
                             Command="{Binding BindingContext.EditCommand, Source={x:Reference RadioGroup}}"
                             CornerRadius="4"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="14"
                             HeightRequest="{OnIdiom Desktop=18,
                                                     Default=35}"
@@ -158,7 +158,7 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0',
                                                               Phone='10,0,0,0'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="12"
                             LineHeight="{OnPlatform Android=1.25,
                                                     Default=-1}"
@@ -172,7 +172,7 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0',
                                                               Phone='10,8,0,16'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="12"
                             HorizontalOptions="StartAndExpand"
                             Style="{StaticResource LabelStyle}">
@@ -188,7 +188,7 @@
                         <BoxView
                             Grid.Row="3"
                             Grid.ColumnSpan="4"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             VerticalOptions="End" />
 
                     </Grid>
diff --git a/EssentialUIKit/Views/Shopping/DeliveryView.xaml.cs b/EssentialUIKit/Views/Shopping/DeliveryView.xaml.cs
deleted file mode 100644
index c3c930be..00000000
--- a/EssentialUIKit/Views/Shopping/DeliveryView.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// The Delivery view. 
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class DeliveryView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="DeliveryView" /> class.
-        /// </summary>
-        public DeliveryView()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/DetailPage.xaml b/EssentialUIKit/Views/Shopping/DetailPage.xaml
index 54fcd79c..c4f5e352 100644
--- a/EssentialUIKit/Views/Shopping/DetailPage.xaml
+++ b/EssentialUIKit/Views/Shopping/DetailPage.xaml
@@ -103,7 +103,7 @@
                                 <badge:BadgeSetting
                                     BackgroundColor="{DynamicResource PrimaryColor}"
                                     BadgeType="None"
-                                    FontFamily="{StaticResource Montserrat-Medium}"
+                                    FontFamily="Montserrat-Medium"
                                     FontSize="10"
                                     Stroke="{DynamicResource Gray-White}"
                                     StrokeWidth="1"
@@ -203,7 +203,7 @@
                             Margin="{OnIdiom Phone='0,0,0,2',
                                              Desktop='0,8,0,0',
                                              Tablet='0,16,0,0'}"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="16"
                             HorizontalOptions="StartAndExpand"
                             LineBreakMode="TailTruncation"
@@ -221,7 +221,7 @@
                             Grid.ColumnSpan="2"
                             helper:RTLHelper.Margin="{OnIdiom Default='0,0,3,2',
                                                               Tablet='0,8,3,8'}"
-                            FontFamily="{DynamicResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="14"
                             LineBreakMode="TailTruncation"
                             LineHeight="{OnPlatform Android=1.5,
@@ -238,14 +238,14 @@
                             HorizontalOptions="Start"
                             ItemSize="14"
                             RatingSettings="{StaticResource RatingSettings}"
-                            Style="{StaticResource SfRatingStyle}"
+                            Style="{StaticResource RatingStyle}"
                             Value="{Binding ProductDetail.OverallRating}" />
 
                         <Label
                             Grid.Row="2"
                             Grid.Column="2"
                             Margin="0,6,0,11"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="{OnIdiom Default=12,
                                                Desktop=14}"
                             Style="{StaticResource LabelStyle}"
@@ -263,7 +263,7 @@
 
                             <!--  Product Price  -->
                             <Label
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="{OnIdiom Default=20,
                                                    Desktop=24}"
                                 Style="{StaticResource LabelStyle}"
@@ -271,7 +271,7 @@
                                 TextColor="{DynamicResource PrimaryColor}" />
 
                             <Label
-                                FontFamily="{DynamicResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
                                 Style="{StaticResource LabelStyle}"
                                 Text="{Binding ProductDetail.ActualPrice, StringFormat='${0:0.00} '}"
@@ -279,7 +279,7 @@
                                 VerticalTextAlignment="Center" />
 
                             <Label
-                                FontFamily="{DynamicResource Montserrat-Medium}"
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
                                 Style="{StaticResource LabelStyle}"
                                 Text="{Binding ProductDetail.DiscountPercent, StringFormat=' ({0}% OFF)'}"
@@ -339,7 +339,7 @@
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Desktop=8,
                                                     Phone=16}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
                                             Desktop={DynamicResource Gray-White},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
@@ -352,7 +352,7 @@
                             Grid.ColumnSpan="3"
                             Margin="{OnIdiom Default='0,16',
                                              Desktop='0,0,0,16'}"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="16"
                             Style="{StaticResource LabelStyle}"
                             Text="Select Size"
@@ -379,7 +379,7 @@
                             Grid.ColumnSpan="5"
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Default=0}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
                                             Desktop={DynamicResource Gray-White},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
@@ -422,7 +422,7 @@
                                 BorderWidth="1"
                                 Command="{Binding AddToCartCommand}"
                                 CommandParameter="{Binding .}"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
+                                FontFamily="Montserrat-SemiBold"
                                 HeightRequest="44"
                                 HorizontalOptions="{OnIdiom Default=Center,
                                                             Phone=FillAndExpand}"
@@ -439,7 +439,7 @@
                             Grid.Column="1"
                             Grid.ColumnSpan="3"
                             Margin="0,16,0,8"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="16"
                             Style="{StaticResource LabelStyle}"
                             Text="Product Description"
@@ -452,7 +452,7 @@
                             Grid.ColumnSpan="3"
                             Margin="{OnIdiom Default='0,0,0,16',
                                              Desktop='0,8'}"
-                            FontFamily="{DynamicResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="14"
                             LineHeight="{OnPlatform Default=1.25}"
                             Style="{StaticResource LabelStyle}"
@@ -464,7 +464,7 @@
                             Grid.ColumnSpan="5"
                             HeightRequest="{OnIdiom Tablet=24,
                                                     Default=16}"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             Color="{OnIdiom Default={DynamicResource Gray-100},
                                             Desktop={DynamicResource Gray-White},
                                             Converter={StaticResource DynamicResourceToColorConverter}}" />
@@ -477,7 +477,7 @@
                         <Label
                             Grid.Row="12"
                             Grid.ColumnSpan="5"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="16"
                             HorizontalOptions="CenterAndExpand"
                             IsVisible="{Binding IsReviewVisible}"
diff --git a/EssentialUIKit/Views/Shopping/DetailPage.xaml.cs b/EssentialUIKit/Views/Shopping/DetailPage.xaml.cs
deleted file mode 100644
index c1ad4d64..00000000
--- a/EssentialUIKit/Views/Shopping/DetailPage.xaml.cs
+++ /dev/null
@@ -1,43 +0,0 @@
-using EssentialUIKit.ViewModels.Shopping;
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// The Detail page.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class DetailPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="DetailPage" /> class.
-        /// </summary>
-        public DetailPage()
-        {
-            InitializeComponent();
-            this.BindingContext = new DetailPageViewModel();
-        }
-
-        /// <summary>
-        /// Invoked when view size is changed.
-        /// </summary>
-        /// <param name="width">The Width</param>
-        /// <param name="height">The Height</param>
-        protected override void OnSizeAllocated(double width, double height)
-        {
-            base.OnSizeAllocated(width, height);
-
-            if (width > height)
-            {
-                Rotator.ItemTemplate = (DataTemplate)this.Resources["LandscapeTemplate"];
-            }
-            else
-            {
-                Rotator.ItemTemplate = (DataTemplate)this.Resources["PortraitTemplate"];
-            }
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/EmailEntry.xaml b/EssentialUIKit/Views/Shopping/EmailEntry.xaml
index eb182976..4763d511 100644
--- a/EssentialUIKit/Views/Shopping/EmailEntry.xaml
+++ b/EssentialUIKit/Views/Shopping/EmailEntry.xaml
@@ -9,8 +9,7 @@
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <converter:StringToBooleanConverter x:Key="StringToBooleanConverter" />
-            <converter:ErrorValidationColorConverter x:Key="ErrorValidationColorConverter" PageVariantParameter="0" />
+           
             <ResourceDictionary.MergedDictionaries>
                 <ResourceDictionary Source="Styles.xaml" />
             </ResourceDictionary.MergedDictionaries>
@@ -19,7 +18,7 @@
 
     <ContentView.Content>
         <StackLayout>
-            <border:SfBorder BorderColor="{Binding Path=IsFocused, Source={x:Reference Email}, Converter={x:StaticResource ErrorValidationColorConverter}, ConverterParameter={x:Reference Email}}" Style="{StaticResource CommonSfBorderStyle}">
+            <border:SfBorder BorderColor="{Binding Path=IsFocused, Source={x:Reference Email},  ConverterParameter={x:Reference Email}}" Style="{StaticResource CommonSfBorderStyle}">
                 <Grid>
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="*" />
@@ -34,7 +33,7 @@
 
                     <Label
                         Margin="15,0"
-                        FontFamily="{StaticResource FontIcons}"
+                        FontFamily="FontIcons"
                         FontSize="18"
                         HorizontalOptions="EndAndExpand"
                         HorizontalTextAlignment="End"
@@ -51,7 +50,7 @@
                 x:Name="ValidationLabel"
                 Margin="15,-5,0,0"
                 FontSize="12"
-                IsVisible="{Binding Path=IsFocused, Source={x:Reference Email}, Converter={StaticResource StringToBooleanConverter}, ConverterParameter={x:Reference Email}}"
+                IsVisible="{Binding Path=IsFocused, Source={x:Reference Email},  ConverterParameter={x:Reference Email}}"
                 Text="Please enter the valid e-mail"
                 TextColor="{DynamicResource Red}"
                 VerticalOptions="FillAndExpand" />
diff --git a/EssentialUIKit/Views/Shopping/FeedbackView.xaml b/EssentialUIKit/Views/Shopping/FeedbackView.xaml
index b13f54a0..51aceb3a 100644
--- a/EssentialUIKit/Views/Shopping/FeedbackView.xaml
+++ b/EssentialUIKit/Views/Shopping/FeedbackView.xaml
@@ -23,7 +23,7 @@
         <StackLayout Padding="{OnIdiom Default='16', Desktop='0,0,0,10'}" Orientation="Horizontal">
 
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 HorizontalOptions="StartAndExpand"
                 Style="{StaticResource LabelStyle}"
@@ -36,7 +36,7 @@
                 Command="{Binding LoadMoreCommand}"
                 CommandParameter="{x:Reference ShowButton}"
                 CornerRadius="4"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="{OnIdiom Default=12,
                                    Desktop=14}"
                 HorizontalOptions="End"
@@ -57,7 +57,7 @@
             </buttons:SfButton>
 
         </StackLayout>
-        <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+        <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
     </StackLayout>
 
     <StackLayout x:Name="StackLayout" BindableLayout.ItemsSource="{Binding ProductDetail.Reviews}">
@@ -109,14 +109,14 @@
 
                                 <!--  Customer Name  -->
                                 <Label
-                                    FontFamily="{StaticResource Montserrat-SemiBold}"
+                                    FontFamily="Montserrat-SemiBold"
                                     Style="{StaticResource LabelStyle}"
                                     Text="{Binding CustomerName}"
                                     TextColor="{DynamicResource Gray-900}" />
 
                                 <!--  Commented Date  -->
                                 <Label
-                                    FontFamily="{StaticResource Montserrat-Regular}"
+                                    FontFamily="Montserrat-Regular"
                                     FontSize="12"
                                     Style="{StaticResource LabelStyle}"
                                     Text="{Binding ReviewedDate}" />
@@ -127,7 +127,7 @@
                                 HorizontalOptions="{OnIdiom Default=FillAndExpand,
                                                             Phone=EndAndExpand}"
                                 RatingSettings="{StaticResource RatingSettings}"
-                                Style="{StaticResource SfRatingStyle}"
+                                Style="{StaticResource RatingStyle}"
                                 VerticalOptions="Start"
                                 Value="{Binding Rating}" />
 
@@ -164,7 +164,7 @@
                             Grid.Row="2"
                             Grid.ColumnSpan="2"
                             Margin="0,0,0,16"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             FontSize="14"
                             LineHeight="{OnPlatform Android=1.25,
                                                     Default=-1}"
@@ -173,7 +173,7 @@
 
                     </Grid>
 
-                    <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource BoxViewStyle}" />
+                    <BoxView HeightRequest="{OnIdiom Default=1, Desktop=0}" Style="{StaticResource HorizontalSeparatorStyle}" />
 
                     <StackLayout.GestureRecognizers>
                         <TapGestureRecognizer Command="{Binding Path=BindingContext.ItemSelectedCommand, Source={x:Reference StackLayout}}" CommandParameter="{Binding .}" />
diff --git a/EssentialUIKit/Views/Shopping/FeedbackView.xaml.cs b/EssentialUIKit/Views/Shopping/FeedbackView.xaml.cs
deleted file mode 100644
index 694b723a..00000000
--- a/EssentialUIKit/Views/Shopping/FeedbackView.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// The Feedback view
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class FeedbackView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="FeedbackView" /> class.
-        /// </summary>
-        public FeedbackView()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/LoginPage.xaml b/EssentialUIKit/Views/Shopping/LoginPage.xaml
index 07e2cc1f..a34e086f 100644
--- a/EssentialUIKit/Views/Shopping/LoginPage.xaml
+++ b/EssentialUIKit/Views/Shopping/LoginPage.xaml
@@ -69,7 +69,7 @@
 
                         <!--  Label to display the title of this page  -->
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="20"
                             HorizontalTextAlignment="Center"
                             Style="{StaticResource CommonLabelStyle}"
@@ -79,7 +79,7 @@
                         <Label
                             Grid.Row="1"
                             Margin="0,8"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             HorizontalTextAlignment="Center"
                             Style="{StaticResource CommonLabelStyle}"
                             Text="Let's get to work" />
@@ -105,7 +105,7 @@
                             x:Name="ForgotPasswordLabel"
                             Grid.Row="4"
                             Margin="0,16"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="12"
                             HorizontalOptions="End"
                             Text="FORGOT PASSWORD?"
@@ -126,7 +126,7 @@
 
                         <Label
                             Grid.Row="6"
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             HorizontalTextAlignment="Center"
                             Style="{StaticResource CommonLabelStyle}"
                             Text="Or create an account using social media" />
@@ -145,13 +145,13 @@
                                     Orientation="Horizontal"
                                     VerticalOptions="Center">
                                     <Label
-                                        FontFamily="{StaticResource FontIcons}"
+                                        FontFamily="FontIcons"
                                         FontSize="18"
                                         Text="&#xe735;"
                                         TextColor="{DynamicResource Gray-White}"
                                         VerticalTextAlignment="Center" />
                                     <Label
-                                        FontFamily="{StaticResource Montserrat-Medium}"
+                                        FontFamily="Montserrat-Medium"
                                         FontSize="16"
                                         Text="Login with Facebook"
                                         TextColor="{DynamicResource Gray-White}" />
@@ -175,7 +175,7 @@
                         </StackLayout.Padding>
 
                         <Label
-                            FontFamily="{StaticResource Montserrat-Medium}"
+                            FontFamily="Montserrat-Medium"
                             HorizontalOptions="CenterAndExpand"
                             HorizontalTextAlignment="Center"
                             Style="{StaticResource CommonLabelStyle}"
diff --git a/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml b/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml
index 259b1fe3..818e8838 100644
--- a/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml
+++ b/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml
@@ -16,7 +16,7 @@
                 <ResourceDictionary Source="Styles.xaml" />
             </ResourceDictionary.MergedDictionaries>
             <DataTemplate x:Key="ItemTemplate">
-                <ContentPresenter Content="{Binding RotatorItem}" />
+                <ContentPresenter Content="{Binding RotatorView}" />
             </DataTemplate>
         </ResourceDictionary>
     </ContentPage.Resources>
@@ -46,7 +46,7 @@
                 BackgroundColor="Transparent"
                 Command="{Binding SkipCommand}"
                 CornerRadius="20"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 HeightRequest="40"
                 HorizontalOptions="End"
                 IsVisible="{Binding IsSkipButtonVisible}"
diff --git a/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml.cs b/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml.cs
deleted file mode 100644
index 43f490f0..00000000
--- a/EssentialUIKit/Views/Shopping/OnBoardingAnimationPage.xaml.cs
+++ /dev/null
@@ -1,22 +0,0 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Page to display on-boarding gradient with animation
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class OnBoardingAnimationPage 
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="OnBoardingAnimationPage" /> class.
-        /// </summary>
-        public OnBoardingAnimationPage()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml b/EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml
deleted file mode 100644
index c1a5e6b0..00000000
--- a/EssentialUIKit/Views/Shopping/PaymentSuccessPage.xaml
+++ /dev/null
@@ -1,61 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ContentPage
-    x:Class="EssentialUIKit.Views.Shopping.PaymentSuccessPage"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:svg="clr-namespace:EssentialUIKit.Controls"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Shopping"
-    Title="Payment Success Page"
-    BackgroundColor="{DynamicResource Gray-100}"
-    NavigationPage.HasNavigationBar="False">
-
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <ContentPage.Content>
-
-        <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
-            <StackLayout
-                HorizontalOptions="Center"
-                Spacing="0"
-                VerticalOptions="Center">
-
-                <StackLayout.BindingContext>
-                    <viewModel:PaymentViewModel />
-                </StackLayout.BindingContext>
-
-                <!--  Payment status image  -->
-                <svg:SVGImage
-                    Margin="0,10,0,0"
-                    HeightRequest="80"
-                    Source="{Binding PaymentSuccessIcon}"
-                    WidthRequest="80" />
-
-                <!--  Payment status label  -->
-                <Label
-                    Margin="0,40,0,0"
-                    Style="{StaticResource PaymentLabelStyle}"
-                    Text="PAYMENT SUCCESS" />
-
-                <!--  Payment description label  -->
-                <Label
-                    Margin="17,8"
-                    Style="{StaticResource PaymentDescriptionLabelStyle}"
-                    Text="Thank you for your payment. An automated payment receipt will be sent to your registered email." />
-
-                <button:SfButton
-                    Command="{Binding TrackOrderCommand}"
-                    Style="{StaticResource SfGradientButtonStyle}"
-                    Text="TRACK YOUR ORDER" />
-
-            </StackLayout>
-        </ScrollView>
-
-    </ContentPage.Content>
-</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/PaymentView.xaml b/EssentialUIKit/Views/Shopping/PaymentView.xaml
index c55f491e..ad40f302 100644
--- a/EssentialUIKit/Views/Shopping/PaymentView.xaml
+++ b/EssentialUIKit/Views/Shopping/PaymentView.xaml
@@ -47,7 +47,7 @@
                         Grid.Column="0"
                         Grid.ColumnSpan="2"
                         templateSelector:RTLHelper.Margin="42,0,0,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
                         Text="{Binding CardNumber}"
@@ -62,7 +62,7 @@
                         BorderColor="{DynamicResource Gray-300}"
                         CornerRadius="4">
                         <control:BorderlessEntry
-                            FontFamily="{StaticResource Montserrat-Regular}"
+                            FontFamily="Montserrat-Regular"
                             FontSize="16"
                             HeightRequest="{OnPlatform Default=40,
                                                        iOS=-1}"
@@ -96,7 +96,7 @@
                         Grid.Row="3"
                         Grid.ColumnSpan="2"
                         HeightRequest="1"
-                        Style="{StaticResource BoxViewStyle}"
+                        Style="{StaticResource HorizontalSeparatorStyle}"
                         VerticalOptions="End" />
 
                     <Grid.GestureRecognizers>
@@ -127,7 +127,7 @@
                     <BoxView
                         Grid.Row="1"
                         HeightRequest="1"
-                        Style="{StaticResource BoxViewStyle}"
+                        Style="{StaticResource HorizontalSeparatorStyle}"
                         VerticalOptions="End" />
 
                     <Grid.GestureRecognizers>
@@ -147,7 +147,7 @@
         <!--  Header  -->
         <Label
             Margin="16"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
+            FontFamily="Montserrat-SemiBold"
             FontSize="16"
             LineHeight="{OnPlatform Android=1.25,
                                     Default=-1}"
@@ -156,7 +156,7 @@
             TextColor="{DynamicResource Gray-900}" />
 
         <!--  Separator  -->
-        <BoxView HeightRequest="1" Style="{StaticResource BoxViewStyle}" />
+        <BoxView HeightRequest="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
         <!--  Payment modes  -->
         <buttons:SfRadioGroup BindableLayout.ItemsSource="{Binding PaymentModes}" Spacing="0">
diff --git a/EssentialUIKit/Views/Shopping/PaymentView.xaml.cs b/EssentialUIKit/Views/Shopping/PaymentView.xaml.cs
deleted file mode 100644
index 33d42f7f..00000000
--- a/EssentialUIKit/Views/Shopping/PaymentView.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// The Payment view. 
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class PaymentView
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="PaymentView" /> class.
-        /// </summary>
-        public PaymentView()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/PriceDetailView.xaml b/EssentialUIKit/Views/Shopping/PriceDetailView.xaml
index ef4a0caa..f4d84b0b 100644
--- a/EssentialUIKit/Views/Shopping/PriceDetailView.xaml
+++ b/EssentialUIKit/Views/Shopping/PriceDetailView.xaml
@@ -42,7 +42,7 @@
                 Grid.Row="0"
                 Grid.ColumnSpan="2"
                 Margin="16,16,16,12"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
@@ -53,19 +53,19 @@
                 Grid.Row="1"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total MRP  -->
             <Label
                 Grid.Row="2"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 Style="{StaticResource PriceLabelStyle}"
                 Text="Total MRP" />
             <Label
                 Grid.Row="2"
                 Grid.Column="1"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
                 Style="{StaticResource PriceLabelStyle}"
@@ -73,14 +73,14 @@
             <!--  Discount Percent  -->
             <Label
                 Grid.Row="3"
-                FontFamily="{DynamicResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="12"
                 Style="{StaticResource PriceLabelStyle}"
                 Text="Discount" />
             <Label
                 Grid.Row="3"
                 Grid.Column="1"
-                FontFamily="{DynamicResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="12"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
@@ -89,7 +89,7 @@
             <!--  Coupon Discount  -->
             <Label
                 Grid.Row="4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="12"
                 HorizontalOptions="StartAndExpand"
                 Style="{StaticResource PriceLabelStyle}"
@@ -106,7 +106,7 @@
                 <buttons:SfButton.Content>
                     <Label
                         Margin="0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
+                        FontFamily="Montserrat-SemiBold"
                         FontSize="12"
                         HorizontalOptions="Fill"
                         HorizontalTextAlignment="Center"
@@ -119,14 +119,14 @@
             <Label
                 Grid.Row="5"
                 Margin="16,0,16,4"
-                FontFamily="{StaticResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 Style="{StaticResource PriceLabelStyle}"
                 Text="Delivery Charges" />
             <Label
                 Grid.Row="5"
                 Grid.Column="1"
                 Margin="16,0,16,4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="12"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
@@ -138,12 +138,12 @@
                 Grid.Row="6"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total price  -->
             <Label
                 Grid.Row="7"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
@@ -154,7 +154,7 @@
                 Grid.Row="7"
                 Grid.Column="1"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="16"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
@@ -173,7 +173,7 @@
             BorderWidth="0"
             Command="{Binding PlaceOrderCommand}"
             CornerRadius="20"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
+            FontFamily="Montserrat-SemiBold"
             HeightRequest="40"
             HorizontalOptions="{OnIdiom Default=FillAndExpand,
                                         Phone=CenterAndExpand,
diff --git a/EssentialUIKit/Views/Shopping/PriceDetailView.xaml.cs b/EssentialUIKit/Views/Shopping/PriceDetailView.xaml.cs
deleted file mode 100644
index 451679ea..00000000
--- a/EssentialUIKit/Views/Shopping/PriceDetailView.xaml.cs
+++ /dev/null
@@ -1,45 +0,0 @@
-using Xamarin.Forms;
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// The PriceDetail View.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class PriceDetailView
-    {
-        /// <summary>
-        /// Gets or sets the ActionTextProperty, and it is a bindable property.
-        /// </summary>
-        public static readonly BindableProperty ActionTextProperty =
-            BindableProperty.Create(nameof(ActionText), typeof(string), typeof(PriceDetailView));
-
-        #region Constructor
-
-        /// <summary>
-        /// Initializes a new instance of the <see cref="PriceDetailView" /> class.
-        /// </summary>
-        public PriceDetailView()
-        {
-            InitializeComponent();
-        }
-
-        #endregion
-
-        #region Public properties
-
-        /// <summary>
-        /// Gets or sets the Action Text.
-        /// </summary>
-        public string ActionText
-        {
-            get { return (string)GetValue(ActionTextProperty); }
-            set { this.SetValue(ActionTextProperty, value); }
-        }
-
-        #endregion
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/Styles.xaml b/EssentialUIKit/Views/Shopping/Styles.xaml
index 379c6269..4397ce79 100644
--- a/EssentialUIKit/Views/Shopping/Styles.xaml
+++ b/EssentialUIKit/Views/Shopping/Styles.xaml
@@ -67,7 +67,7 @@
     <Style x:Key="IconButtonStyle" TargetType="buttons:SfButton">
         <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
         <Setter Property="BackgroundColor" Value="{StaticResource Transparent}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="18" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
@@ -105,7 +105,7 @@
         <Setter Property="FontAttributes" Value="Bold" />
         <Setter Property="WidthRequest" Value="245" />
         <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="BackgroundColor" Value="{StaticResource Gray-White}" />
         <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
     </Style>
@@ -130,14 +130,14 @@
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="FontSize" Value="20" />
         <Setter Property="LineHeight" Value="1.25" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
     </Style>
 
     <!--  Style for description label  -->
     <Style x:Key="PaymentDescriptionLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
+        <Setter Property="FontFamily" Value="Montserrat-Medium" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="HorizontalOptions" Value="Center" />
@@ -150,7 +150,7 @@
         <Setter Property="VerticalOptions" Value="Start" />
         <Setter Property="Margin" Value="0,24" />
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="HeightRequest" Value="40" />
         <Setter Property="CornerRadius" Value="20" />
@@ -249,7 +249,7 @@
     <Style x:Key="IconLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
         <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="18" />
         <Setter Property="HorizontalTextAlignment" Value="Center" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
@@ -305,7 +305,7 @@
             </Setter.Value>
         </Setter>
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="BorderWidth" Value="0" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="HeightRequest" Value="40" />
@@ -317,7 +317,7 @@
     <Style x:Key="SfFlatButtonStyle" TargetType="buttons:SfButton">
         <Setter Property="BackgroundColor" Value="Transparent" />
         <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
         <Setter Property="FontSize" Value="14" />
         <Setter Property="VerticalTextAlignment" Value="Center" />
     </Style>
@@ -402,65 +402,13 @@
 
     </Style>
 
-    <!--  Common style for SfListView  -->
-    <Style x:Key="SfListViewStyle" TargetType="listView:SfListView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FocusBorderThickness" Value="0" />
-        <Setter Property="SelectionBackgroundColor" Value="Transparent" />
-        <Setter Property="IsScrollBarVisible" Value="False" />
-        <Setter Property="VerticalOptions" Value="FillAndExpand" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
+    
 
     <rating:SfRatingSettings
         x:Key="RatingSettings"
         RatedFill="{StaticResource OrangeyYellow}"
         RatedStroke="{StaticResource OrangeyYellow}" />
 
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="14" />
-        <Setter Property="ItemSpacing" Value="0" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfComboBox  -->
-    <Style x:Key="SfComboBoxStyle" TargetType="combobox:SfComboBox">
-        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="TextSize" Value="16" />
-        <Setter Property="DropDownTextSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="DropDownItemFontFamily" Value="Montserrat-Regular" />
-    </Style>
-
-    <!--  Common style for Sort ComboBox  -->
-    <Style
-        x:Key="SortComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="WidthRequest" Value="246" />
-    </Style>
-
-    <Style
-        x:Key="CartComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="WidthRequest" Value="84" />
-        <Setter Property="HeightRequest" Value="32" />
-    </Style>
-
     <combobox:DropDownButtonSettings
         x:Key="DropDownButtonSettings"
         Width="25"
@@ -484,7 +432,7 @@
         BasedOn="{StaticResource SfRadioButtonStyle}"
         TargetType="buttons:SfRadioButton">
         <Setter Property="FontSize" Value="14" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
+        <Setter Property="FontFamily" Value="Montserrat-SemiBold" />
     </Style>
 
     <!--  Header Template for Catalog SfListView  -->
@@ -511,13 +459,13 @@
                         Spacing="8"
                         VerticalOptions="Center">
                         <Label
-                            FontFamily="{StaticResource FontIcons}"
+                            FontFamily="FontIcons"
                             FontSize="18"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="{StaticResource Filter}"
                             VerticalTextAlignment="End" />
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="Filter"
                             VerticalTextAlignment="Center" />
@@ -536,13 +484,13 @@
                         Orientation="Horizontal"
                         Spacing="8">
                         <Label
-                            FontFamily="{StaticResource FontIcons}"
+                            FontFamily="FontIcons"
                             FontSize="18"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="{StaticResource Sort}"
                             VerticalTextAlignment="End" />
                         <Label
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
+                            FontFamily="Montserrat-SemiBold"
                             Style="{StaticResource OptionButtonLabelStyle}"
                             Text="Sorting" />
                     </StackLayout>
@@ -556,8 +504,7 @@
         <combobox:SfComboBox
             x:Name="comboBox"
             DataSource="{Binding SortOptions}"
-            SelectedValue="{Binding SortOptions[0]}"
-            Style="{StaticResource SortComboBoxStyle}">
+            SelectedValue="{Binding SortOptions[0]}">
 
             <combobox:SfComboBox.CustomView>
                 <Grid>
@@ -580,8 +527,7 @@
             x:Name="comboBox"
             Margin="15"
             DataSource="{Binding SortOptions}"
-            SelectedValue="{Binding SortOptions[0]}"
-            Style="{StaticResource SortComboBoxStyle}">
+            SelectedValue="{Binding SortOptions[0]}">
 
             <combobox:SfComboBox.CustomView>
                 <Grid>
@@ -610,7 +556,7 @@
             <ContentPresenter />
             <Label
                 Grid.Column="1"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="14"
                 HorizontalOptions="{OnIdiom Default=EndAndExpand,
                                             Desktop=End}"
@@ -631,7 +577,7 @@
 
     <Style x:Key="FavouriteButtonStyle" TargetType="Button">
         <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
+        <Setter Property="FontFamily" Value="FontIcons" />
         <Setter Property="FontSize" Value="16" />
         <Setter Property="HeightRequest" Value="32" />
         <Setter Property="HorizontalOptions" Value="End" />
@@ -655,7 +601,7 @@
     <!--  Common style for action bar labels  -->
     <Style x:Key="ActionBarLabelStyle" TargetType="Label">
         <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Regular}" />
+        <Setter Property="FontFamily" Value="Montserrat-Regular" />
         <Setter Property="FontSize" Value="16" />
     </Style>
 
diff --git a/EssentialUIKit/Views/Shopping/Styles.xaml.cs b/EssentialUIKit/Views/Shopping/Styles.xaml.cs
deleted file mode 100644
index 2d8aaa30..00000000
--- a/EssentialUIKit/Views/Shopping/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml b/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml
index c27a44b6..c1a012b6 100644
--- a/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml
+++ b/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml
@@ -37,7 +37,7 @@
             <!--  Label to display header  -->
             <Label
                 Margin="0,30,0,8"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="14"
                 HorizontalOptions="Center"
                 HorizontalTextAlignment="Center"
@@ -49,7 +49,7 @@
 
             <!--  Label to display content  -->
             <Label
-                FontFamily="{StaticResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="16"
                 HorizontalOptions="Center"
                 Opacity="0"
diff --git a/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml.cs b/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml.cs
deleted file mode 100644
index 167b236c..00000000
--- a/EssentialUIKit/Views/Shopping/WalkthroughItemPage.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Shopping
-{
-    /// <summary>
-    /// Page to display on-boarding gradient with animation
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class WalkthroughItemPage
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="WalkthroughItemPage" /> class.
-        /// </summary>
-        public WalkthroughItemPage()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml b/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml
index a869dedc..84493003 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml
+++ b/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml
@@ -6,57 +6,75 @@
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:listviewBahavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Social.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Social"
-    BackgroundColor="{DynamicResource Gray-White}"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:triggers="clr-namespace:EssentialUIKit.Triggers"
+    x:Name="socialProfileWithCard"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for social profile with card page  -->
-    <ContentPage.BindingContext>
-        <viewModel:SocialProfileViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <ScrollView>
-            <Grid RowSpacing="0">
+            <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto" RowSpacing="0">
+
+                <!--  Title View  -->
+                <Grid
+                    Grid.Row="0"
+                    HeightRequest="50"
+                    RowSpacing="0">
+
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Margin="4,0"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Profile Page"
+                        VerticalOptions="Center" />
+
+                    <buttons:SfButton
+                        Margin="8,0"
+                        Command="{Binding SettingsCommand}"
+                        HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Settings}" />
+
+                </Grid>
 
                 <control:CustomShadowFrame
-                    Grid.Row="0"
-                    Margin="16,16,16,32"
-                    Style="{StaticResource ShadowFrameStyle}">
+                    Grid.Row="1"
+                    Margin="16,0,16,32"
+                    Style="{StaticResource CustomShadowFrameStyle}">
 
                     <border:SfBorder
                         BorderColor="Transparent"
                         BorderWidth="0"
-                        CornerRadius="12">
-
-                        <StackLayout Spacing="0">
+                        CornerRadius="4">
+                        <StackLayout
+                            Margin="0"
+                            Padding="0"
+                            Spacing="0">
 
                             <!--  Header image path  -->
                             <Image
                                 Aspect="Fill"
-                                BackgroundColor="{DynamicResource Gray-200}"
+                                BackgroundColor="{DynamicResource GrayShadowColor}"
                                 HeightRequest="120"
-                                HorizontalOptions="Fill">
+                                HorizontalOptions="FillAndExpand">
                                 <Image.Source>
-                                    <UriImageSource Uri="{Binding HeaderImagePath}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
+                                    <UriImageSource
+                                        CacheValidity="14"
+                                        CachingEnabled="true"
+                                        Uri="{Binding HeaderImagePath}" />
                                 </Image.Source>
                             </Image>
 
@@ -78,30 +96,38 @@
                                     HeightRequest="80"
                                     WidthRequest="80">
                                     <Image.Source>
-                                        <UriImageSource Uri="{Binding ProfileImage}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
+                                        <UriImageSource
+                                            CacheValidity="14"
+                                            CachingEnabled="true"
+                                            Uri="{Binding ProfileImage}" />
                                     </Image.Source>
                                 </Image>
 
                             </border:SfBorder>
 
                             <!--  Profile name  -->
-                            <Label Style="{StaticResource HeaderLabelStyle}" Text="{Binding ProfileName}" />
+                            <Label
+                                FontSize="20"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding ProfileName}" />
 
                             <StackLayout
                                 Margin="0,0,0,16"
+                                BackgroundColor="Transparent"
                                 HorizontalOptions="CenterAndExpand"
                                 Orientation="Horizontal"
                                 Spacing="5">
 
                                 <!--  Designation label  -->
-                                <Label Style="{StaticResource ContentLabelStyle}" Text="{Binding Designation}" />
+                                <Label
+                                    FontSize="12"
+                                    Style="{StaticResource DescriptionLabelStyle}"
+                                    Text="{Binding Designation}" />
 
-                                <BoxView Style="{StaticResource BoxViewStyle}" />
+                                <BoxView HorizontalOptions="Center" Style="{StaticResource VerticalSeparatorStyle}" />
 
                                 <!--  state and country label  -->
-                                <Label Style="{StaticResource ContentLabelStyle}">
+                                <Label FontSize="12" Style="{StaticResource DescriptionLabelStyle}">
                                     <Label.FormattedText>
                                         <FormattedString>
                                             <Span Text="{Binding State}" />
@@ -116,30 +142,36 @@
                             <!--  Follow button  -->
                             <buttons:SfButton
                                 Margin="0,0,0,16"
-                                Command="{Binding FollowCommand}"
-                                Style="{StaticResource SfGradientButtonStyle}"
-                                Text="FOLLOW" />
+                                CornerRadius="24"
+                                FontSize="14"
+                                Style="{StaticResource GradientButtonStyle}"
+                                Text="FOLLOW"
+                                WidthRequest="120">
+                                <buttons:SfButton.Triggers>
+                                    <EventTrigger Event="Clicked">
+                                        <triggers:ButtonTextTriggerAction />
+                                    </EventTrigger>
+                                </buttons:SfButton.Triggers>
+                            </buttons:SfButton>
 
                             <!--  About title label  -->
                             <Label
                                 Margin="{OnPlatform Default='16,0,0,4',
                                                     UWP='0,0,0,4'}"
-                                FontFamily="{StaticResource Montserrat-SemiBold}"
                                 FontSize="14"
                                 HorizontalOptions="StartAndExpand"
                                 HorizontalTextAlignment="Start"
-                                LineHeight="{OnPlatform Default=-1,
-                                                        Android=1.5}"
-                                Text="About"
-                                TextColor="{DynamicResource Gray-900}" />
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="About" />
 
                             <!--  About label  -->
                             <Label
                                 Margin="{OnPlatform Default='16,0,16,24',
                                                     UWP='0,0,16,24'}"
+                                FontSize="12"
                                 HorizontalOptions="Start"
                                 HorizontalTextAlignment="Start"
-                                Style="{StaticResource ContentLabelStyle}"
+                                Style="{StaticResource DescriptionLabelStyle}"
                                 Text="{Binding About}" />
 
                         </StackLayout>
@@ -148,24 +180,22 @@
 
                 <!--  Interest title label  -->
                 <Label
-                    Grid.Row="1"
+                    Grid.Row="2"
                     Margin="16,0,0,0"
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
                     FontSize="12"
                     HorizontalOptions="Start"
                     HorizontalTextAlignment="Start"
-                    LineHeight="{OnPlatform Default=-1,
-                                            Android=1.5}"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="INTERESTS"
                     TextColor="{DynamicResource Gray-800}" />
 
                 <listView:SfListView
-                    Grid.Row="2"
-                    Margin="0"                    
+                    Grid.Row="3"
+                    Margin="16,0,0,24"
                     Padding="0"
                     AutoFitMode="DynamicHeight"
                     ColumnSpacing="0"
-                    HeightRequest="200"
+                    HeightRequest="100"
                     HorizontalOptions="FillAndExpand"
                     IsScrollBarVisible="False"
                     ItemSpacing="0"
@@ -177,11 +207,68 @@
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
-                            <local:ProfileTemplate />
+                            <local:ProfileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference socialProfileWithCard}}" />
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
                 </listView:SfListView>
 
+                <!--  Photos title  -->
+                <Label
+                    Grid.Row="4"
+                    Margin="16,0,16,16"
+                    FontSize="12"
+                    HorizontalOptions="Start"
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="PHOTOS"
+                    TextColor="{DynamicResource Gray-800}" />
+
+                <listView:SfListView
+                    x:Name="listView"
+                    Grid.Row="5"
+                    Margin="16,0,0,0"
+                    AutoFitMode="Height"
+                    IsScrollBarVisible="False"
+                    ItemSpacing="0,0,16,16"
+                    ItemsSource="{Binding Pictures}"
+                    SelectionBackgroundColor="Transparent">
+
+                    <listView:SfListView.Behaviors>
+                        <listviewBahavior:SfListViewExtendHeightBehavior />
+                    </listView:SfListView.Behaviors>
+
+                    <listView:SfListView.ItemTemplate>
+                        <DataTemplate>
+                            <syncEffectsView:SfEffectsView
+                                RippleColor="{DynamicResource Gray-300}"
+                                TouchDownEffects="Ripple"
+                                TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference socialProfileWithCard}}"
+                                TouchUpCommandParameter="{Binding}">
+                                <Grid>
+
+                                    <!--  Photos  -->
+                                    <Image
+                                        Aspect="AspectFill"
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="90"
+                                        WidthRequest="104">
+                                        <Image.Source>
+                                            <UriImageSource
+                                                CacheValidity="14"
+                                                CachingEnabled="true"
+                                                Uri="{Binding ImagePath}" />
+                                        </Image.Source>
+                                    </Image>
+
+                                </Grid>
+                            </syncEffectsView:SfEffectsView>
+                        </DataTemplate>
+                    </listView:SfListView.ItemTemplate>
+
+                    <listView:SfListView.LayoutManager>
+                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
+                    </listView:SfListView.LayoutManager>
+
+                </listView:SfListView>
             </Grid>
         </ScrollView>
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml.cs b/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml.cs
index 953858aa..cd7c1a79 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml.cs
+++ b/EssentialUIKit/Views/Social/SocialProfileWithCardPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Social;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +17,8 @@ public partial class SocialProfileWithCardPage : ContentPage
         /// </summary>
         public SocialProfileWithCardPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = SocialProfileViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml b/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml
index f85a97c5..8d61c6d1 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml
+++ b/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml
@@ -4,301 +4,357 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
     xmlns:listviewBahavior="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Social.Templates"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Social"
-    BackgroundColor="{DynamicResource Gray-White}"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="socialProfileWithConnections"
+    BackgroundColor="{DynamicResource Gray-Bg}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for social profile with connections page  -->
-    <ContentPage.BindingContext>
-        <viewModel:SocialProfileViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <ScrollView>
-            <Grid Margin="0,16,0,0" RowSpacing="0" ColumnSpacing="0">
-
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
-
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="Auto" />
-                    <ColumnDefinition Width="*" />
-                </Grid.ColumnDefinitions>
-
-                <border:SfBorder
-                    Grid.Row="0"
-                    Grid.Column="0"
-                    Margin="16,0,0,24"
-                    BackgroundColor="{DynamicResource Gray-100}"
-                    BorderColor="White"
-                    BorderWidth="2"
-                    CornerRadius="40"
-                    HasShadow="True"
-                    HeightRequest="80"
-                    HorizontalOptions="StartAndExpand"
-                    VerticalOptions="StartAndExpand"
-                    WidthRequest="80">
-
-                    <!--  Profile image  -->
-                    <Image
-                        Aspect="AspectFill"
-                        BackgroundColor="{DynamicResource Gray-200}"
-                        HeightRequest="80"
-                        WidthRequest="80">
-                        <Image.Source>
-                            <UriImageSource Uri="{Binding ProfileImage}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                        </Image.Source>
-                    </Image>
-                </border:SfBorder>
-
-                <StackLayout
-                    Grid.Row="0"
-                    Grid.Column="1"
-                    Padding="0"
-                    Spacing="0"
-                    Margin="16,0,0,24">
-
-                    <!--  Profile name  -->
-                    <Label
-                        FontAttributes="Bold"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="16"
-                        HorizontalOptions="StartAndExpand"
-                        LineHeight="{OnPlatform Default=-1,
-                                                Android=1.5}"
-                        Text="{Binding ProfileName}"
-                        TextColor="{DynamicResource Gray-900}" />
-
-                    <StackLayout
-                        Margin="0,0,0,16"
-                        HorizontalOptions="StartAndExpand"
-                        Orientation="Horizontal"
-                        Spacing="5">
-
-                        <!--  Designation label  -->
-                        <Label Style="{StaticResource ContentLabelStyle}" Text="{Binding Designation}" />
-
-                        <BoxView Style="{StaticResource BoxViewStyle}" />
-
-                        <!--  State and country label  -->
-                        <Label Style="{StaticResource ContentLabelStyle}">
-                            <Label.FormattedText>
-                                <FormattedString>
-                                    <Span Text="{Binding State}" />
-                                    <Span Text=" " />
-                                    <Span Text="{Binding Country}" />
-                                </FormattedString>
-                            </Label.FormattedText>
-                        </Label>
-                    </StackLayout>
 
-                    <Grid ColumnSpacing="32" RowSpacing="0">
+            <Grid RowDefinitions="Auto, Auto, *" RowSpacing="0">
 
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="Auto" />
-                        </Grid.RowDefinitions>
+                <!--  Title View  -->
+                <Grid
+                    Grid.Row="0"
+                    HeightRequest="56"
+                    RowSpacing="0">
+
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Margin="8,0"
+                        Command="{Binding BackButtonCommand}"
+                        CommandParameter="{x:Reference backButton}"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}" />
 
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                            <ColumnDefinition Width="Auto" />
-                        </Grid.ColumnDefinitions>
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Profile Page"
+                        VerticalOptions="Center" />
+
+                    <buttons:SfButton
+                        Margin="8,0"
+                        Command="{Binding SettingsCommand}"
+                        HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Settings}" />
+
+                </Grid>
+
+                <!--  Seperator  -->
+                <BoxView
+                    Grid.Row="1"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    HeightRequest="1" />
 
-                        <!--  post count label  -->
-                        <Label
-                            Grid.Row="0"
-                            Grid.Column="0"
-                            Style="{StaticResource FollowerCountLabelStyle}"
-                            Text="{Binding PostsCount}" />
 
-                        <!--  Post title label  -->
-                        <Label
-                            Grid.Row="1"
-                            Grid.Column="0"
-                            Style="{StaticResource FollowerTitleLabelStyle}"
-                            Text="Posts" />
+                <Grid
+                    Grid.Row="2"
+                    Margin="0,16,0,0"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto"
+                    RowSpacing="0">
+
+                    <border:SfBorder
+                        Grid.Row="0"
+                        Grid.Column="0"
+                        Margin="16,0,0,24"
+                        BackgroundColor="{DynamicResource Gray-100}"
+                        BorderColor="White"
+                        BorderWidth="2"
+                        CornerRadius="40"
+                        HasShadow="True"
+                        HeightRequest="80"
+                        HorizontalOptions="StartAndExpand"
+                        VerticalOptions="StartAndExpand"
+                        WidthRequest="80">
 
-                        <!--  Followers count label  -->
-                        <Label
-                            Grid.Row="0"
-                            Grid.Column="1"
-                            Style="{StaticResource FollowerCountLabelStyle}"
-                            Text="{Binding FollowersCount}" />
+                        <!--  Profile image  -->
+                        <Image
+                            Aspect="AspectFill"
+                            BackgroundColor="{DynamicResource Gray-200}"
+                            HeightRequest="80"
+                            WidthRequest="80">
+                            <Image.Source>
+                                <UriImageSource
+                                    CacheValidity="14"
+                                    CachingEnabled="true"
+                                    Uri="{Binding ProfileImage}" />
+                            </Image.Source>
+                        </Image>
+                    </border:SfBorder>
 
-                        <!--  Followers title label  -->
-                        <Label
-                            Grid.Row="1"
-                            Grid.Column="1"
-                            Style="{StaticResource FollowerTitleLabelStyle}"
-                            Text="Followers" />
+                    <StackLayout
+                        Grid.Row="0"
+                        Grid.Column="1"
+                        Margin="16,0,0,24"
+                        Padding="0"
+                        Spacing="0">
 
-                        <!--  Following count label  -->
+                        <!--  Profile name  -->
                         <Label
-                            Grid.Row="0"
-                            Grid.Column="2"
-                            Style="{StaticResource FollowerCountLabelStyle}"
-                            Text="{Binding FollowingCount}" />
+                            FontAttributes="Bold"
+                            FontFamily="Montserrat-SemiBold"
+                            FontSize="16"
+                            HorizontalOptions="StartAndExpand"
+                            LineHeight="{OnPlatform Default=-1,
+                                                    Android=1.5}"
+                            Text="{Binding ProfileName}"
+                            TextColor="{DynamicResource Gray-900}" />
+
+                        <StackLayout
+                            Margin="0,0,0,16"
+                            HorizontalOptions="StartAndExpand"
+                            Orientation="Horizontal"
+                            Spacing="5">
+
+                            <!--  Designation label  -->
+                            <Label
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="{Binding Designation}" />
+
+                            <BoxView HorizontalOptions="Center" Style="{StaticResource VerticalSeparatorStyle}" />
+
+                            <!--  State and country label  -->
+                            <Label FontSize="12" Style="{StaticResource DescriptionLabelStyle}">
+                                <Label.FormattedText>
+                                    <FormattedString>
+                                        <Span Text="{Binding State}" />
+                                        <Span Text=" " />
+                                        <Span Text="{Binding Country}" />
+                                    </FormattedString>
+                                </Label.FormattedText>
+                            </Label>
+                        </StackLayout>
+
+                        <Grid
+                            ColumnDefinitions="Auto, Auto, Auto"
+                            ColumnSpacing="32"
+                            RowDefinitions="Auto, Auto"
+                            RowSpacing="0">
+
+                            <!--  post count label  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="0"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding PostsCount}" />
+
+                            <!--  Post title label  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="0"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Posts" />
+
+                            <!--  Followers count label  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="1"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding FollowersCount}" />
+
+                            <!--  Followers title label  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="1"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Followers" />
+
+                            <!--  Following count label  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="2"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding FollowingCount}" />
+
+                            <!--  Following title label  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="2"
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Following" />
+
+                        </Grid>
 
-                        <!--  Following title label  -->
-                        <Label
-                            Grid.Row="1"
-                            Grid.Column="2"
-                            Style="{StaticResource FollowerTitleLabelStyle}"
-                            Text="Following" />
+                    </StackLayout>
 
-                    </Grid>
+                    <!--  About title label  -->
+                    <Label
+                        Grid.Row="1"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,0,4"
+                        FontSize="14"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="About" />
 
-                </StackLayout>
+                    <!--  About label  -->
+                    <Label
+                        Grid.Row="2"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,16,24"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        LineHeight="{OnPlatform Default=-1,
+                                                Android=1.5}"
+                        Text="{Binding About}"
+                        TextColor="{DynamicResource Gray-700}" />
 
-                <!--  About title label  -->
-                <Label
-                    Grid.Row="1"
-                    Grid.ColumnSpan="2"
-                    Text="About" 
-                    FontSize="14"                     
-                    Margin="16,0,0,4" 
-                    Style="{StaticResource TitleLabelStyle}"/>
-
-                <!--  About label  -->
-                <Label
-                    Grid.Row="2"
-                    Grid.ColumnSpan="2"
-                    Text="{Binding About}" 
-                    FontSize="12" 
-                    FontFamily="{StaticResource Montserrat-Medium}"
-                    LineHeight="{OnPlatform Default=-1, Android=1.5}"
-                    Margin="16,0,16,24" 
-                    HorizontalOptions="Start" 
-                    HorizontalTextAlignment="Start" 
-                    TextColor="{DynamicResource Gray-700}" />
-
-                <!--  Connection title label  -->
-                <Label
-                    Grid.Row="3"
-                    Grid.ColumnSpan="2"
-                    Text="CONNECTIONS"
-                    FontSize="12"                     
-                    Margin="16,0,0,0" 
-                    Style="{StaticResource TitleLabelStyle}"/>              
+                    <!--  Connection title label  -->
+                    <Label
+                        Grid.Row="3"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,0,0"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="CONNECTIONS" />
 
-                    <listView:SfListView
+                    <StackLayout
                         Grid.Row="4"
                         Grid.ColumnSpan="2"
-                        HeightRequest="100"
-                        Margin="0,0,0,24"
-                        Padding="0"
-                        AutoFitMode="DynamicHeight"
-                        ColumnSpacing="0"
-                        HorizontalOptions="FillAndExpand"
-                        IsScrollBarVisible="False"
-                        ItemSpacing="0"
-                        ItemsSource="{Binding Connections}"
                         Orientation="Horizontal"
-                        RowSpacing="0"
-                        IsStickyHeader="False"
-                        SelectionBackgroundColor="Transparent"
-                        TapCommand="{Binding ProfileSelectedCommand}"
-                        VerticalOptions="StartAndExpand">
-
-                    <listView:SfListView.HeaderTemplate>
-                        <DataTemplate>
-                            <Button
+                        Spacing="0">
+
+                        <buttons:SfButton
+                            Margin="16,16,16,0"
+                            Padding="16"
+                            BackgroundColor="{DynamicResource Gray-200}"
+                            Command="{Binding AddConnectionCommand}"
+                            CornerRadius="32"
+                            FontFamily="FontIcons"
+                            FontSize="25"
+                            HeightRequest="64"
+                            HorizontalOptions="Start"
+                            Text="{StaticResource Add}"
+                            TextColor="{DynamicResource Gray-700}"
+                            VerticalOptions="StartAndExpand"
+                            WidthRequest="64" />
+
+                        <listView:SfListView
+                            Grid.Row="4"
+                            Grid.ColumnSpan="2"
+                            Margin="0,0,0,24"
+                            Padding="0"
+                            AutoFitMode="DynamicHeight"
+                            ColumnSpacing="0"
+                            HeightRequest="100"
+                            HorizontalOptions="FillAndExpand"
+                            IsScrollBarVisible="False"
+                            IsStickyHeader="False"
+                            ItemSpacing="0"
+                            ItemsSource="{Binding Connections}"
+                            Orientation="Horizontal"
+                            RowSpacing="0"
+                            SelectionBackgroundColor="Transparent"
+                            TapCommand="{Binding ProfileSelectedCommand}"
+                            VerticalOptions="StartAndExpand">
+
+                            <!--<listView:SfListView.HeaderTemplate>
+                            <DataTemplate>
+                                <Button
                                 Margin="0,16,16,0"
                                 Padding="16"
                                 BackgroundColor="{DynamicResource Gray-100}"
                                 Command="{Binding AddConnectionCommand}"
-                                CornerRadius="32" 
-                                HeightRequest="64" 
+                                CornerRadius="32"
+                                HeightRequest="64"
                                 WidthRequest="64"
-                                FontFamily="{StaticResource FontIcons}"
+                                FontFamily="FontIcons"
                                 FontSize="25"
                                 Text="{StaticResource Add}"
                                 TextColor="{DynamicResource Gray-600}"
                                 VerticalOptions="StartAndExpand"
                                 HorizontalOptions="Start"/>
-                        </DataTemplate>
-                    </listView:SfListView.HeaderTemplate>
+                            </DataTemplate>
+                        </listView:SfListView.HeaderTemplate>-->
+
+                            <listView:SfListView.ItemTemplate>
+                                <DataTemplate>
+                                    <local:ProfileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference socialProfileWithConnections}}" />
+                                </DataTemplate>
+                            </listView:SfListView.ItemTemplate>
+                        </listView:SfListView>
+
+                    </StackLayout>
+
+
+
+                    <!--  Photo title label  -->
+                    <Label
+                        Grid.Row="5"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,0,16"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="PHOTOS" />
+
+                    <listView:SfListView
+                        x:Name="listView"
+                        Grid.Row="6"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,0,0"
+                        AutoFitMode="Height"
+                        IsScrollBarVisible="False"
+                        ItemSize="90"
+                        ItemSpacing="0,0,16,16"
+                        ItemsSource="{Binding Pictures}"
+                        SelectionBackgroundColor="Transparent">
+
+                        <listView:SfListView.Behaviors>
+                            <listviewBahavior:SfListViewExtendHeightBehavior />
+                        </listView:SfListView.Behaviors>
 
                         <listView:SfListView.ItemTemplate>
                             <DataTemplate>
-                                <local:ProfileTemplate />
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference socialProfileWithConnections}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <Grid>
+                                        <!--  Photos  -->
+                                        <Image
+                                            Aspect="AspectFill"
+                                            BackgroundColor="{DynamicResource Gray-200}"
+                                            HeightRequest="90"
+                                            WidthRequest="104">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="true"
+                                                    Uri="{Binding ImagePath}" />
+                                            </Image.Source>
+                                        </Image>
+                                    </Grid>
+                                </syncEffectsView:SfEffectsView>
                             </DataTemplate>
                         </listView:SfListView.ItemTemplate>
-                    </listView:SfListView>                
-
-                <!--  Photo title label  -->
-                <Label
-                    Grid.Row="5"
-                    Grid.ColumnSpan="2"
-                    Text="PHOTOS"
-                    FontSize="12"                     
-                    Margin="16,0,0,16" 
-                    Style="{StaticResource TitleLabelStyle}"/>
-
-                <listView:SfListView
-                    Grid.Row="6"
-                    Grid.ColumnSpan="2"
-                    Margin="16,0,0,16"
-                    Padding="0,0,16,0"
-                    AutoFitMode="Height"
-                    IsScrollBarVisible="False"
-                    ItemSize="90"
-                    ItemSpacing="4"
-                    ItemsSource="{Binding Pictures}"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ImageTapCommand}">
-
-                    <listView:SfListView.Behaviors>
-                        <listviewBahavior:SfListViewExtendHeightBehavior />
-                    </listView:SfListView.Behaviors>
-
-                    <listView:SfListView.ItemTemplate>
-                        <DataTemplate>
-                            <Grid>
-                                <!--  Photos  -->
-                                <Image
-                                    Aspect="AspectFill"
-                                    BackgroundColor="{DynamicResource Gray-200}"
-                                    HeightRequest="90"
-                                    WidthRequest="104" >
-                                    <Image.Source>
-                                        <UriImageSource Uri="{Binding .}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                                    </Image.Source>
-                                </Image>
-                            </Grid>
-                        </DataTemplate>
-                    </listView:SfListView.ItemTemplate>
-
-                    <listView:SfListView.LayoutManager>
-                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
-                    </listView:SfListView.LayoutManager>
-
-                </listView:SfListView>
 
+                        <listView:SfListView.LayoutManager>
+                            <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
+                        </listView:SfListView.LayoutManager>
+
+                    </listView:SfListView>
+
+                </Grid>
             </Grid>
         </ScrollView>
     </ContentPage.Content>
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml.cs b/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml.cs
index ed83301d..170e834e 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml.cs
+++ b/EssentialUIKit/Views/Social/SocialProfileWithConnectionsPage.xaml.cs
@@ -1,4 +1,6 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Social;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +18,28 @@ public partial class SocialProfileWithConnectionsPage : ContentPage
         /// </summary>
         public SocialProfileWithConnectionsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = SocialProfileViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 5;
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml b/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml
index f2d97add..a8bd5e7b 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml
+++ b/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml
@@ -5,71 +5,67 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Social"    
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
-    xmlns:local="clr-namespace:EssentialUIKit.Views.Social.Templates"
     xmlns:listviewBahavior="clr-namespace:EssentialUIKit.Behaviors"
-    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Social.Templates"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:triggers="clr-namespace:EssentialUIKit.Triggers"
+    x:Name="socialProfileWithInterests"
     NavigationPage.HasNavigationBar="False"
     Shell.NavBarIsVisible="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--Binding context for social profile with connections page-->
-    <ContentPage.BindingContext>
-        <viewModel:SocialProfileViewModel/>
-    </ContentPage.BindingContext>
-
     <ContentPage.Content>
         <ScrollView>
 
-            <StackLayout 
-                Spacing="0" 
-                BackgroundColor="{DynamicResource Gray-White}">
+            <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
 
-                <Grid 
-                    Margin="0"
-                    HorizontalOptions="FillAndExpand">
+                <Grid Margin="0" HorizontalOptions="FillAndExpand">
                     <!--  Header image path  -->
                     <Image
                         x:Name="ProfileImage"
-                        HorizontalOptions="FillAndExpand"                    
-                        HeightRequest="100"
                         Aspect="AspectFill"
-                        Source="{Binding HeaderImagePath}"
-                        BackgroundColor="{DynamicResource Gray-200}"/>
+                        BackgroundColor="{DynamicResource Gray-200}"
+                        HeightRequest="200"
+                        HorizontalOptions="FillAndExpand"
+                        Source="{Binding HeaderImagePath}" />
 
-                    <!--  Edit button -->
-                    <buttons:SfButton                        
+                    <!--  Settings button  -->
+                    <buttons:SfButton
                         Margin="0,8,8,0"
                         Padding="2"
-                        BackgroundColor="Transparent"
-                        Command="{Binding EditCommand}"
-                        CornerRadius="4"
-                        FontFamily="{StaticResource FontIcons}"
-                        FontSize="18"
+                        Command="{Binding SettingsCommand}"
+                        HeightRequest="32"
                         HorizontalOptions="End"
+                        Style="{StaticResource IconButtonStyle}"
                         Text="{StaticResource Settings}"
                         TextColor="{DynamicResource Gray-White}"
                         VerticalOptions="Start"
+                        WidthRequest="32" />
+
+                    <!--  Back button command  -->
+                    <buttons:SfButton
+                        x:Name="backButton"
+                        Margin="8"
+                        Padding="2"
+                        Command="{Binding BackButtonCommand}"
                         HeightRequest="32"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource IconButtonStyle}"
+                        Text="{StaticResource Back}"
+                        TextColor="{DynamicResource Gray-White}"
+                        VerticalOptions="Start"
                         WidthRequest="32" />
                 </Grid>
 
-                <border:SfBorder 
-                    HeightRequest="13" 
-                    Margin="0,-10,0,0" 
-                    CornerRadius="10,10,0,0" 
-                    HorizontalOptions="FillAndExpand" 
-                    BorderWidth="0" 
-                    BorderColor="Transparent" 
-                    BackgroundColor="{DynamicResource Gray-White}" />
+                <border:SfBorder
+                    Margin="0,-10,0,0"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    BorderColor="Transparent"
+                    BorderWidth="0"
+                    CornerRadius="10,10,0,0"
+                    HeightRequest="13"
+                    HorizontalOptions="FillAndExpand" />
 
                 <border:SfBorder
                     Margin="24,-55,0,16"
@@ -77,234 +73,236 @@
                     BorderColor="{DynamicResource Gray-White}"
                     BorderWidth="2"
                     CornerRadius="10"
-                    HeightRequest="80"
                     HasShadow="True"
+                    HeightRequest="80"
                     HorizontalOptions="StartAndExpand"
                     WidthRequest="80">
                     <!--  Profile image  -->
                     <Image
                         x:Name="picture"
                         Aspect="AspectFill"
-                        BackgroundColor="{DynamicResource Gray-200}"                        
-                        HeightRequest="80"                        
+                        BackgroundColor="{DynamicResource Gray-200}"
+                        HeightRequest="80"
                         Source="{Binding ProfileImage}"
                         WidthRequest="80" />
                 </border:SfBorder>
 
-                <Grid 
-                    Margin="16,0,0,24" 
-                    RowSpacing="0"                     
-                    ColumnSpacing="0">
-                    
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                    </Grid.RowDefinitions>
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto"/>
-                        <ColumnDefinition Width="Auto"/>
-                    </Grid.ColumnDefinitions>
+                <Grid
+                    Margin="16,0,0,24"
+                    ColumnDefinitions="Auto, Auto"
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto"
+                    RowSpacing="0">
 
                     <!--  Profile name  -->
                     <Label
                         Grid.Row="0"
                         Grid.Column="0"
                         Margin="0,0,0,2"
-                        Text="{Binding ProfileName}"
+                        FontSize="20"
                         HorizontalOptions="Start"
                         HorizontalTextAlignment="Start"
-                        Style="{StaticResource HeaderLabelStyle}"/>
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding ProfileName}" />
                     <StackLayout
                         Grid.Row="1"
                         Grid.Column="0"
-                        Orientation="Horizontal"
-                        Spacing="5"
+                        Margin="0"
                         HorizontalOptions="StartAndExpand"
-                        Margin="0">
+                        Orientation="Horizontal"
+                        Spacing="5">
 
-                        <!--Designation label-->
-                        <Label 
-                            Text="{Binding Designation}"                            
-                            Style="{StaticResource ContentLabelStyle}" />
+                        <!--  Designation label  -->
+                        <Label
+                            FontSize="12"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding Designation}" />
 
-                        <BoxView 
-                           Style="{StaticResource BoxViewStyle}" />
+                        <BoxView HorizontalOptions="Center" Style="{StaticResource VerticalSeparatorStyle}" />
 
-                        <!--State and country label-->
-                        <Label
-                            Style="{StaticResource ContentLabelStyle}">
+                        <!--  State and country label  -->
+                        <Label FontSize="12" Style="{StaticResource DescriptionLabelStyle}">
                             <Label.FormattedText>
                                 <FormattedString>
-                                    <Span Text="{Binding State}"/>
-                                    <Span Text=" "/>
-                                    <Span Text="{Binding Country}"/>
+                                    <Span Text="{Binding State}" />
+                                    <Span Text=" " />
+                                    <Span Text="{Binding Country}" />
                                 </FormattedString>
                             </Label.FormattedText>
                         </Label>
                     </StackLayout>
-                    
-                    <!--Follow button-->
+
+                    <!--  Follow button  -->
                     <buttons:SfButton
                         Grid.RowSpan="2"
                         Grid.Column="1"
-                        VerticalOptions="End"
-                        Command="{Binding FollowCommand}"
                         Margin="24,0,0,0"
-                        Style="{StaticResource SfGradientButtonStyle}"
-                        Text="FOLLOW" />
+                        CornerRadius="24"
+                        FontSize="14"
+                        Style="{StaticResource GradientButtonStyle}"
+                        Text="FOLLOW"
+                        VerticalOptions="End"
+                        WidthRequest="120">
+                        <buttons:SfButton.Triggers>
+                            <EventTrigger Event="Clicked">
+                                <triggers:ButtonTextTriggerAction />
+                            </EventTrigger>
+                        </buttons:SfButton.Triggers>
+                    </buttons:SfButton>
+
                 </Grid>
 
                 <Grid
-                    RowSpacing="0"
+                    Margin="16,0,16,32"
+                    ColumnDefinitions="Auto, *, Auto, *, Auto"
                     ColumnSpacing="0"
                     HorizontalOptions="FillAndExpand"
-                    Margin="16,0,16,32" >
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                    </Grid.RowDefinitions>
-
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto"/>
-                        <ColumnDefinition Width="*"/>
-                        <ColumnDefinition Width="Auto"/>
-                        <ColumnDefinition Width="*"/>
-                        <ColumnDefinition Width="Auto"/>
-                    </Grid.ColumnDefinitions>
-
-                    <!--post count label-->
-                    <Label 
+                    RowDefinitions="Auto, Auto"
+                    RowSpacing="0">
+
+                    <!--  post count label  -->
+                    <Label
                         Grid.Row="0"
                         Grid.Column="0"
-                        Text="{Binding PostsCount}"
-                        Style="{StaticResource FollowerCountLabelStyle}"/>
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding PostsCount}" />
 
-                    <!--Post title label-->
+                    <!--  Post title label  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="0"
-                        Text="Posts"
-                        Style="{StaticResource FollowerTitleLabelStyle}"/>
+                        FontSize="12"
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        Text="Posts" />
 
                     <BoxView
                         Grid.RowSpan="2"
                         Grid.Column="1"
+                        BackgroundColor="{DynamicResource Gray-400}"
                         HeightRequest="24"
-                        Style="{StaticResource BoxViewStyle}"/>
+                        HorizontalOptions="Center"
+                        Style="{StaticResource VerticalSeparatorStyle}" />
 
-                    <!--Followers count label-->
-                    <Label 
+                    <!--  Followers count label  -->
+                    <Label
                         Grid.Row="0"
                         Grid.Column="2"
-                        Text="{Binding FollowersCount}"
-                        Style="{StaticResource FollowerCountLabelStyle}"/>
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding FollowersCount}" />
 
-                    <!--Followers title label-->
+                    <!--  Followers title label  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="2"
-                        Text="Followers"
-                        Style="{StaticResource FollowerTitleLabelStyle}"/>
+                        FontSize="12"
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        Text="Followers" />
 
                     <BoxView
                         Grid.RowSpan="2"
                         Grid.Column="3"
+                        BackgroundColor="{DynamicResource Gray-400}"
                         HeightRequest="24"
-                        Style="{StaticResource BoxViewStyle}"/>
+                        HorizontalOptions="Center"
+                        Style="{StaticResource VerticalSeparatorStyle}" />
 
-                    <!--Following count label-->
-                    <Label 
+                    <!--  Following count label  -->
+                    <Label
                         Grid.Row="0"
                         Grid.Column="4"
                         HorizontalOptions="Center"
-                        Text="{Binding FollowingCount}"
-                        Style="{StaticResource FollowerCountLabelStyle}"/>
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding FollowingCount}" />
 
-                    <!--Following title label-->
+                    <!--  Following title label  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="4"
-                        Text="Following"
-                        Style="{StaticResource FollowerTitleLabelStyle}"/>
+                        FontSize="12"
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        Text="Following" />
 
                 </Grid>
 
-                <!--Interest title label-->
-                <Label                     
-                    Text="INTERESTS" 
-                    FontSize="12" 
-                    FontFamily="{StaticResource Montserrat-SemiBold}"
-                    LineHeight="{OnPlatform Default=-1, Android=1.5}"
-                    TextColor="{DynamicResource Gray-800}"
+                <!--  Interest title label  -->
+                <Label
+                    Margin="16,0,0,0"
+                    FontSize="12"
                     HorizontalOptions="Start"
                     HorizontalTextAlignment="Start"
-                    Margin="16,0,0,0" />
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="INTERESTS"
+                    TextColor="{DynamicResource Gray-800}" />
 
-                <listView:SfListView                    
-                    Margin="0,0,0,32"
-                    HeightRequest="100"
-                    ItemSpacing="0"
+                <listView:SfListView
+                    Margin="16,0,0,32"
                     Padding="0"
                     AutoFitMode="DynamicHeight"
                     ColumnSpacing="0"
+                    HeightRequest="100"
                     HorizontalOptions="FillAndExpand"
-                    ItemsSource="{Binding Interests}"
-                    RowSpacing="0"
                     IsScrollBarVisible="False"
+                    ItemSpacing="0"
+                    ItemsSource="{Binding Interests}"
                     Orientation="Horizontal"
-                    TapCommand="{Binding ProfileSelectedCommand}"
-                    SelectionBackgroundColor="Transparent">
+                    RowSpacing="0"
+                    SelectionBackgroundColor="Transparent"
+                    TapCommand="{Binding ProfileSelectedCommand}">
 
                     <listView:SfListView.ItemTemplate>
-                        <DataTemplate >
-                            <local:ProfileTemplate/>
+                        <DataTemplate>
+                            <local:ProfileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference socialProfileWithInterests}}" />
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
                 </listView:SfListView>
 
-                <!--Photo title label-->
+                <!--  Photo title label  -->
                 <Label
+                    Margin="16,0,0,16"
+                    FontSize="12"
+                    HorizontalOptions="Start"
+                    HorizontalTextAlignment="Start"
+                    Style="{StaticResource TitleLabelStyle}"
                     Text="PHOTOS"
-                    FontSize="12" 
-                    FontFamily="{StaticResource Montserrat-SemiBold}" 
-                    LineHeight="{OnPlatform Default=-1, Android=1.5}" 
-                    Margin="16,0,0,16" 
-                    HorizontalOptions="Start" 
-                    HorizontalTextAlignment="Start"                     
-                    TextColor="{DynamicResource Gray-800}"/>
-
-                <listView:SfListView                    
-                    ItemsSource="{Binding Pictures}"
-                    ItemSize="90"
+                    TextColor="{DynamicResource Gray-800}" />
+
+                <listView:SfListView
+                    x:Name="listView"
                     Margin="16,0,0,16"
-                    ItemSpacing="4" 
+                    Padding="0,0,16,0"
                     AutoFitMode="Height"
                     IsScrollBarVisible="False"
-                    Padding="0,0,16,0"
-                    SelectionBackgroundColor="Transparent"
-                    TapCommand="{Binding ImageTapCommand}">
+                    ItemSize="90"
+                    ItemSpacing="4"
+                    ItemsSource="{Binding Pictures}"
+                    SelectionBackgroundColor="Transparent">
 
                     <listView:SfListView.Behaviors>
-                        <listviewBahavior:SfListViewExtendHeightBehavior/>
+                        <listviewBahavior:SfListViewExtendHeightBehavior />
                     </listView:SfListView.Behaviors>
 
                     <listView:SfListView.ItemTemplate>
                         <DataTemplate>
-                            <Grid BackgroundColor="{DynamicResource Gray-F0}">
-                                <!--Photos-->
-                                <Image 
-                                    Source="{Binding .}" 
-                                    Aspect="AspectFill"
-                                    HeightRequest="90"
-                                    BackgroundColor="{DynamicResource Gray-200}"
-                                    WidthRequest="104"/>
-                            </Grid>
+                            <syncEffectsView:SfEffectsView
+                                RippleColor="{DynamicResource Gray-300}"
+                                TouchDownEffects="Ripple"
+                                TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference socialProfileWithInterests}}"
+                                TouchUpCommandParameter="{Binding}">
+                                <Grid BackgroundColor="{DynamicResource Gray-F0}">
+                                    <!--  Photos  -->
+                                    <Image
+                                        Aspect="AspectFill"
+                                        BackgroundColor="{DynamicResource Gray-200}"
+                                        HeightRequest="90"
+                                        Source="{Binding ImagePath}"
+                                        WidthRequest="104" />
+                                </Grid>
+                            </syncEffectsView:SfEffectsView>
                         </DataTemplate>
                     </listView:SfListView.ItemTemplate>
 
                     <listView:SfListView.LayoutManager>
-                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3,PhoneLandscape=5,TabletPortrait=6,TabletLandscape=10,Desktop=10}"/>
+                        <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
                     </listView:SfListView.LayoutManager>
 
                 </listView:SfListView>
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml.cs b/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml.cs
index 075c8502..6b2d160d 100644
--- a/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml.cs
+++ b/EssentialUIKit/Views/Social/SocialProfileWithInterestsPage.xaml.cs
@@ -1,4 +1,6 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Social;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +18,28 @@ public partial class SocialProfileWithInterestsPage : ContentPage
         /// </summary>
         public SocialProfileWithInterestsPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = SocialProfileViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 5;
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml b/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml
new file mode 100644
index 00000000..764ae760
--- /dev/null
+++ b/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml
@@ -0,0 +1,422 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Social.SocialProfileWithMessagePage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:listView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:listviewBahavior="clr-namespace:EssentialUIKit.Behaviors"
+    xmlns:local="clr-namespace:EssentialUIKit.Views.Social.Templates"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    xmlns:triggers="clr-namespace:EssentialUIKit.Triggers"
+    x:Name="socialProfileWithMessage"
+    BackgroundColor="{DynamicResource Gray-Bg}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.Content>
+        <ScrollView>
+
+            <Grid
+                ColumnSpacing="0"
+                RowDefinitions="Auto, *"
+                RowSpacing="0">
+
+                <Grid
+                    Grid.Row="0"
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto, Auto, *"
+                    RowSpacing="0">
+
+                    <!--  Background image  -->
+                    <Image
+                        Grid.RowSpan="4"
+                        Grid.ColumnSpan="2"
+                        Aspect="AspectFill"
+                        BackgroundColor="{DynamicResource Gray-Bg}">
+                        <Image.Source>
+                            <UriImageSource
+                                CacheValidity="14"
+                                CachingEnabled="true"
+                                Uri="{Binding BackgroundImage}" />
+                        </Image.Source>
+                    </Image>
+
+                    <!--  OverLay Effect  -->
+                    <Frame
+                        Grid.RowSpan="4"
+                        Grid.ColumnSpan="2"
+                        BackgroundColor="{DynamicResource Gray-Black}"
+                        CornerRadius="0"
+                        Opacity="0.25" />
+
+                    <!--  Title View  -->
+                    <Grid
+                        Grid.Row="0"
+                        Grid.ColumnSpan="2"
+                        ColumnSpacing="0"
+                        HeightRequest="48"
+                        RowSpacing="0">
+
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Margin="2,0"
+                            Command="{Binding BackButtonCommand}"
+                            CommandParameter="{x:Reference backButton}"
+                            HorizontalOptions="Start"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <Label
+                            FontFamily="Montserrat-Medium"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="Profile Page"
+                            TextColor="{DynamicResource Gray-White}"
+                            VerticalOptions="Center" />
+
+                        <buttons:SfButton
+                            Margin="8,0"
+                            Command="{Binding SettingsCommand}"
+                            HorizontalOptions="End"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Settings}"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                    </Grid>
+
+                    <!--  Seperator  -->
+                    <BoxView
+                        Grid.Row="1"
+                        Grid.ColumnSpan="2"
+                        BackgroundColor="Transparent"
+                        HeightRequest="1" />
+
+                    <border:SfBorder
+                        Grid.Row="2"
+                        Grid.Column="0"
+                        Margin="16,8,16,52"
+                        BackgroundColor="{DynamicResource Gray-White}"
+                        BorderColor="{DynamicResource Gray-White}"
+                        BorderWidth="2"
+                        CornerRadius="10"
+                        HeightRequest="80"
+                        HorizontalOptions="StartAndExpand"
+                        VerticalOptions="StartAndExpand"
+                        WidthRequest="80">
+
+                        <!--  Profile image  -->
+                        <Image
+                            Aspect="AspectFill"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            HeightRequest="80"
+                            WidthRequest="80">
+                            <Image.Source>
+                                <UriImageSource
+                                    CacheValidity="14"
+                                    CachingEnabled="true"
+                                    Uri="{Binding ProfileImage}" />
+                            </Image.Source>
+                        </Image>
+
+                    </border:SfBorder>
+
+                    <StackLayout
+                        Grid.Row="2"
+                        Grid.Column="1"
+                        Margin="0,8,0,32"
+                        Padding="0"
+                        Spacing="0">
+
+                        <!--  Profile name  -->
+                        <Label
+                            HeightRequest="24"
+                            HorizontalOptions="StartAndExpand"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="{Binding ProfileName}"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <StackLayout
+                            Margin="0,0,0,16"
+                            HeightRequest="18"
+                            HorizontalOptions="StartAndExpand"
+                            Orientation="Horizontal"
+                            Spacing="5">
+
+                            <!--  Designation  -->
+                            <Label
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="{Binding Designation}"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <BoxView
+                                BackgroundColor="{DynamicResource Gray-White}"
+                                HorizontalOptions="Center"
+                                Style="{StaticResource VerticalSeparatorStyle}" />
+
+                            <!--  State and country  -->
+                            <Label
+                                FontSize="12"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                TextColor="{DynamicResource Gray-White}">
+                                <Label.FormattedText>
+                                    <FormattedString>
+                                        <Span Text="{Binding State}" />
+                                        <Span Text=" " />
+                                        <Span Text="{Binding Country}" />
+                                    </FormattedString>
+                                </Label.FormattedText>
+                            </Label>
+                        </StackLayout>
+
+                        <Grid
+                            ColumnDefinitions="Auto, Auto, Auto"
+                            ColumnSpacing="32"
+                            RowDefinitions="Auto, Auto"
+                            RowSpacing="0">
+
+                            <!--  Posts count  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="0"
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding PostsCount}"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <!--  Posts title  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="0"
+                                FontSize="12"
+                                HeightRequest="18"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Posts"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <!--  Followers count  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="1"
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding FollowersCount}"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <!--  Followers title  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="1"
+                                FontSize="12"
+                                HeightRequest="18"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Followers"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <!--  Following count  -->
+                            <Label
+                                Grid.Row="0"
+                                Grid.Column="2"
+                                HeightRequest="24"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding FollowingCount}"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                            <!--  Following title  -->
+                            <Label
+                                Grid.Row="1"
+                                Grid.Column="2"
+                                FontSize="12"
+                                HeightRequest="18"
+                                Style="{StaticResource DescriptionLabelStyle}"
+                                Text="Following"
+                                TextColor="{DynamicResource Gray-White}" />
+
+                        </Grid>
+
+                    </StackLayout>
+
+                    <StackLayout
+                        Grid.Row="3"
+                        Grid.ColumnSpan="2"
+                        Margin="16,0,16,44"
+                        Orientation="Horizontal"
+                        Spacing="16">
+
+                        <!--  Follow button  -->
+                        <buttons:SfButton
+                            CornerRadius="1"
+                            FontSize="14"
+                            Style="{StaticResource GradientButtonStyle}"
+                            Text="FOLLOW"
+                            WidthRequest="155">
+                            <buttons:SfButton.Triggers>
+                                <EventTrigger Event="Clicked">
+                                    <triggers:ButtonTextTriggerAction />
+                                </EventTrigger>
+                            </buttons:SfButton.Triggers>
+                        </buttons:SfButton>
+
+                        <!--  Message button  -->
+                        <buttons:SfButton
+                            Command="{Binding MessageCommand}"
+                            HeightRequest="40"
+                            Style="{StaticResource SimpleButtonStyle}"
+                            Text="MESSAGE"
+                            TextColor="#333942" />
+
+                    </StackLayout>
+
+                </Grid>
+
+                <Grid
+                    Grid.Row="1"
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto"
+                    RowSpacing="0">
+
+                    <!--  About title  -->
+                    <Label
+                        Grid.Row="0"
+                        Margin="16,24,16,8"
+                        FontSize="14"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="About" />
+
+                    <!--  About  -->
+                    <Label
+                        Grid.Row="1"
+                        Margin="16,0,16,24"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        LineHeight="{OnPlatform Default=-1,
+                                                Android=1.5}"
+                        Text="{Binding About}"
+                        TextColor="{DynamicResource Gray-700}" />
+
+                    <!--  Connections title  -->
+                    <Label
+                        Grid.Row="2"
+                        Margin="16,0"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="CONNECTIONS"
+                        TextColor="{DynamicResource Gray-800}" />
+
+                    <StackLayout
+                        Grid.Row="3"
+                        Orientation="Horizontal"
+                        Spacing="0">
+
+                        <buttons:SfButton
+                            Margin="16,16,16,0"
+                            Padding="16"
+                            BackgroundColor="{DynamicResource Gray-200}"
+                            Command="{Binding AddConnectionCommand}"
+                            CornerRadius="32"
+                            FontFamily="FontIcons"
+                            FontSize="25"
+                            HeightRequest="64"
+                            HorizontalOptions="Start"
+                            Text="{StaticResource Add}"
+                            TextColor="{DynamicResource Gray-700}"
+                            VerticalOptions="StartAndExpand"
+                            WidthRequest="64" />
+
+                        <listView:SfListView
+                            Margin="0,0,0,25"
+                            Padding="0"
+                            AutoFitMode="DynamicHeight"
+                            ColumnSpacing="0"
+                            HeightRequest="100"
+                            HorizontalOptions="FillAndExpand"
+                            IsScrollBarVisible="False"
+                            IsStickyHeader="False"
+                            ItemSpacing="0"
+                            ItemsSource="{Binding Connections}"
+                            Orientation="Horizontal"
+                            RowSpacing="0"
+                            SelectionBackgroundColor="Transparent"
+                            TapCommand="{Binding ProfileSelectedCommand}"
+                            VerticalOptions="StartAndExpand">
+
+                            <listView:SfListView.ItemTemplate>
+                                <DataTemplate>
+                                    <local:ProfileTemplate ParentBindingContext="{Binding Path=BindingContext, Source={x:Reference socialProfileWithMessage}}" />
+                                </DataTemplate>
+                            </listView:SfListView.ItemTemplate>
+
+                        </listView:SfListView>
+
+                    </StackLayout>
+
+                    <!--  Photos title  -->
+                    <Label
+                        Grid.Row="4"
+                        Margin="16,0,16,16"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="PHOTOS"
+                        TextColor="{DynamicResource Gray-800}" />
+
+                    <listView:SfListView
+                        x:Name="listView"
+                        Grid.Row="5"
+                        Margin="16,0,0,0"
+                        AutoFitMode="Height"
+                        IsScrollBarVisible="False"
+                        ItemSpacing="0,0,16,16"
+                        ItemsSource="{Binding Pictures}"
+                        SelectionBackgroundColor="Transparent"
+                        TapCommand="{Binding ImageTapCommand}">
+
+                        <listView:SfListView.Behaviors>
+                            <listviewBahavior:SfListViewExtendHeightBehavior />
+                        </listView:SfListView.Behaviors>
+
+                        <listView:SfListView.ItemTemplate>
+                            <DataTemplate>
+                                <syncEffectsView:SfEffectsView
+                                    RippleColor="{DynamicResource Gray-300}"
+                                    TouchDownEffects="Ripple"
+                                    TouchUpCommand="{Binding Path=BindingContext.ImageTapCommand, Source={x:Reference socialProfileWithMessage}}"
+                                    TouchUpCommandParameter="{Binding}">
+                                    <Grid>
+
+                                        <!--  Photos  -->
+                                        <Image
+                                            Aspect="AspectFill"
+                                            BackgroundColor="{DynamicResource Gray-200}"
+                                            HeightRequest="90"
+                                            WidthRequest="104">
+                                            <Image.Source>
+                                                <UriImageSource
+                                                    CacheValidity="14"
+                                                    CachingEnabled="true"
+                                                    Uri="{Binding ImagePath}" />
+                                            </Image.Source>
+                                        </Image>
+
+                                    </Grid>
+                                </syncEffectsView:SfEffectsView>
+                            </DataTemplate>
+                        </listView:SfListView.ItemTemplate>
+
+                        <listView:SfListView.LayoutManager>
+                            <listView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue PhonePortrait=3, PhoneLandscape=5, TabletPortrait=6, TabletLandscape=10, Desktop=10}" />
+                        </listView:SfListView.LayoutManager>
+
+                    </listView:SfListView>
+                </Grid>
+            </Grid>
+        </ScrollView>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml.cs b/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml.cs
new file mode 100644
index 00000000..44734105
--- /dev/null
+++ b/EssentialUIKit/Views/Social/SocialProfileWithMessagePage.xaml.cs
@@ -0,0 +1,45 @@
+using EssentialUIKit.ViewModels.Social;
+using Syncfusion.ListView.XForms;
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Social
+{
+    /// <summary>
+    /// Page to show the social profile.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class SocialProfileWithMessagePage : ContentPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="SocialProfileWithMessagePage" /> class.
+        /// </summary>
+        public SocialProfileWithMessagePage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = SocialProfileViewModel.BindingContext;
+        }
+
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+
+            if (width < height)
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 3;
+                }
+            }
+            else
+            {
+                if (this.listView.LayoutManager is GridLayout)
+                {
+                    (this.listView.LayoutManager as GridLayout).SpanCount = 5;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/Styles.xaml b/EssentialUIKit/Views/Social/Styles.xaml
deleted file mode 100644
index 1a83514d..00000000
--- a/EssentialUIKit/Views/Social/Styles.xaml
+++ /dev/null
@@ -1,109 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ResourceDictionary 
-    xmlns="http://xamarin.com/schemas/2014/forms"  
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
-    x:Class="EssentialUIKit.Views.Social.Styles"     
-    xmlns:control="clr-namespace:EssentialUIKit.Controls" 
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
-
-    <!--  Font Icon Text  -->
-    <x:String x:Key="Add">&#xe730;</x:String>
-    <x:String x:Key="Settings">&#xe72b;</x:String>
-
-    <!--Common shadow frame style-->
-    <Style x:Key="ShadowFrameStyle" TargetType="control:CustomShadowFrame">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}"/>
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}"/>
-        <Setter Property="BorderWidth" Value="0"/>
-        <Setter Property="Padding" Value="0"/>
-        <Setter Property="CornerRadius" Value="12"/>
-        <Setter Property="HasShadow" Value="True"/>
-        <Setter Property="HorizontalOptions" Value="FillAndExpand"/>
-        <Setter Property="Radius" Value="12"/>
-        <Setter Property="ShadowOffSetHeight" Value="4"/>
-        <Setter Property="ShadowOffsetWidth" Value="0"/>
-        <Setter Property="ShadowOpacity" Value="0.12"/>
-    </Style>
-
-    <!--Common label style-->
-    <Style x:Key="HeaderLabelStyle" TargetType="Label">
-        <Setter Property="FontSize" Value="20"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="HorizontalTextAlignment" Value="Center"/>
-        <Setter Property="HorizontalOptions" Value="Center"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5,Default=-1}"/>
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}"/>
-    </Style>
-    
-    <!--Common title label style-->
-    <Style x:Key="TitleLabelStyle" TargetType="Label">
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}"/>
-        <Setter Property="LineHeight" Value="{OnPlatform Android=-1,Default=-1}"/>
-        <Setter Property="HorizontalOptions" Value="StartAndExpand"/>
-        <Setter Property="HorizontalTextAlignment" Value="Start"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-    </Style>
-
-    <!--Common content label style-->
-    <Style x:Key="ContentLabelStyle" TargetType="Label">
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}"/>
-        <Setter Property="HorizontalTextAlignment" Value="Center"/>
-        <Setter Property="HorizontalOptions" Value="Center"/>
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}"/>
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5,Default=-1}"/>
-    </Style>
-
-    <!--Common boxview style-->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="WidthRequest" Value="1"/>
-        <Setter Property="HeightRequest" Value="12"/>
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-700}"/>
-        <Setter Property="HorizontalOptions" Value="Center"/>
-        <Setter Property="VerticalOptions" Value="Center"/>
-    </Style>
-
-    <!--Common follower count label style-->
-    <Style x:Key="FollowerCountLabelStyle" TargetType="Label">
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="HorizontalTextAlignment" Value="Center"/>
-    </Style>
-
-    <!--Common follwer title label style-->
-    <Style x:Key="FollowerTitleLabelStyle" TargetType="Label">
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}"/>
-    </Style>     
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfGradientButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HeightRequest" Value="32" />
-        <Setter Property="CornerRadius" Value="24" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center"/>
-        <Setter Property="WidthRequest" Value="120" />
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="BorderWidth" Value="0"/>
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <gradient:SfLinearGradientBrush>
-                    <gradient:SfLinearGradientBrush.GradientStops>
-                        <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </gradient:SfLinearGradientBrush.GradientStops>
-                </gradient:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>        
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/Styles.xaml.cs b/EssentialUIKit/Views/Social/Styles.xaml.cs
deleted file mode 100644
index cf6b77dd..00000000
--- a/EssentialUIKit/Views/Social/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Social
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml b/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml
index 73b6feef..84483809 100644
--- a/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml
+++ b/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml
@@ -4,39 +4,48 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    >
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
+    x:Name="profileTemplate">
 
     <ViewCell.View>
-        
-        <StackLayout Margin="0,16,16,0" Spacing="0">       
+
+        <StackLayout Margin="0,16,16,0" Spacing="0">
 
             <border:SfBorder
-                BorderColor="Transparent"
-                BorderWidth="0"
-                CornerRadius="35"
-                HeightRequest="64"                
                 Margin="0,0,0,4"
+                BorderColor="{DynamicResource Gray-Bg}"
+                BorderWidth="1"
+                CornerRadius="35"
+                HeightRequest="64"
                 HorizontalOptions="Center"
                 WidthRequest="64">
 
-                <!--  Image of the profile  -->
-                <Image
-                    Aspect="AspectFill"
-                    BackgroundColor="{DynamicResource Gray-200}"
-                    HeightRequest="64"
-                    HorizontalOptions="Center"
-                    WidthRequest="64">
-                    <Image.Source>
-                        <UriImageSource Uri="{Binding ImagePath}" 
-			                                 CacheValidity="14" 
-			                                 CachingEnabled="true"/>
-                    </Image.Source>
-                </Image>
+                <syncEffectsView:SfEffectsView
+                    RippleColor="{DynamicResource Gray-300}"
+                    TouchDownEffects="Ripple"
+                    TouchUpCommand="{Binding Path=ParentBindingContext.ProfileSelectedCommand, Source={x:Reference profileTemplate}}"
+                    TouchUpCommandParameter="{Binding}">
+
+                    <!--  Image of the profile  -->
+                    <Image
+                        Aspect="AspectFill"
+                        BackgroundColor="{DynamicResource Gray-200}"
+                        HeightRequest="64"
+                        HorizontalOptions="Center"
+                        WidthRequest="64">
+                        <Image.Source>
+                            <UriImageSource
+                                CacheValidity="14"
+                                CachingEnabled="true"
+                                Uri="{Binding ImagePath}" />
+                        </Image.Source>
+                    </Image>
+                </syncEffectsView:SfEffectsView>
             </border:SfBorder>
 
             <!--  Profile name  -->
             <Label
-                FontFamily="{StaticResource Montserrat-Medium}"
+                FontFamily="Montserrat-Medium"
                 FontSize="12"
                 HorizontalOptions="Center"
                 HorizontalTextAlignment="Center"
diff --git a/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml.cs b/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml.cs
index f814f4ce..4acc9994 100644
--- a/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Social/Templates/ProfileTemplate.xaml.cs
@@ -6,9 +6,27 @@ namespace EssentialUIKit.Views.Social.Templates
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ProfileTemplate : ViewCell
     {
+        /// <summary>
+        /// Bindable property to set the parent bindingcontext.
+        /// </summary>
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ProfileTemplate), null);
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="ProfileTemplate"/> class.
+        /// </summary>
         public ProfileTemplate()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+        }
+
+        /// <summary>
+        /// Gets or sets the parent bindingcontext.
+        /// </summary>
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml b/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml
new file mode 100644
index 00000000..500041ec
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<StackLayout
+    x:Class="EssentialUIKit.Views.Templates.ArticleActivityTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    x:Name="articleActivityTemplate">
+
+    <StackLayout.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
+            <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
+        </ResourceDictionary>
+    </StackLayout.Resources>
+
+    <StackLayout
+        Margin="0,8,16,8"
+        HorizontalOptions="EndAndExpand"
+        Orientation="Horizontal"
+        Spacing="0">
+
+        <!--  Bookmark Button  -->
+        <buttons:SfButton
+            Command="{Binding Path=ParentBindingContext.BookmarkCommand, Source={x:Reference articleActivityTemplate}}"
+            CommandParameter="{Binding .}"
+            HeightRequest="-1"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}"
+            WidthRequest="-1" />
+
+        <!--  Bookmarked Count  -->
+        <Label
+            Margin="0,0,10,0"
+            Style="{StaticResource SimpleLabelStyle}"
+            Text="{Binding BookmarkedCount}"
+            TextColor="{DynamicResource Gray-800}" />
+
+        <!--  Favourite Icon  -->
+        <buttons:SfButton
+            Command="{Binding ParentBindingContext.AddFavouriteCommand, Source={x:Reference articleActivityTemplate}}"
+            CommandParameter="{Binding}"
+            HeightRequest="-1"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
+            TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}"
+            WidthRequest="-1" />
+
+        <!--  Favourites Count  -->
+        <Label
+            Margin="0,0,10,0"
+            Style="{StaticResource SimpleLabelStyle}"
+            Text="{Binding FavouritesCount}"
+            TextColor="{DynamicResource Gray-800}" />
+
+        <!--  Share Icon  -->
+        <buttons:SfButton
+            x:Name="shareButton"
+            Margin="0"
+            Padding="0"
+            Command="{Binding Path=ParentBindingContext.ShareCommand, Source={x:Reference articleActivityTemplate}}"
+            CommandParameter="{Binding .}"
+            HeightRequest="-1"
+            HorizontalTextAlignment="Center"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{StaticResource Share}"
+            WidthRequest="-1" />
+        <!--  Shared Count  -->
+        <Label
+            Style="{StaticResource SimpleLabelStyle}"
+            Text="{Binding SharedCount}"
+            TextColor="{DynamicResource Gray-800}" />
+    </StackLayout>
+
+</StackLayout>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml.cs
new file mode 100644
index 00000000..fee9fc4c
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/ArticleActivityTemplate.xaml.cs
@@ -0,0 +1,38 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// article activity template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ArticleActivityTemplate : StackLayout
+    {
+        /// <summary>
+        /// Bindable property to set the parent bindingcontext.
+        /// </summary>
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ArticleActivityTemplate), null);
+
+        /// <summary>
+        /// Initializes a new instance of the <see cref="ArticleActivityTemplate"/> class.
+        /// </summary>
+        public ArticleActivityTemplate()
+        {
+            this.InitializeComponent();
+        }
+
+        /// <summary>
+        /// Gets or sets the parent bindingcontext.
+        /// </summary>
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml b/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml
index 018d7e5d..7e9b2baa 100644
--- a/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml
@@ -6,117 +6,113 @@
     xmlns:behaviors="clr-namespace:EssentialUIKit.Behaviors"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     x:Name="articleListTemplate">
 
     <Grid.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
         </ResourceDictionary>
     </Grid.Resources>
 
-    <Grid
-        ColumnSpacing="16"
-        HeightRequest="110"
-        RowSpacing="0">
-
-        <Grid.RowDefinitions>
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto" />
-            <ColumnDefinition>
-                <ColumnDefinition.Width>
-                    <OnPlatform Default="*" UWP="Auto" />
-                </ColumnDefinition.Width>
-            </ColumnDefinition>
-            <ColumnDefinition Width="Auto" />
-        </Grid.ColumnDefinitions>
-
-        <!--  Blog image  -->
-        <Image
-            Grid.RowSpan="3"
-            Aspect="Fill"
-            BackgroundColor="{DynamicResource Gray-200}"
+    <syncEffectsView:SfEffectsView
+        RippleColor="{DynamicResource Gray-300}"
+        TouchDownEffects="Ripple"
+        TouchUpCommand="{Binding Path=ParentBindingContext.ItemSelectedCommand, Source={x:Reference articleListTemplate}}"
+        TouchUpCommandParameter="{Binding}">
+        <Grid
+            ColumnSpacing="16"
             HeightRequest="110"
-            Source="{Binding ImagePath}"
-            VerticalOptions="Center"
-            WidthRequest="120" />
+            RowDefinitions="*, Auto, Auto"
+            RowSpacing="0">
+
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition>
+                    <ColumnDefinition.Width>
+                        <OnPlatform Default="*" UWP="Auto" />
+                    </ColumnDefinition.Width>
+                </ColumnDefinition>
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
 
-        <!--  Blog title  -->
-        <Label
-            Grid.Column="1"
-            Margin="0,8,0,0"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
-            FontSize="14"
-            LineBreakMode="TailTruncation"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.25,
-                                    iOS=1.25}"
-            MaxLines="2"
-            Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            <!--  Blog image  -->
+            <Image
+                Grid.RowSpan="3"
+                Margin="16,0,0,0"
+                Aspect="AspectFill"
+                BackgroundColor="{DynamicResource Gray-200}"
+                HeightRequest="110"
+                Source="{Binding ImagePath}"
+                VerticalOptions="Center"
+                WidthRequest="120" />
 
-        <!--  Author name  -->
-        <Label
-            Grid.Row="1"
-            Grid.Column="1"
-            Margin="0,8,0,0"
-            FontFamily="{StaticResource Montserrat-Medium}"
-            FontSize="12"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.5}"
-            Text="{Binding Author}"
-            TextColor="{DynamicResource Gray-900}" />
+            <!--  Blog title  -->
+            <Label
+                Grid.Column="1"
+                Margin="0,8,0,0"
+                FontSize="14"
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
+                LineBreakMode="TailTruncation"
+                MaxLines="2"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding Name}" />
 
-        <!--  Published date and Average reading time  -->
-        <Label
-            Grid.Row="2"
-            Grid.Column="1"
-            Margin="0,2,0,8"
-            FontFamily="{StaticResource Montserrat-Regular}"
-            FontSize="12"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.5}"
-            TextColor="{DynamicResource Gray-700}">
-            <Label.FormattedText>
-                <FormattedString>
-                    <Span Text="{Binding Date}" />
-                    <Span Text=" | " />
-                    <Span Text="{Binding AverageReadingTime}" />
-                </FormattedString>
-            </Label.FormattedText>
-        </Label>
+            <!--  Author name  -->
+            <Label
+                Grid.Row="1"
+                Grid.Column="1"
+                Margin="0,8,0,0"
+                FontFamily="Montserrat-Medium"
+                FontSize="12"
+                LineHeight="{OnPlatform Default=-1,
+                                        Android=1.5}"
+                Text="{Binding Author}"
+                TextColor="{DynamicResource Gray-900}" />
 
-        <!--  Bookmark button  -->
-        <buttons:SfButton
-            Grid.Row="0"
-            Grid.Column="2"
-            Margin="0"
-            Padding="0"
-            CommandParameter="{Binding .}"
-            CornerRadius="4"
-            HeightRequest="32"
-            HorizontalOptions="End"
-            Style="{StaticResource BookmarkIconStyle}"
-            Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}"
-            VerticalOptions="Start"
-            WidthRequest="32">
-            <buttons:SfButton.Behaviors>
-                <behaviors:ItemTemplateButtonBehavior
-                    ChildElement="{Binding Path=ChildElement, Source={x:Reference articleListTemplate}}"
-                    Command="{Binding ParentBindingContext.BookmarkCommand, Source={x:Reference articleListTemplate}}"
-                    ParentElement="{Binding Path=ParentElement, Source={x:Reference articleListTemplate}}" />
-            </buttons:SfButton.Behaviors>
-        </buttons:SfButton>
+            <!--  Published date and Average reading time  -->
+            <Label
+                Grid.Row="2"
+                Grid.Column="1"
+                Margin="0,2,0,8"
+                FontFamily="Montserrat-Regular"
+                FontSize="12"
+                LineHeight="{OnPlatform Default=-1,
+                                        Android=1.5}"
+                TextColor="{DynamicResource Gray-700}">
+                <Label.FormattedText>
+                    <FormattedString>
+                        <Span Text="{Binding Date}" />
+                        <Span Text=" | " />
+                        <Span Text="{Binding AverageReadingTime}" />
+                    </FormattedString>
+                </Label.FormattedText>
+            </Label>
 
-        <Grid.GestureRecognizers>
-            <TapGestureRecognizer Command="{Binding ParentBindingContext.ItemSelectedCommand, Source={x:Reference articleListTemplate}}" CommandParameter="{Binding .}" />
-        </Grid.GestureRecognizers>
+            <!--  Bookmark button  -->
+            <buttons:SfButton
+                Grid.Row="0"
+                Grid.Column="2"
+                Margin="0,0,16,0"
+                Padding="0"
+                CommandParameter="{Binding .}"
+                CornerRadius="4"
+                FontSize="16"
+                HeightRequest="-1"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}"
+                VerticalOptions="Start"
+                WidthRequest="-1">
+                <buttons:SfButton.Behaviors>
+                    <behaviors:ItemTemplateButtonBehavior
+                        ChildElement="{Binding Path=ChildElement, Source={x:Reference articleListTemplate}}"
+                        Command="{Binding ParentBindingContext.BookmarkCommand, Source={x:Reference articleListTemplate}}"
+                        ParentElement="{Binding Path=ParentElement, Source={x:Reference articleListTemplate}}" />
+                </buttons:SfButton.Behaviors>
+            </buttons:SfButton>
 
-    </Grid>
+        </Grid>
+    </syncEffectsView:SfEffectsView>
 </Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml.cs
index b5e8832d..63185c97 100644
--- a/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/ArticleListTemplate.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -15,61 +10,58 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ArticleListTemplate : Grid
-	{
+    {
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(ArticleListTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ArticleListTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Bindable property to set the parent element.
         /// </summary>
-        public object ParentBindingContext
-        {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
-        }
+        public static readonly BindableProperty ParentElementProperty =
+         BindableProperty.Create(nameof(ParentElement), typeof(object), typeof(ArticleListTemplate), null);
 
         /// <summary>
-        /// Bindable property to set the parent element.
+        /// Bindable property to set the child element.
         /// </summary>
-        public static BindableProperty ParentElementProperty =
-         BindableProperty.Create(nameof(ParentElement), typeof(object),
-         typeof(ArticleListTemplate), null);
+        public static readonly BindableProperty ChildElementProperty =
+         BindableProperty.Create(nameof(ChildElement), typeof(object), typeof(ArticleListTemplate), null);
 
         /// <summary>
-        /// Gets or sets the Parent element.
+        /// Initializes a new instance of the <see cref="ArticleListTemplate"/> class.
         /// </summary>
-        public object ParentElement
+        public ArticleListTemplate()
         {
-            get { return GetValue(ParentElementProperty); }
-            set { SetValue(ParentElementProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Bindable property to set the child element.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ChildElementProperty =
-         BindableProperty.Create(nameof(ChildElement), typeof(object),
-         typeof(ArticleListTemplate), null);
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
 
         /// <summary>
-        /// Gets or sets the child element.
+        /// Gets or sets the Parent element.
         /// </summary>
-        public object ChildElement
+        public object ParentElement
         {
-            get { return GetValue(ChildElementProperty); }
-            set { SetValue(ChildElementProperty, value); }
+            get { return this.GetValue(ParentElementProperty); }
+            set { this.SetValue(ParentElementProperty, value); }
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="ArticleListTemplate"/> class.
+        /// Gets or sets the child element.
         /// </summary>
-		public ArticleListTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public object ChildElement
+        {
+            get { return this.GetValue(ChildElementProperty); }
+            set { this.SetValue(ChildElementProperty, value); }
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml b/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml
index 84267412..7863d2df 100644
--- a/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml
@@ -5,108 +5,104 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:syncEffectsView="clr-namespace:Syncfusion.XForms.EffectsView;assembly=Syncfusion.Core.XForms"
     x:Name="articleTileTemplate">
 
     <Grid.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
         </ResourceDictionary>
     </Grid.Resources>
 
-    <Grid RowSpacing="0">
 
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="*" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
+    <syncEffectsView:SfEffectsView
+        RippleColor="{DynamicResource Gray-300}"
+        TouchDownEffects="Ripple"
+        TouchUpCommand="{Binding Path=ParentBindingContext.ItemSelectedCommand, Source={x:Reference articleTileTemplate}}"
+        TouchUpCommandParameter="{Binding}">
+        <Grid
+            ColumnDefinitions="*, Auto"
+            RowDefinitions="Auto, *, Auto, Auto"
+            RowSpacing="0">
 
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="*" />
-            <ColumnDefinition Width="Auto" />
-        </Grid.ColumnDefinitions>
+            <!--  Article Image  -->
+            <Image
+                Grid.Row="0"
+                Grid.Column="0"
+                Grid.ColumnSpan="2"
+                Aspect="AspectFill"
+                BackgroundColor="{DynamicResource Gray-200}"
+                HeightRequest="120">
+                <Image.Source>
+                    <UriImageSource
+                        CacheValidity="14"
+                        CachingEnabled="true"
+                        Uri="{Binding ImagePath}" />
+                </Image.Source>
+            </Image>
 
-        <!--  Article Image  -->
-        <Image
-            Grid.Row="0"
-            Grid.Column="0"
-            Grid.ColumnSpan="2"
-            Aspect="AspectFill"
-            BackgroundColor="{DynamicResource Gray-200}"
-            HeightRequest="120">
-            <Image.Source>
-                <UriImageSource
-                    CacheValidity="14"
-                    CachingEnabled="true"
-                    Uri="{Binding ImagePath}" />
-            </Image.Source>
-        </Image>
+            <!--  Label for Article name  -->
+            <Label
+                Grid.Row="1"
+                Grid.ColumnSpan="2"
+                Margin="0,8"
+                FontSize="14"
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
+                LineBreakMode="TailTruncation"
+                MaxLines="2"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding Name}" />
 
-        <!--  Label for Article name  -->
-        <Label
-            Grid.Row="1"
-            Grid.ColumnSpan="2"
-            Margin="0,8"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
-            FontSize="14"
-            HorizontalOptions="Start"
-            LineBreakMode="TailTruncation"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.25}"
-            MaxLines="2"
-            Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            <!--  Label for Article author  -->
+            <Label
+                Grid.Row="2"
+                Grid.ColumnSpan="2"
+                Margin="0"
+                FontFamily="Montserrat-Medium"
+                FontSize="12"
+                HorizontalOptions="Start"
+                LineHeight="{OnPlatform Default=-1,
+                                        Android=1.25}"
+                Text="{Binding Author}"
+                TextColor="{DynamicResource Gray-900}" />
 
-        <!--  Label for Article author  -->
-        <Label
-            Grid.Row="2"
-            Grid.ColumnSpan="2"
-            Margin="0"
-            FontFamily="{StaticResource Montserrat-Medium}"
-            FontSize="12"
-            HorizontalOptions="Start"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.25}"
-            Text="{Binding Author}"
-            TextColor="{DynamicResource Gray-900}" />
+            <!--  Label for Article date  -->
+            <Label
+                Grid.Row="3"
+                Margin="0,2,0,8"
+                FontFamily="Montserrat-Regular"
+                FontSize="12"
+                HorizontalOptions="Start"
+                LineBreakMode="TailTruncation"
+                LineHeight="{OnPlatform Default=-1,
+                                        Android=1.25}"
+                TextColor="{DynamicResource Gray-700}"
+                VerticalOptions="Center"
+                VerticalTextAlignment="Center">
+                <Label.FormattedText>
+                    <FormattedString>
+                        <Span Text="{Binding Date}" />
+                        <Span Text=" | " />
+                        <Span Text="{Binding AverageReadingTime}" />
+                    </FormattedString>
+                </Label.FormattedText>
+            </Label>
 
-        <!--  Label for Article date  -->
-        <Label
-            Grid.Row="3"
-            Margin="0,2,0,8"
-            FontFamily="{StaticResource Montserrat-Regular}"
-            FontSize="12"
-            HorizontalOptions="Start"
-            LineHeight="{OnPlatform Default=-1,
-                                    Android=1.25}"
-            TextColor="{DynamicResource Gray-700}"
-            VerticalOptions="Center"
-            VerticalTextAlignment="Center">
-            <Label.FormattedText>
-                <FormattedString>
-                    <Span Text="{Binding Date}" />
-                    <Span Text=" | " />
-                    <Span Text="{Binding AverageReadingTime}" />
-                </FormattedString>
-            </Label.FormattedText>
-        </Label>
-
-        <!--  Bookmark Button  -->
-        <buttons:SfButton
-            Grid.Row="3"
-            Grid.Column="1"
-            Margin="0"
-            Padding="0"
-            Command="{Binding Path=ParentBindingContext.BookmarkCommand, Source={x:Reference articleTileTemplate}}"
-            CommandParameter="{Binding .}"
-            CornerRadius="4"
-            FontSize="16"
-            Style="{StaticResource NavigationBarButtonStyle}"
-            Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}"
-            WidthRequest="32" />
-    </Grid>
+            <!--  Bookmark Button  -->
+            <buttons:SfButton
+                Grid.Row="3"
+                Grid.Column="1"
+                Margin="0"
+                Padding="0"
+                Command="{Binding Path=ParentBindingContext.BookmarkCommand, Source={x:Reference articleTileTemplate}}"
+                CommandParameter="{Binding .}"
+                CornerRadius="4"
+                FontSize="16"
+                HeightRequest="-1"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{Binding IsBookmarked, Converter={StaticResource boolToStringConverter}, ConverterParameter=0}"
+                WidthRequest="-1" />
+        </Grid>
+    </syncEffectsView:SfEffectsView>
 </Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml.cs
index f634def8..249dbdb6 100644
--- a/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/ArticleTileTemplate.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -19,25 +14,24 @@ public partial class ArticleTileTemplate : Grid
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(ArticleTileTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ArticleTileTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Initializes a new instance of the <see cref="ArticleTileTemplate"/> class.
         /// </summary>
-        public object ParentBindingContext
+        public ArticleTileTemplate()
         {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="ArticleTileTemplate"/> class.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-        public ArticleTileTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml b/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml
new file mode 100644
index 00000000..389b55b1
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.BookingReviewTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    ColumnDefinitions="Auto, *"
+    RowDefinitions="Auto, Auto, Auto">
+
+    <!--  Profile Image  -->
+    <border:SfBorder
+        BackgroundColor="{DynamicResource Gray-Bg}"
+        BorderWidth="{OnIdiom Default=2,
+                              Desktop=0}"
+        CornerRadius="24"
+        HeightRequest="48"
+        Style="{StaticResource ProfileBorderStyle}"
+        WidthRequest="48">
+        <Image BackgroundColor="{DynamicResource Gray-200}">
+            <Image.Source>
+                <UriImageSource
+                    CacheValidity="14"
+                    CachingEnabled="true"
+                    Uri="{Binding CustomerImage}" />
+            </Image.Source>
+        </Image>
+    </border:SfBorder>
+
+    <StackLayout
+        Grid.Column="1"
+        Margin="0"
+        Padding="16,0,0,0"
+        Orientation="Horizontal"
+        Spacing="0"
+        VerticalOptions="Center">
+
+        <StackLayout
+            Margin="0"
+            Padding="0"
+            Spacing="0"
+            VerticalOptions="Start">
+
+            <!--  Customer Name  -->
+            <Label
+                FontSize="14"
+                HorizontalOptions="Start"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding CustomerName}" />
+
+            <!--  Commented Date  -->
+            <Label
+                FontFamily="Montserrat-Regular"
+                LineHeight="{OnPlatform Android=1.25,
+                                        Default=-1}"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding ReviewedDate, StringFormat='{}{0:dd MMM, yyyy}'}" />
+        </StackLayout>
+
+        <!--  Product rating  -->
+        <rating:SfRating
+            HorizontalOptions="EndAndExpand"
+            ItemSize="13"
+            ItemSpacing="1"
+            RatingSettings="{StaticResource CommonRatingSettings}"
+            Style="{StaticResource RatingStyle}"
+            VerticalOptions="Start"
+            Value="{Binding Rating}">
+            <rating:SfRating.Triggers>
+                <DataTrigger
+                    Binding="{Binding Rating}"
+                    TargetType="rating:SfRating"
+                    Value="0">
+                    <Setter Property="IsVisible" Value="False" />
+                </DataTrigger>
+            </rating:SfRating.Triggers>
+        </rating:SfRating>
+    </StackLayout>
+
+    <!--  Product images  -->
+    <StackLayout
+        Grid.Row="1"
+        Grid.ColumnSpan="2"
+        BindableLayout.ItemsSource="{Binding Images}"
+        Orientation="Horizontal"
+        Spacing="8">
+        <BindableLayout.ItemTemplate>
+            <DataTemplate>
+                <Image
+                    Margin="0,8,0,0"
+                    Aspect="AspectFill"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    HeightRequest="50"
+                    WidthRequest="60">
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="14"
+                            CachingEnabled="true"
+                            Uri="{Binding .}" />
+                    </Image.Source>
+                </Image>
+            </DataTemplate>
+        </BindableLayout.ItemTemplate>
+    </StackLayout>
+
+    <!--  Product Review  -->
+    <Label
+        Grid.Row="2"
+        Grid.ColumnSpan="2"
+        Margin="0,0,0,16"
+        HorizontalOptions="Start"
+        HorizontalTextAlignment="Start"
+        Style="{StaticResource DescriptionLabelStyle}"
+        Text="{Binding Comment}" />
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml.cs b/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml.cs
new file mode 100644
index 00000000..46624e29
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/BookingReviewTemplate.xaml.cs
@@ -0,0 +1,19 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Review template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class BookingReviewTemplate : Grid
+    {
+        public BookingReviewTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml b/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml
new file mode 100644
index 00000000..dc54a580
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.BottomNavigationAlbumTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Frame
+        Padding="0"
+        BackgroundColor="{DynamicResource Gray-Bg}"
+        BorderColor="{DynamicResource Gray-Bg}"
+        CornerRadius="8"
+        HasShadow="True"
+        HeightRequest="130"
+        HorizontalOptions="FillAndExpand"
+        VerticalOptions="FillAndExpand">
+        <border:SfBorder
+            BorderColor="Transparent"
+            BorderWidth="0"
+            CornerRadius="8">
+
+            <Grid>
+
+                <!--  Album cover image  -->
+                <Image Aspect="AspectFill">
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="14"
+                            CachingEnabled="true"
+                            Uri="{Binding AlbumImage}" />
+                    </Image.Source>
+                </Image>
+
+                <!--  OverLay Effect  -->
+                <Frame
+                    BackgroundColor="{DynamicResource Gray-Black}"
+                    CornerRadius="0"
+                    Opacity="0.3" />
+
+                <StackLayout
+                    Padding="24,0,0,16"
+                    Spacing="2"
+                    VerticalOptions="End">
+
+                    <!--  Album name  -->
+                    <Label
+                        FontFamily="Montserrat-SemiBold"
+                        FontSize="16"
+                        Text="{Binding AlbumName}"
+                        TextColor="{DynamicResource Gray-White}" />
+
+                    <!--  Total number of photos  -->
+                    <Label
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        Text="{Binding ImagesCount}"
+                        TextColor="{DynamicResource Gray-White}" />
+
+                </StackLayout>
+
+            </Grid>
+        </border:SfBorder>
+    </Frame>
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml.cs b/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml.cs
new file mode 100644
index 00000000..ef68213c
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/BottomNavigationAlbumTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Bottom navigation page album tab section tile template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class BottomNavigationAlbumTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="BottomNavigationAlbumTemplate"/> class.
+        /// </summary>
+        public BottomNavigationAlbumTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/CardDisplayView.xaml b/EssentialUIKit/Views/Templates/CardDisplayView.xaml
new file mode 100644
index 00000000..8ed17910
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/CardDisplayView.xaml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<StackLayout
+    x:Class="EssentialUIKit.Views.Templates.CardDisplayView"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converters="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+    <StackLayout.Resources>
+        <ResourceDictionary>
+            <converters:CardNumberToImageConverter x:Key="CardLightConverter" />
+            <converters:CardNumberToColorConverter x:Key="CardColorConverter" />
+            <converters:CVVToMaskCodeConverter x:Key="CVVToMaskCodeConverter" />
+        </ResourceDictionary>
+    </StackLayout.Resources>
+
+    <Grid>
+        <controls:CustomShadowFrame
+            Margin="20"
+            Padding="0"
+            BackgroundColor="Transparent"
+            BorderWidth="0"
+            CornerRadius="4"
+            HasShadow="True"
+            HeightRequest="180"
+            HorizontalOptions="CenterAndExpand"
+            Radius="4"
+            WidthRequest="343">
+
+            <controls:CustomShadowFrame.Content>
+                <Grid>
+                    <border:SfBorder BorderWidth="0" CornerRadius="4">
+                        <gradient:SfGradientView>
+                            <gradient:SfGradientView.BackgroundBrush>
+                                <gradient:SfLinearGradientBrush>
+                                    <gradient:SfLinearGradientBrush.GradientStops>
+                                        <gradient:SfGradientStop Offset="0.0" Color="{Binding CardNumber, Converter={StaticResource CardColorConverter}, ConverterParameter=0}" />
+                                        <gradient:SfGradientStop Offset="1.0" Color="{Binding CardNumber, Converter={StaticResource CardColorConverter}, ConverterParameter=1}" />
+                                    </gradient:SfLinearGradientBrush.GradientStops>
+                                </gradient:SfLinearGradientBrush>
+                            </gradient:SfGradientView.BackgroundBrush>
+                        </gradient:SfGradientView>
+                    </border:SfBorder>
+
+                    <Grid
+                        Margin="16,20"
+                        ColumnDefinitions="*, *, *"
+                        RowDefinitions="Auto, Auto, *"
+                        RowSpacing="27">
+
+                        <!--  Card Type  -->
+                        <Label
+                            Grid.Row="0"
+                            Grid.ColumnSpan="3"
+                            Margin="0,3"
+                            FontSize="14"
+                            HorizontalOptions="Start"
+                            Style="{StaticResource TitleLabelStyle}"
+                            Text="{Binding CardType}"
+                            TextColor="{DynamicResource Gray-White}"
+                            VerticalOptions="Center" />
+
+                        <!--  Icon displaying card type  -->
+                        <Image
+                            Grid.Row="0"
+                            Grid.ColumnSpan="3"
+                            HeightRequest="27"
+                            HorizontalOptions="End"
+                            Source="{Binding CardNumber, Converter={StaticResource CardLightConverter}}"
+                            VerticalOptions="Start"
+                            WidthRequest="45" />
+
+                        <!--  Card Number  -->
+                        <Label
+                            Grid.Row="1"
+                            Grid.ColumnSpan="3"
+                            FontFamily="Montserrat-Medium"
+                            FontSize="20"
+                            HorizontalOptions="Start"
+                            LineHeight="{OnPlatform Default=-1,
+                                                    Android=1.5}"
+                            Text="{Binding CardNumber}"
+                            TextColor="{DynamicResource Gray-White}" />
+
+                        <Grid Grid.Row="2" Grid.ColumnSpan="3">
+
+                            <!--  Card Holder Name  -->
+                            <StackLayout Grid.Column="0" Spacing="0">
+                                <Label
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="12"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    Text="Card Holder"
+                                    TextColor="{DynamicResource Gray-White}" />
+                                <Label
+                                    FontSize="14"
+                                    HorizontalOptions="Start"
+                                    LineBreakMode="TailTruncation"
+                                    MaxLines="1"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="{Binding CardHolderName}"
+                                    TextColor="{DynamicResource Gray-White}" />
+                            </StackLayout>
+
+                            <!--  Card Expiry  -->
+                            <StackLayout
+                                Grid.Column="1"
+                                HorizontalOptions="Center"
+                                Spacing="0">
+                                <Label
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="12"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    Text="Expiration"
+                                    TextColor="{DynamicResource Gray-White}" />
+                                <Label
+                                    FontSize="14"
+                                    HorizontalOptions="CenterAndExpand"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="{Binding CardExpirationDate, StringFormat='{0:MM/yy}', Mode=TwoWay}"
+                                    TextColor="{DynamicResource Gray-White}" />
+                            </StackLayout>
+
+                            <!--  Card Cvv Number  -->
+                            <StackLayout
+                                Grid.Column="2"
+                                HorizontalOptions="Center"
+                                Spacing="0">
+                                <Label
+                                    FontFamily="Montserrat-Medium"
+                                    FontSize="12"
+                                    LineHeight="{OnPlatform Default=-1,
+                                                            Android=1.5}"
+                                    Text="CVV"
+                                    TextColor="{DynamicResource Gray-White}" />
+                                <Label
+                                    x:Name="cardCvvNumber"
+                                    FontSize="14"
+                                    HorizontalOptions="Start"
+                                    Style="{StaticResource TitleLabelStyle}"
+                                    Text="{Binding CardCvv, Converter={StaticResource CVVToMaskCodeConverter}, ConverterParameter={x:Reference cardCvvNumber}}"
+                                    TextColor="{DynamicResource Gray-White}" />
+                            </StackLayout>
+                        </Grid>
+                    </Grid>
+                </Grid>
+            </controls:CustomShadowFrame.Content>
+        </controls:CustomShadowFrame>
+    </Grid>
+</StackLayout>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/CardDisplayView.xaml.cs b/EssentialUIKit/Views/Templates/CardDisplayView.xaml.cs
new file mode 100644
index 00000000..38e71ae8
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/CardDisplayView.xaml.cs
@@ -0,0 +1,13 @@
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class CardDisplayView
+    {
+        public CardDisplayView()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml b/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml
index cf906f11..21a398ae 100644
--- a/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml
@@ -10,16 +10,9 @@
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
     x:Name="cartItemTemplate">
 
-    <Grid.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Grid.Resources>
-
     <Grid
-        BackgroundColor="{DynamicResource Gray-White}"
+        BackgroundColor="{DynamicResource Gray-Bg}"
+        ColumnDefinitions="Auto, *"
         ColumnSpacing="0"
         RowSpacing="0">
 
@@ -31,11 +24,6 @@
             <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
         </Grid.RowDefinitions>
 
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-
         <!--  Product image  -->
         <Image
             Grid.Row="0"
@@ -59,27 +47,26 @@
             Grid.Row="0"
             Grid.Column="1"
             Margin="0,16,0,4"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
             FontSize="14"
             HorizontalOptions="StartAndExpand"
             LineBreakMode="TailTruncation"
             MaxLines="1"
-            Style="{StaticResource CommonLabelStyle}"
-            Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            Style="{StaticResource TitleLabelStyle}"
+            Text="{Binding Name}" />
 
         <!--  Product summary  -->
         <Label
             Grid.Row="1"
             Grid.Column="1"
             Margin="0,0,0,8"
-            FontFamily="{StaticResource Montserrat-Medium}"
             FontSize="12"
+            HorizontalOptions="Start"
+            HorizontalTextAlignment="Start"
             LineBreakMode="TailTruncation"
             LineHeight="{OnPlatform Android=1.25,
                                     Default=-1}"
             MaxLines="2"
-            Style="{StaticResource CommonLabelStyle}"
+            Style="{StaticResource DescriptionLabelStyle}"
             Text="{Binding Summary}" />
 
         <StackLayout
@@ -92,39 +79,30 @@
 
             <!--  Product price  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
                 FontSize="20"
                 HorizontalOptions="Start"
-                Style="{StaticResource CommonLabelStyle}"
+                Style="{StaticResource TitleLabelStyle}"
                 Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
                 TextColor="{DynamicResource PrimaryColor}" />
 
             <Label
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource CommonLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding ActualPrice, StringFormat='${0:0.00}'}"
-                TextDecorations="Strikethrough"
-                VerticalTextAlignment="Center" />
+                TextDecorations="Strikethrough" />
 
             <Label
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource CommonLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPercent, StringFormat=' ({0}% OFF)'}"
-                TextColor="{DynamicResource PrimaryColor}"
-                VerticalTextAlignment="Center" />
+                TextColor="{DynamicResource PrimaryColor}" />
 
         </StackLayout>
 
         <StackLayout
             Grid.Row="3"
             Grid.Column="1"
-            Margin="0"
+            Margin="0,0,0,27"
             Padding="0"
-            HorizontalOptions="Start"
+            HorizontalOptions="StartAndExpand"
             Orientation="Horizontal"
             Spacing="0"
             VerticalOptions="Start">
@@ -143,11 +121,16 @@
                     x:Name="QuantityComboBox"
                     BorderColor="{DynamicResource Gray-300}"
                     DataSource="{Binding Quantities}"
+                    DropDownBackgroundColor="{DynamicResource Gray-Bg}"
+                    DropDownBorderColor="{DynamicResource Gray-300}"
+                    DropDownTextColor="{DynamicResource Gray-700}"
+                    HeightRequest="32"
                     HorizontalOptions="StartAndExpand"
                     MaximumDropDownHeight="200"
+                    SelectedDropDownItemColor="Transparent"
                     SelectedItem="{Binding TotalQuantity, Mode=TwoWay}"
                     ShowBorder="False"
-                    Style="{StaticResource CartComboBoxStyle}"
+                    Style="{StaticResource SimpleComboBoxStyle}"
                     TextColor="Transparent"
                     WidthRequest="90">
 
@@ -155,11 +138,10 @@
                         <Label
                             Margin="10,0,24,0"
                             BackgroundColor="Transparent"
-                            FontFamily="{DynamicResource Montserrat-Regular}"
-                            FontSize="14"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource CommonLabelStyle}"
-                            Text="{Binding Source={x:Reference QuantityComboBox}, Path=SelectedItem, StringFormat='QTY: {0}'}" />
+                            FontFamily="Montserrat-Regular"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding Source={x:Reference QuantityComboBox}, Path=SelectedItem, StringFormat='QTY: {0}'}"
+                            VerticalTextAlignment="Center" />
                     </combobox:SfComboBox.CustomView>
 
                     <combobox:SfComboBox.DropDownButtonSettings>
@@ -167,7 +149,7 @@
                             <combobox:DropDownButtonSettings.View>
                                 <Label
                                     Margin="0"
-                                    FontFamily="{StaticResource FontIcons}"
+                                    FontFamily="FontIcons"
                                     FontSize="25"
                                     HorizontalTextAlignment="Center"
                                     Text="{StaticResource DropDownButtonIcon}"
@@ -187,12 +169,11 @@
             <!--  Remove button  -->
             <buttons:SfButton
                 helper:RTLHelper.Margin="{OnIdiom Default='44,0,16,0',
-                                                  Phone='24,0,0,0'}"
+                                                  Phone='24,0,16,0'}"
                 CommandParameter="{Binding}"
-                CornerRadius="4"
                 HeightRequest="32"
-                HorizontalOptions="Start"
-                Style="{StaticResource SfButtonStyle}"
+                HorizontalOptions="EndAndExpand"
+                Style="{StaticResource TransparentButtonStyle}"
                 VerticalOptions="Center"
                 WidthRequest="92">
                 <buttons:SfButton.Behaviors>
@@ -203,13 +184,11 @@
                 </buttons:SfButton.Behaviors>
                 <buttons:SfButton.Content>
                     <Label
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        HorizontalOptions="Center"
-                        HorizontalTextAlignment="Center"
-                        Style="{StaticResource CommonLabelStyle}"
+                        Style="{StaticResource TitleLabelStyle}"
                         Text="Remove"
-                        TextColor="{DynamicResource HyperLink}" />
+                        TextColor="{DynamicResource HyperLink}"
+                        VerticalOptions="Center" />
                 </buttons:SfButton.Content>
             </buttons:SfButton>
         </StackLayout>
diff --git a/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml.cs b/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml.cs
index 516deb85..dcfe704a 100644
--- a/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/CartItemListTemplate.xaml.cs
@@ -1,8 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -14,61 +10,58 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class CartItemListTemplate : Grid
-	{
+    {
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(CartItemListTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(CartItemListTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Bindable property to set the parent element.
         /// </summary>
-        public object ParentBindingContext
-        {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
-        }
+        public static readonly BindableProperty ParentElementProperty =
+         BindableProperty.Create(nameof(ParentElement), typeof(object), typeof(CartItemListTemplate), null);
 
         /// <summary>
-        /// Bindable property to set the parent element.
+        /// Bindable property to set the child element.
         /// </summary>
-        public static BindableProperty ParentElementProperty =
-         BindableProperty.Create(nameof(ParentElement), typeof(object),
-         typeof(CartItemListTemplate), null);
+        public static readonly BindableProperty ChildElementProperty =
+         BindableProperty.Create(nameof(ChildElement), typeof(object), typeof(CartItemListTemplate), null);
 
         /// <summary>
-        /// Gets or sets the Parent element.
+        /// Initializes a new instance of the <see cref="CartItemListTemplate"/> class.
         /// </summary>
-        public object ParentElement
+        public CartItemListTemplate()
         {
-            get { return GetValue(ParentElementProperty); }
-            set { SetValue(ParentElementProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Bindable property to set the child element.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ChildElementProperty =
-         BindableProperty.Create(nameof(ChildElement), typeof(object),
-         typeof(CartItemListTemplate), null);
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
 
         /// <summary>
-        /// Gets or sets the child element.
+        /// Gets or sets the Parent element.
         /// </summary>
-        public object ChildElement
+        public object ParentElement
         {
-            get { return GetValue(ChildElementProperty); }
-            set { SetValue(ChildElementProperty, value); }
+            get { return this.GetValue(ParentElementProperty); }
+            set { this.SetValue(ParentElementProperty, value); }
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="CartItemListTemplate"/> class.
+        /// Gets or sets the child element.
         /// </summary>
-		public CartItemListTemplate ()
-		{
-			InitializeComponent ();
-		}
+        public object ChildElement
+        {
+            get { return this.GetValue(ChildElementProperty); }
+            set { this.SetValue(ChildElementProperty, value); }
+        }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml b/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml
new file mode 100644
index 00000000..422cc077
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.EcommerceNotificationTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
+            <converter:StringToGlyphConverter x:Key="GlyphConverter" />
+        </ResourceDictionary>
+    </Grid.Resources>
+
+    <Grid
+        BackgroundColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}"
+        ColumnDefinitions="Auto, *"
+        ColumnSpacing="0"
+        RowDefinitions="Auto, Auto, Auto"
+        RowSpacing="0">
+
+        <!--  Circular Border for icons  -->
+        <border:SfBorder
+            Grid.RowSpan="3"
+            Margin="8,16,16,0"
+            BackgroundColor="{Binding BackgroundColor}"
+            BorderWidth="0"
+            CornerRadius="24"
+            VerticalOptions="StartAndExpand">
+
+            <Label
+                x:Name="NotificationIcon"
+                FontFamily="FontIcons"
+                FontSize="25"
+                HeightRequest="48"
+                HorizontalTextAlignment="Center"
+                Text="{Binding NotificationIcon, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference NotificationIcon}}"
+                TextColor="{DynamicResource Gray-White}"
+                VerticalTextAlignment="Center"
+                WidthRequest="48">
+                <Label.Resources>
+                    <ResourceDictionary>
+                        <ResourceDictionary.MergedDictionaries>
+                            <ResourceDictionary Source="../../Styles/FontIcons.xaml" />
+                        </ResourceDictionary.MergedDictionaries>
+                    </ResourceDictionary>
+                </Label.Resources>
+            </Label>
+
+        </border:SfBorder>
+
+        <!--  Description  -->
+        <Label
+            Grid.Column="1"
+            Margin="0,16,16,4"
+            FontFamily="Montserrat-Medium"
+            FontSize="16"
+            LineBreakMode="WordWrap"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding Description}"
+            TextColor="{DynamicResource Gray-900}" />
+
+        <!--  Time  -->
+        <Label
+            Grid.Row="1"
+            Grid.Column="1"
+            Margin="0,0,0,16"
+            FontFamily="Montserrat-Medium"
+            FontSize="12"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding Time}"
+            TextColor="{DynamicResource Gray-700}" />
+
+        <!--  Seperator  -->
+        <BoxView
+            Grid.Row="2"
+            Grid.ColumnSpan="2"
+            Style="{StaticResource HorizontalSeparatorStyle}" />
+
+    </Grid>
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml.cs b/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml.cs
new file mode 100644
index 00000000..a15881ba
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/EcommerceNotificationTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// E-commerce notification template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EcommerceNotificationTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="EcommerceNotificationTemplate"/> class.
+        /// </summary>
+        public EcommerceNotificationTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/EventListTemplate.xaml b/EssentialUIKit/Views/Templates/EventListTemplate.xaml
new file mode 100644
index 00000000..e5d5e6b7
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/EventListTemplate.xaml
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.EventListTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    x:Name="eventListTemplate">
+
+    <Grid RowDefinitions="*, Auto" RowSpacing="0">
+
+        <Image
+            Grid.Row="0"
+            Aspect="AspectFill"
+            BackgroundColor="{DynamicResource Gray-200}"
+            HeightRequest="280">
+            <Image.Source>
+                <UriImageSource
+                    CacheValidity="14"
+                    CachingEnabled="true"
+                    Uri="{Binding ImagePath}" />
+            </Image.Source>
+        </Image>
+
+        <!--  OverLay Effect  -->
+        <Frame
+            Grid.Row="0"
+            BackgroundColor="{DynamicResource Gray-Black}"
+            CornerRadius="0"
+            Opacity="0.25" />
+
+        <buttons:SfButton
+            x:Name="favouriteIcon"
+            Grid.Row="0"
+            Margin="0,5,5,0"
+            Command="{Binding Path=BindingContext.FavouriteCommand, Source={x:Reference favouriteIcon}}"
+            CommandParameter="{x:Reference favouriteIcon}"
+            HorizontalOptions="End"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{StaticResource Favourite}"
+            TextColor="{StaticResource Gray-White}"
+            VerticalOptions="Start" />
+
+        <Grid
+            Grid.Row="1"
+            Padding="8,18"
+            ColumnDefinitions="Auto, *, Auto"
+            ColumnSpacing="0">
+
+            <!--  Card view for displaying items  -->
+            <border:SfBorder
+                Margin="0"
+                BorderColor="{DynamicResource Gray-Bg}"
+                BorderWidth="1"
+                CornerRadius="4"
+                HasShadow="False"
+                HeightRequest="40"
+                WidthRequest="40">
+                <border:SfBorder.Content>
+                    <Grid>
+                        <gradient:SfGradientView>
+                            <gradient:SfGradientView.BackgroundBrush>
+                                <gradient:SfLinearGradientBrush>
+                                    <gradient:SfLinearGradientBrush.GradientStops>
+                                        <gradient:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
+                                        <gradient:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
+                                    </gradient:SfLinearGradientBrush.GradientStops>
+                                </gradient:SfLinearGradientBrush>
+                            </gradient:SfGradientView.BackgroundBrush>
+                        </gradient:SfGradientView>
+
+                        <StackLayout Margin="0,3,0,0" Spacing="0">
+
+                            <!--  Event month label  -->
+                            <Label
+                                FontSize="12"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding EventMonth}"
+                                TextColor="{DynamicResource Gray-White}" />
+                            <!--  Event event label  -->
+                            <Label
+                                FontSize="12"
+                                Style="{StaticResource TitleLabelStyle}"
+                                Text="{Binding EventDate}"
+                                TextColor="{DynamicResource Gray-White}" />
+                        </StackLayout>
+
+                    </Grid>
+                </border:SfBorder.Content>
+            </border:SfBorder>
+
+            <StackLayout
+                Grid.Column="1"
+                Margin="8,0,0,0"
+                Spacing="4">
+
+                <!--  Event name label  -->
+                <Label
+                    HorizontalOptions="Start"
+                    LineBreakMode="NoWrap"
+                    Style="{StaticResource TitleLabelStyle}"
+                    Text="{Binding EventName}" />
+
+                <!--  Event time label  -->
+                <Label
+                    FontSize="12"
+                    HorizontalOptions="Start"
+                    Style="{StaticResource DescriptionLabelStyle}"
+                    Text="{Binding EventTime}" />
+
+            </StackLayout>
+
+            <!--  Menu button  -->
+            <buttons:SfButton
+                x:Name="menuIcon"
+                Grid.Column="2"
+                Margin="0"
+                Command="{Binding Path=ParentBindingContext.MenuCommand, Source={x:Reference eventListTemplate}}"
+                CommandParameter="{Binding .}"
+                CornerRadius="4"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource More}"
+                WidthRequest="{OnIdiom Phone=30,
+                                       Default=40}" />
+        </Grid>
+    </Grid>
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/EventListTemplate.xaml.cs b/EssentialUIKit/Views/Templates/EventListTemplate.xaml.cs
new file mode 100644
index 00000000..6a9d9a7f
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/EventListTemplate.xaml.cs
@@ -0,0 +1,34 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Event list template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class EventListTemplate : Grid
+    {
+        /// <summary>
+        /// Bindable property to set the parent bindingcontext.
+        /// </summary>
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ArticleActivityTemplate), null);
+
+        public EventListTemplate()
+        {
+            this.InitializeComponent();
+        }
+
+        /// <summary>
+        /// Gets or sets the parent bindingcontext.
+        /// </summary>
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml b/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml
new file mode 100644
index 00000000..b22ed336
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.ExpenseChartTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <!--  Income and expense chart  -->
+    <chart:SfChart
+        Margin="10,0,10,26"
+        BackgroundColor="{DynamicResource Transparent}"
+        HorizontalOptions="FillAndExpand"
+        VerticalOptions="FillAndExpand">
+
+        <chart:SfChart.PrimaryAxis>
+            <chart:CategoryAxis Interval="1" ShowMajorGridLines="False">
+                <chart:CategoryAxis.LabelStyle>
+                    <chart:ChartAxisLabelStyle
+                        Margin="0,8,0,0"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        TextColor="{DynamicResource Gray-White}" />
+                </chart:CategoryAxis.LabelStyle>
+                <chart:CategoryAxis.AxisLineStyle>
+                    <chart:ChartLineStyle StrokeWidth="0" />
+                </chart:CategoryAxis.AxisLineStyle>
+                <chart:CategoryAxis.MajorTickStyle>
+                    <chart:ChartAxisTickStyle StrokeWidth="0" TickSize="0" />
+                </chart:CategoryAxis.MajorTickStyle>
+            </chart:CategoryAxis>
+        </chart:SfChart.PrimaryAxis>
+
+        <chart:SfChart.SecondaryAxis>
+            <chart:NumericalAxis
+                Interval="10"
+                IsVisible="False"
+                Maximum="100"
+                Minimum="0"
+                ShowMajorGridLines="False"
+                ShowMinorGridLines="False">
+                <chart:NumericalAxis.AxisLineStyle>
+                    <chart:ChartLineStyle StrokeWidth="0" />
+                </chart:NumericalAxis.AxisLineStyle>
+            </chart:NumericalAxis>
+        </chart:SfChart.SecondaryAxis>
+
+        <chart:SfChart.Legend>
+            <chart:ChartLegend
+                Margin="0,29,0,0"
+                DockPosition="Bottom"
+                IconHeight="8"
+                IconWidth="8"
+                Orientation="Horizontal"
+                ToggleSeriesVisibility="True">
+                <chart:ChartLegend.LabelStyle>
+                    <chart:ChartLegendLabelStyle
+                        Margin="10,0,24,0"
+                        FontFamily="Montserrat-Medium"
+                        FontSize="12"
+                        TextColor="{DynamicResource Gray-White}" />
+                </chart:ChartLegend.LabelStyle>
+            </chart:ChartLegend>
+        </chart:SfChart.Legend>
+
+        <chart:SfChart.Series>
+            <chart:StackingColumn100Series
+                Width="0.1"
+                CornerRadius="4"
+                EnableAnimation="True"
+                EnableTooltip="False"
+                ItemsSource="{Binding ChartData}"
+                Label="Expense"
+                LegendIcon="Circle"
+                XBindingPath="Section"
+                YBindingPath="Expense"
+                Color="{DynamicResource Lemon-Lime}" />
+
+            <chart:StackingColumn100Series
+                Width="0.1"
+                CornerRadius="4"
+                IsVisibleOnLegend="False"
+                ItemsSource="{Binding ChartData}"
+                XBindingPath="Section"
+                YBindingPath="Difference"
+                Color="Transparent" />
+
+            <chart:StackingColumn100Series
+                Width="0.1"
+                CornerRadius="4"
+                EnableAnimation="True"
+                EnableTooltip="False"
+                ItemsSource="{Binding ChartData}"
+                Label="Income"
+                LegendIcon="Circle"
+                XBindingPath="Section"
+                YBindingPath="Income"
+                Color="{DynamicResource Bright-Cyan}" />
+        </chart:SfChart.Series>
+
+    </chart:SfChart>
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml.cs
new file mode 100644
index 00000000..96a9ffc1
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/ExpenseChartTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// My wallet page's chart template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class ExpenseChartTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="ExpenseChartTemplate"/> class.
+        /// </summary>
+        public ExpenseChartTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml b/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml
index 7051b724..dd506cd5 100644
--- a/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml
@@ -2,21 +2,14 @@
 <Grid
     x:Class="EssentialUIKit.Views.Templates.NavigationListTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation">
 
-    <Grid.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Grid.Resources>
-
-    <Grid ColumnSpacing="0" RowSpacing="0">
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="120" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
+    <Grid
+        ColumnDefinitions="120, *"
+        ColumnSpacing="0"
+        RowSpacing="0">
 
         <!--  Image to display the Item  -->
         <Image
@@ -40,22 +33,23 @@
 
             <!--  Name of the item  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
-                LineHeight="{OnPlatform Android=1.5,
-                                        Default=-1}"
-                Text="{Binding ItemName}"
-                TextColor="{DynamicResource Gray-900}" />
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding ItemName}" />
 
             <!--  Description about the item  -->
             <Label
                 Margin="0,4,0,8"
-                FontFamily="{StaticResource Montserrat-Medium}"
                 FontSize="12"
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
+                LineBreakMode="TailTruncation"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Text="{Binding ItemDescription}"
-                TextColor="{DynamicResource Gray-700}" />
+                MaxLines="2"
+                Style="{StaticResource DescriptionLabelStyle}"
+                Text="{Binding ItemDescription}" />
 
             <!--  Average rating from the overall rating  -->
             <StackLayout
@@ -65,11 +59,14 @@
                 VerticalOptions="EndAndExpand">
                 <Label
                     Margin="0,0,4,0"
-                    HeightRequest="16"
-                    Style="{StaticResource RatingLabelStyle}"
+                    FontFamily="FontIcons"
+                    FontSize="16"
+                    Text="{StaticResource Rating}"
+                    TextColor="{DynamicResource PrimaryColor}"
+                    VerticalOptions="Center"
                     WidthRequest="16" />
                 <Label
-                    FontFamily="{StaticResource Montserrat-Regular}"
+                    FontFamily="Montserrat-Regular"
                     FontSize="12"
                     LineHeight="{OnPlatform Android=1.5,
                                             Default=-1}"
@@ -85,10 +82,21 @@
                 </Label>
 
                 <!--  Navigation icon  -->
-                <Label
-                    HeightRequest="14"
+                <button:SfButton
+                    BackgroundColor="Transparent"
+                    Command="{Binding ItemTappedCommand}"
+                    CornerRadius="4"
+                    FontFamily="FontIcons"
+                    FontSize="14"
                     HorizontalOptions="EndAndExpand"
-                    Style="{StaticResource RightArrowLabelStyle}" />
+                    Text="{StaticResource ArrowRight}"
+                    TextColor="{DynamicResource Gray-600}"
+                    VerticalOptions="Center">
+                    <button:SfButton.BindingContext>
+                        <viewModel:NavigationViewModel />
+                    </button:SfButton.BindingContext>
+                </button:SfButton>
+
             </StackLayout>
         </StackLayout>
     </Grid>
diff --git a/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml.cs b/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml.cs
index 67acb772..b948208d 100644
--- a/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/NavigationListTemplate.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,13 +10,13 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class NavigationListTemplate : Grid
-	{
+    {
         /// <summary>
         /// Initializes a new instance of the <see cref="NavigationListTemplate"/> class.
         /// </summary>
-		public NavigationListTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public NavigationListTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml b/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml
index 22edd0b7..c4e8a240 100644
--- a/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml
@@ -2,24 +2,15 @@
 <Grid
     x:Class="EssentialUIKit.Views.Templates.NavigationTileTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
-
-    <Grid.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Grid.Resources>
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Navigation">
 
     <Grid
         BackgroundColor="{DynamicResource PlaceholderColor}"
         ColumnSpacing="0"
+        RowDefinitions="150, *"
         RowSpacing="0">
-        <Grid.RowDefinitions>
-            <RowDefinition Height="150" />
-            <RowDefinition Height="*" />
-        </Grid.RowDefinitions>
 
         <!--  Image of an item  -->
         <Image
@@ -42,22 +33,20 @@
 
             <!--  Name of an item  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
-                LineHeight="{OnPlatform Android=1.5,
-                                        Default=-1}"
-                Text="{Binding ItemName}"
-                TextColor="{DynamicResource Gray-900}" />
+                HorizontalOptions="Start"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding ItemName}" />
 
             <!--  Description about an item  -->
             <Label
                 Margin="0,4,0,8"
-                FontFamily="{StaticResource Montserrat-Medium}"
                 FontSize="12"
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Text="{Binding ItemDescription}"
-                TextColor="{DynamicResource Gray-700}" />
+                Style="{StaticResource DescriptionLabelStyle}"
+                Text="{Binding ItemDescription}" />
             <StackLayout
                 HorizontalOptions="FillAndExpand"
                 Orientation="Horizontal"
@@ -67,11 +56,14 @@
                 <!--  Average rating from the overall rating  -->
                 <Label
                     Margin="0,0,4,0"
-                    HeightRequest="16"
-                    Style="{StaticResource RatingLabelStyle}"
+                    FontFamily="FontIcons"
+                    FontSize="16"
+                    Text="{StaticResource Rating}"
+                    TextColor="{DynamicResource PrimaryColor}"
+                    VerticalOptions="Center"
                     WidthRequest="16" />
                 <Label
-                    FontFamily="{StaticResource Montserrat-Regular}"
+                    FontFamily="Montserrat-Regular"
                     FontSize="12"
                     LineHeight="{OnPlatform Android=1.5,
                                             Default=-1}"
@@ -88,10 +80,21 @@
                 </Label>
 
                 <!--  Navigation icon  -->
-                <Label
-                    HeightRequest="14"
+                <button:SfButton
+                    BackgroundColor="Transparent"
+                    Command="{Binding ItemTappedCommand}"
+                    CornerRadius="4"
+                    FontFamily="FontIcons"
+                    FontSize="14"
                     HorizontalOptions="EndAndExpand"
-                    Style="{StaticResource RightArrowLabelStyle}" />
+                    Text="{StaticResource ArrowRight}"
+                    TextColor="{DynamicResource Gray-600}"
+                    VerticalOptions="Center">
+                    <button:SfButton.BindingContext>
+                        <viewModel:NavigationViewModel />
+                    </button:SfButton.BindingContext>
+                </button:SfButton>
+
             </StackLayout>
         </StackLayout>
     </Grid>
diff --git a/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml.cs b/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml.cs
index 60e07390..253a9a71 100644
--- a/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/NavigationTileTemplate.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,13 +10,13 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class NavigationTileTemplate : Grid
-	{
+    {
         /// <summary>
         /// Initializes a new instance of the <see cref="NavigationTileTemplate"/> class.
         /// </summary>
-		public NavigationTileTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public NavigationTileTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml b/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml
index 0ee5d965..500efc28 100644
--- a/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml
@@ -13,10 +13,10 @@
     </Grid.Resources>
 
     <Grid
-        Margin="0,16,0,0"
-        BackgroundColor="{DynamicResource Gray-White}"
+        BackgroundColor="{DynamicResource Gray-Bg}"
         ColumnSpacing="0"
-        RowSpacing="0">
+        RowSpacing="0"
+        ColumnDefinitions="Auto, *">
 
         <Grid.RowDefinitions>
             <RowDefinition Height="Auto" />
@@ -26,11 +26,6 @@
             <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
         </Grid.RowDefinitions>
 
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-
         <!--  Product image  -->
         <Image
             Grid.Row="0"
@@ -54,7 +49,7 @@
             Grid.Row="0"
             Grid.Column="1"
             Margin="0,8,0,4"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
+            FontFamily="Montserrat-SemiBold"
             FontSize="14"
             HorizontalOptions="StartAndExpand"
             LineBreakMode="TailTruncation"
@@ -68,7 +63,7 @@
             Grid.Row="1"
             Grid.Column="1"
             Margin="0,0,0,8"
-            FontFamily="{StaticResource Montserrat-Medium}"
+            FontFamily="Montserrat-Medium"
             FontSize="12"
             HorizontalOptions="StartAndExpand"
             LineHeight="1.5"
@@ -79,11 +74,12 @@
         <Label
             Grid.Row="2"
             Grid.Column="1"
-            FontFamily="{StaticResource Montserrat-Medium}"
+            FontFamily="Montserrat-Medium"
             FontSize="12"
             HorizontalOptions="Start"
             Text="{Binding OrderID, StringFormat='Order ID: {0}'}"
-            VerticalOptions="Center" />
+            VerticalOptions="Center"
+            TextColor="{DynamicResource Gray-700}"/>
 
     </Grid>
 </Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml.cs b/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml.cs
index 155b4a2a..6769e740 100644
--- a/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/OrderHistoryTemplate.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,13 +10,13 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class OrderHistoryTemplate : Grid
-	{
+    {
         /// <summary>
         /// Initializes a new instance of the <see cref="OrderHistoryTemplate"/> class.
         /// </summary>
-		public OrderHistoryTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public OrderHistoryTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ProductListTemplate.xaml b/EssentialUIKit/Views/Templates/ProductListTemplate.xaml
index de7aabfc..ea7c56b9 100644
--- a/EssentialUIKit/Views/Templates/ProductListTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/ProductListTemplate.xaml
@@ -3,6 +3,7 @@
     x:Class="EssentialUIKit.Views.Templates.ProductListTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
     xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
@@ -10,38 +11,29 @@
 
     <Grid.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
             <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
         </ResourceDictionary>
     </Grid.Resources>
 
     <Grid
-        Margin="0,0,0,8"
+        Margin="0"
         ColumnSpacing="0"
         HorizontalOptions="FillAndExpand"
+        RowDefinitions="Auto, Auto, Auto, Auto"
         RowSpacing="0"
         VerticalOptions="FillAndExpand">
 
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="{OnIdiom Default=Auto, Desktop=0.2*}" />
             <ColumnDefinition Width="{OnIdiom Default=*, Desktop=*}" />
-            <ColumnDefinition Width="32" />
+            <ColumnDefinition Width="Auto" />
         </Grid.ColumnDefinitions>
 
         <!--  Product Image  -->
         <Image
             Grid.RowSpan="4"
-            Margin="8,0,16,0"
+            Margin="16,0"
             Aspect="Fill"
             BackgroundColor="{DynamicResource Gray-F0}"
             HeightRequest="{OnIdiom Default=150,
@@ -60,39 +52,40 @@
         <Label
             Grid.Column="1"
             Margin="0,0,0,8"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
+            FontSize="14"
+            HorizontalOptions="Start"
             LineBreakMode="TailTruncation"
             MaxLines="1"
-            Style="{StaticResource LabelStyle}"
+            Style="{StaticResource TitleLabelStyle}"
             Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            VerticalOptions="Center" />
 
         <!--  Favourite Icon  -->
-        <Button
+        <buttons:SfButton
             Grid.Column="2"
             Margin="0,0,0,8"
             Padding="0"
-            helper:RTLHelper.Margin="{OnIdiom Phone='0,0,0,0',
+            helper:RTLHelper.Margin="{OnIdiom Phone='0,0,8,0',
                                               Tablet='0,0,4,0',
                                               Desktop='0,0,8,0'}"
             Command="{Binding ParentBindingContext.AddFavouriteCommand, Source={x:Reference productListTemplate}}"
             CommandParameter="{Binding}"
-            Style="{StaticResource FavouriteButtonStyle}"
+            HeightRequest="-1"
+            Style="{StaticResource IconButtonStyle}"
             Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
-            TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}" />
+            TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}"
+            WidthRequest="-1" />
 
         <!--  Product Description  -->
         <Label
             Grid.Row="1"
             Grid.Column="1"
             Margin="0,0,0,8"
-            FontFamily="{StaticResource Montserrat-Medium}"
-            FontSize="12"
             LineBreakMode="TailTruncation"
             LineHeight="{OnPlatform Android=1.25,
                                     Default=-1}"
             MaxLines="2"
-            Style="{StaticResource LabelStyle}"
+            Style="{StaticResource SimpleLabelStyle}"
             Text="{Binding Summary}" />
 
         <StackLayout
@@ -104,27 +97,19 @@
 
             <!--  Product Price  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="20"
-                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
-                TextColor="{DynamicResource PrimaryColor}"
-                VerticalOptions="CenterAndExpand"
-                VerticalTextAlignment="Center" />
+                TextColor="{DynamicResource PrimaryColor}" />
 
             <Label
                 Margin="0,6,0,6"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding ActualPrice, StringFormat='${0:0.00}'}"
-                TextDecorations="Strikethrough"
-                VerticalOptions="Center"
-                VerticalTextAlignment="Center" />
+                TextDecorations="Strikethrough" />
 
         </StackLayout>
 
@@ -132,8 +117,10 @@
         <rating:SfRating
             Grid.Row="3"
             Grid.Column="1"
-            RatingSettings="{StaticResource RatingSettings}"
-            Style="{StaticResource SfRatingStyle}"
+            ItemSize="13"
+            ItemSpacing="1"
+            RatingSettings="{StaticResource CommonRatingSettings}"
+            Style="{StaticResource RatingStyle}"
             Value="{Binding OverallRating}" />
     </Grid>
 </Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ProductListTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ProductListTemplate.xaml.cs
index 71d802ba..4b1cd026 100644
--- a/EssentialUIKit/Views/Templates/ProductListTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/ProductListTemplate.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -15,29 +10,28 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ProductListTemplate : Grid
-	{
+    {
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(ProductListTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ProductListTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Initializes a new instance of the <see cref="ProductListTemplate"/> class.
         /// </summary>
-        public object ParentBindingContext
+        public ProductListTemplate()
         {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="ProductListTemplate"/> class.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-		public ProductListTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml b/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml
index 385977a9..c54e2e5b 100644
--- a/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml
@@ -3,32 +3,23 @@
     x:Class="EssentialUIKit.Views.Templates.ProductTileTemplate"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
     x:Name="productTileTemplate">
 
     <Grid.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
             <converter:BooleanToStringConverter x:Key="boolToStringConverter" />
             <converter:BooleanToColorConverter x:Key="boolToColorConverter" />
         </ResourceDictionary>
     </Grid.Resources>
 
-    <Grid Margin="8, 0, 8, 0" RowSpacing="0">
-
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-        </Grid.RowDefinitions>
-
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="4*" />
-            <ColumnDefinition Width="1*" />
-        </Grid.ColumnDefinitions>
+    <Grid
+        Margin="0"
+        ColumnDefinitions="4*, 1*"
+        RowDefinitions="Auto, Auto, Auto"
+        RowSpacing="0">
 
         <!--  Product Image  -->
         <Image
@@ -63,61 +54,50 @@
             Grid.Row="1"
             Grid.Column="0"
             Grid.ColumnSpan="2"
-            Margin="0,0,0,4"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
+            Margin="8,0,0,4"
             FontSize="14"
             HorizontalOptions="StartAndExpand"
             LineBreakMode="TailTruncation"
-            LineHeight="{OnPlatform Android=1.5,
-                                    Default=-1}"
             MaxLines="1"
-            Style="{StaticResource LabelStyle}"
-            Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            Style="{StaticResource TitleLabelStyle}"
+            Text="{Binding Name}" />
 
         <StackLayout
             Grid.Row="2"
             Grid.Column="0"
-            Margin="0,0,0,8"
+            Margin="8,0,0,8"
             Orientation="Horizontal"
             Spacing="2">
 
             <!--  Product Price  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
+                FontFamily="Montserrat-SemiBold"
                 FontSize="20"
-                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
-                TextColor="{DynamicResource PrimaryColor}"
-                VerticalOptions="CenterAndExpand"
-                VerticalTextAlignment="Center" />
+                TextColor="{DynamicResource PrimaryColor}" />
 
             <Label
                 Margin="0,6,0,6"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding ActualPrice, StringFormat='${0:0.00}'}"
-                TextDecorations="Strikethrough"
-                VerticalOptions="Center"
-                VerticalTextAlignment="Center" />
+                TextDecorations="Strikethrough" />
 
         </StackLayout>
 
         <!--  Favourite Icon  -->
-        <Button
+        <buttons:SfButton
             Grid.Row="2"
             Grid.Column="1"
             Margin="0,0,0,8"
             Padding="0"
             Command="{Binding ParentBindingContext.AddFavouriteCommand, Source={x:Reference productTileTemplate}}"
             CommandParameter="{Binding}"
-            FontSize="18"
-            Style="{StaticResource FavouriteButtonStyle}"
+            FontSize="16"
+            HeightRequest="-1"
+            Style="{StaticResource IconButtonStyle}"
             Text="{Binding IsFavourite, Converter={StaticResource boolToStringConverter}, ConverterParameter=1}"
             TextColor="{Binding IsFavourite, Converter={x:StaticResource boolToColorConverter}, ConverterParameter=4}" />
 
diff --git a/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml.cs
index de944278..c4cac8da 100644
--- a/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/ProductTileTemplate.xaml.cs
@@ -1,9 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -15,29 +10,28 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ProductTileTemplate : Grid
-	{
+    {
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(ProductTileTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(ProductTileTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Initializes a new instance of the <see cref="ProductTileTemplate"/> class.
         /// </summary>
-        public object ParentBindingContext
+        public ProductTileTemplate()
         {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="ProductTileTemplate"/> class.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-		public ProductTileTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml b/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml
new file mode 100644
index 00000000..018df7bc
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.RecentChatTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:badge="clr-namespace:Syncfusion.XForms.BadgeView;assembly=Syncfusion.SfBadgeView.XForms"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <Grid.Resources>
+        <ResourceDictionary>
+            <converter:StringToBadgeIconConverter x:Key="BadgeConverter" />
+            <converter:StringToGlyphConverter x:Key="GlyphConverter" />
+            <converter:StringToMessageTypeConverter x:Key="TextConverter" />
+        </ResourceDictionary>
+    </Grid.Resources>
+
+    <Grid
+        x:Name="Grid"
+        Padding="16,12"
+        ColumnDefinitions="Auto, *, Auto"
+        ColumnSpacing="16"
+        RowDefinitions="*, *"
+        RowSpacing="2">
+
+        <!--  Recent Sender Profile image  -->
+        <badge:SfBadgeView x:Name="BadgeView" Grid.RowSpan="2">
+            <badge:SfBadgeView.Content>
+                <border:SfBorder
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    BorderColor="{DynamicResource Gray-Bg}"
+                    Style="{StaticResource ProfileBorderStyle}">
+                    <Image HeightRequest="40" WidthRequest="40">
+                        <Image.Source>
+                            <UriImageSource
+                                CacheValidity="14"
+                                CachingEnabled="true"
+                                Uri="{Binding ImagePath}" />
+                        </Image.Source>
+                    </Image>
+                </border:SfBorder>
+            </badge:SfBadgeView.Content>
+
+            <badge:SfBadgeView.BadgeSettings>
+                <badge:BadgeSetting
+                    BackgroundColor="{DynamicResource Green}"
+                    BadgeAlignment="End"
+                    BadgeIcon="{Binding AvailableStatus, Converter={StaticResource BadgeConverter}}"
+                    BadgePosition="BottomRight"
+                    BadgeType="None"
+                    Stroke="{DynamicResource Gray-Bg}"
+                    StrokeWidth="1" />
+            </badge:SfBadgeView.BadgeSettings>
+        </badge:SfBadgeView>
+
+        <!--  Recent Sender Profile Name  -->
+        <Label
+            Grid.Column="1"
+            FontFamily="Montserrat-SemiBold"
+            FontSize="16"
+            HorizontalOptions="Start"
+            LineBreakMode="NoWrap"
+            LineHeight="{OnPlatform Default=1.5,
+                                    iOS=-1}"
+            Text="{Binding SenderName}"
+            TextColor="{DynamicResource Gray-900}" />
+
+        <StackLayout
+            Grid.Row="1"
+            Grid.Column="1"
+            Orientation="Horizontal">
+
+            <!--  Recent Message Type  -->
+            <Label
+                x:Name="MessageIcon"
+                HorizontalOptions="Start"
+                HorizontalTextAlignment="Start"
+                Style="{StaticResource IconLabelStyle}"
+                Text="{Binding MessageType, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference MessageIcon}}">
+                <Label.Resources>
+                    <ResourceDictionary>
+                        <ResourceDictionary.MergedDictionaries>
+                            <ResourceDictionary Source="../../Styles/FontIcons.xaml" />
+                        </ResourceDictionary.MergedDictionaries>
+                    </ResourceDictionary>
+                </Label.Resources>
+            </Label>
+
+            <!--  Recent Message  -->
+            <Label
+                x:Name="MessageLabel"
+                LineBreakMode="TailTruncation"
+                Style="{StaticResource SimpleLabelStyle}"
+                Text="{Binding MessageType, Converter={StaticResource TextConverter}, ConverterParameter={x:Reference MessageLabel}}"
+                TextColor="{DynamicResource Gray-800}" />
+
+        </StackLayout>
+
+        <!--  Recent Message Time  -->
+        <Label
+            Grid.Column="2"
+            FontFamily="Montserrat-Regular"
+            HorizontalOptions="Center"
+            LineBreakMode="NoWrap"
+            Style="{StaticResource SimpleLabelStyle}"
+            Text="{Binding Time}"
+            VerticalOptions="Start"
+            VerticalTextAlignment="Start" />
+
+        <!--  Recent Message Notification  -->
+        <Label
+            x:Name="NotificationLabel"
+            Grid.Row="1"
+            Grid.Column="2"
+            HorizontalOptions="End"
+            HorizontalTextAlignment="End"
+            Style="{StaticResource IconLabelStyle}"
+            Text="{Binding NotificationType, Converter={StaticResource GlyphConverter}, ConverterParameter={x:Reference NotificationLabel}}"
+            VerticalOptions="Start">
+            <Label.Resources>
+                <ResourceDictionary>
+                    <ResourceDictionary.MergedDictionaries>
+                        <ResourceDictionary Source="../../Styles/FontIcons.xaml" />
+                    </ResourceDictionary.MergedDictionaries>
+                </ResourceDictionary>
+            </Label.Resources>
+        </Label>
+
+    </Grid>
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml.cs b/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml.cs
new file mode 100644
index 00000000..0b5f425d
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/RecentChatTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Recent chat page contact's template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RecentChatTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="RecentChatTemplate"/> class.
+        /// </summary>
+        public RecentChatTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml b/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml
new file mode 100644
index 00000000..04329220
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.RestaurantCardTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <!--  View of each card item  -->
+    <StackLayout BackgroundColor="{DynamicResource Gray-Bg}" Spacing="0">
+
+        <Grid
+            Margin="16,8,8,8"
+            ColumnDefinitions="Auto, *, Auto"
+            ColumnSpacing="0"
+            RowSpacing="0">
+
+            <border:SfBorder
+                BackgroundColor="{DynamicResource Gray-200}"
+                CornerRadius="4"
+                HorizontalOptions="Start"
+                Style="{StaticResource ProfileBorderStyle}">
+                <Image
+                    Aspect="AspectFill"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    HeightRequest="80"
+                    WidthRequest="80">
+                    <Image.Source>
+                        <UriImageSource
+                            CacheValidity="14"
+                            CachingEnabled="true"
+                            Uri="{Binding RestaurantImage}" />
+                    </Image.Source>
+                </Image>
+            </border:SfBorder>
+
+            <StackLayout
+                Grid.Column="1"
+                Margin="16,5"
+                HorizontalOptions="Start"
+                Spacing="2"
+                VerticalOptions="FillAndExpand">
+
+                <!--  Name of the Restaurant  -->
+                <Label
+                    FontFamily="Montserrat-Medium"
+                    FontSize="16"
+                    LineHeight="{OnPlatform Android=1.5,
+                                            Default=-1}"
+                    Text="{Binding Name}"
+                    TextColor="{DynamicResource Gray-900}" />
+
+                <!--  Description about the item  -->
+                <Label
+                    FontFamily="Montserrat-Medium"
+                    FontSize="14"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Text="{Binding Description}"
+                    TextColor="{DynamicResource Gray-700}" />
+
+                <!--  Label for Offer  -->
+                <Label
+                    FontFamily="Montserrat-Medium"
+                    FontSize="14"
+                    LineHeight="{OnPlatform Android=1.25,
+                                            Default=-1}"
+                    Text="{Binding Offer}"
+                    TextColor="{DynamicResource PrimaryColor}" />
+            </StackLayout>
+
+            <border:SfBorder
+                Grid.Column="2"
+                Margin="0,8,0,0"
+                BackgroundColor="{DynamicResource LightGreen}"
+                BorderColor="Transparent"
+                CornerRadius="4"
+                HeightRequest="20"
+                HorizontalOptions="End"
+                VerticalOptions="Start"
+                WidthRequest="24">
+                <Label
+                    FontFamily="Montserrat-Medium"
+                    FontSize="12"
+                    HorizontalOptions="Center"
+                    LineHeight="{OnPlatform Android=1.5,
+                                            Default=-1}"
+                    Text="{Binding ItemRating}"
+                    TextColor="{DynamicResource Gray-White}"
+                    VerticalTextAlignment="Center" />
+            </border:SfBorder>
+        </Grid>
+        <!--  Separator  -->
+        <BoxView Style="{StaticResource HorizontalSeparatorStyle}" />
+    </StackLayout>
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml.cs b/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml.cs
new file mode 100644
index 00000000..373ac629
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/RestaurantCardTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Restaurant page card template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class RestaurantCardTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="RestaurantCardTemplate"/> class.
+        /// </summary>
+        public RestaurantCardTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ReviewTemplate.xaml b/EssentialUIKit/Views/Templates/ReviewTemplate.xaml
index 5bae6a6f..142c3b7f 100644
--- a/EssentialUIKit/Views/Templates/ReviewTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/ReviewTemplate.xaml
@@ -4,32 +4,18 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
-
-    <Grid.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Grid.Resources>
-
-    <Grid.RowDefinitions>
-        <RowDefinition Height="Auto" />
-        <RowDefinition Height="Auto" />
-        <RowDefinition Height="Auto" />
-    </Grid.RowDefinitions>
-
-    <Grid.ColumnDefinitions>
-        <ColumnDefinition Width="Auto" />
-        <ColumnDefinition Width="*" />
-    </Grid.ColumnDefinitions>
+    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms"
+    ColumnDefinitions="Auto, *"
+    RowDefinitions="Auto, Auto, Auto">
 
     <!--  Profile Image  -->
     <border:SfBorder
+        BackgroundColor="{DynamicResource Gray-Bg}"
+        BorderWidth="{OnIdiom Default=2,
+                              Desktop=0}"
         CornerRadius="24"
         HeightRequest="48"
-        Style="{StaticResource SfBorderStyle}"
+        Style="{StaticResource ProfileBorderStyle}"
         WidthRequest="48">
         <Image BackgroundColor="{DynamicResource Gray-200}">
             <Image.Source>
@@ -57,16 +43,15 @@
 
             <!--  Customer Name  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                Style="{StaticResource LabelStyle}"
-                Text="{Binding CustomerName}"
-                TextColor="{DynamicResource Gray-900}" />
+                FontSize="14"
+                HorizontalOptions="Start"
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding CustomerName}" />
 
             <!--  Commented Date  -->
             <Label
-                FontFamily="{StaticResource Montserrat-Regular}"
-                FontSize="12"
-                Style="{StaticResource LabelStyle}"
+                FontFamily="Montserrat-Regular"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding ReviewedDate, StringFormat='{}{0:dd MMM, yyyy}'}" />
         </StackLayout>
 
@@ -74,8 +59,10 @@
         <rating:SfRating
             HorizontalOptions="{OnIdiom Default=FillAndExpand,
                                         Phone=EndAndExpand}"
-            RatingSettings="{StaticResource RatingSettings}"
-            Style="{StaticResource SfRatingStyle}"
+            ItemSize="13"
+            ItemSpacing="1"
+            RatingSettings="{StaticResource CommonRatingSettings}"
+            Style="{StaticResource RatingStyle}"
             VerticalOptions="Start"
             Value="{Binding Rating}">
             <rating:SfRating.Triggers>
@@ -93,7 +80,7 @@
     <StackLayout
         Grid.Row="1"
         Grid.ColumnSpan="2"
-        BindableLayout.ItemsSource="{Binding Images}"
+        BindableLayout.ItemsSource="{Binding CustomerReviewImages}"
         Orientation="Horizontal"
         Spacing="8">
         <BindableLayout.ItemTemplate>
@@ -120,11 +107,10 @@
         Grid.Row="2"
         Grid.ColumnSpan="2"
         Margin="0,0,0,16"
-        FontFamily="{StaticResource Montserrat-Medium}"
-        FontSize="14"
-        LineHeight="{OnPlatform Android=1.25,
-                                Default=-1}"
-        Style="{StaticResource LabelStyle}"
+        HorizontalOptions="Start"
+        HorizontalTextAlignment="Start"
+        LineHeight="1.25"
+        Style="{StaticResource DescriptionLabelStyle}"
         Text="{Binding Comment}" />
 
 </Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/ReviewTemplate.xaml.cs b/EssentialUIKit/Views/Templates/ReviewTemplate.xaml.cs
index fd3d4a9c..ce6f3c33 100644
--- a/EssentialUIKit/Views/Templates/ReviewTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/ReviewTemplate.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,13 +10,13 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class ReviewTemplate : Grid
-	{
+    {
         /// <summary>
         /// Initializes a new instance of the <see cref="ReviewTemplate"/> class.
         /// </summary>
-        public ReviewTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public ReviewTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml b/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml
new file mode 100644
index 00000000..4ed1622b
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.SocialIconTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms">
+
+    <Grid
+        Margin="0,24"
+        ColumnSpacing="0"
+        HorizontalOptions="Center"
+        WidthRequest="160">
+
+        <buttons:SfButton
+            BackgroundColor="{DynamicResource FacebookLogin}"
+            Command="{Binding FaceBookLoginCommand}"
+            HeightRequest="-1"
+            HorizontalOptions="Start"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{StaticResource FaceBook}"
+            TextColor="{DynamicResource Gray-White}"
+            WidthRequest="-1" />
+
+        <buttons:SfButton
+            BackgroundColor="{DynamicResource TwitterBlue}"
+            Command="{Binding TwitterLoginCommand}"
+            HeightRequest="-1"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{StaticResource Twitter}"
+            TextColor="{DynamicResource Gray-White}"
+            WidthRequest="-1" />
+
+        <buttons:SfButton
+            BackgroundColor="{DynamicResource Red}"
+            Command="{Binding GmailLoginCommand}"
+            HeightRequest="-1"
+            HorizontalOptions="End"
+            Style="{StaticResource IconButtonStyle}"
+            Text="{StaticResource Google}"
+            TextColor="{DynamicResource Gray-White}"
+            WidthRequest="-1" />
+
+    </Grid>
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml.cs b/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml.cs
new file mode 100644
index 00000000..94a34f98
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/SocialIconTemplate.xaml.cs
@@ -0,0 +1,19 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Social icon template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class SocialIconTemplate : Grid
+    {
+        public SocialIconTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml b/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml
new file mode 100644
index 00000000..cd5fdd44
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.StockOverviewChartTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    x:Name="stockOverviewPage"
+    mc:Ignorable="d">
+
+    <chart:SfChart
+        Margin="8"
+        BackgroundColor="Transparent"
+        HeightRequest="245"
+        HorizontalOptions="FillAndExpand"
+        VerticalOptions="FillAndExpand">
+
+        <chart:SfChart.PrimaryAxis>
+            <chart:DateTimeAxis>
+                <chart:DateTimeAxis.LabelStyle>
+                    <chart:ChartAxisLabelStyle
+                        Margin="{OnPlatform UWP=0,
+                                            Default='4,-10,0,0'}"
+                        FontSize="12"
+                        LabelAlignment="End"
+                        LabelFormat="MMM"
+                        TextColor="{DynamicResource Gray-700}" />
+                </chart:DateTimeAxis.LabelStyle>
+
+                <chart:DateTimeAxis.MajorTickStyle>
+                    <chart:ChartAxisTickStyle
+                        StrokeColor="{DynamicResource Gray-200}"
+                        StrokeWidth="1"
+                        TickSize="26" />
+                </chart:DateTimeAxis.MajorTickStyle>
+
+                <chart:DateTimeAxis.AxisLineStyle>
+                    <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-300}" StrokeWidth="1" />
+                </chart:DateTimeAxis.AxisLineStyle>
+
+                <chart:DateTimeAxis.MajorGridLineStyle>
+                    <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
+                </chart:DateTimeAxis.MajorGridLineStyle>
+            </chart:DateTimeAxis>
+        </chart:SfChart.PrimaryAxis>
+
+        <chart:SfChart.SecondaryAxis>
+            <chart:NumericalAxis
+                EdgeLabelsDrawingMode="Hide"
+                Interval="600"
+                Minimum="4000"
+                OpposedPosition="True">
+                <chart:NumericalAxis.LabelStyle>
+                    <chart:ChartAxisLabelStyle
+                        Margin="{OnPlatform Default='-38,8',
+                                            UWP=0}"
+                        FontSize="12"
+                        LabelAlignment="End"
+                        TextColor="{DynamicResource Gray-700}" />
+                </chart:NumericalAxis.LabelStyle>
+
+                <chart:NumericalAxis.MajorTickStyle>
+                    <chart:ChartAxisTickStyle
+                        StrokeColor="{DynamicResource Gray-200}"
+                        StrokeWidth="1"
+                        TickSize="41" />
+                </chart:NumericalAxis.MajorTickStyle>
+
+                <chart:NumericalAxis.AxisLineStyle>
+                    <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
+                </chart:NumericalAxis.AxisLineStyle>
+
+                <chart:NumericalAxis.MajorGridLineStyle>
+                    <chart:ChartLineStyle StrokeColor="{DynamicResource Gray-200}" StrokeWidth="1" />
+                </chart:NumericalAxis.MajorGridLineStyle>
+            </chart:NumericalAxis>
+        </chart:SfChart.SecondaryAxis>
+
+        <chart:SfChart.Series>
+            <chart:AreaSeries
+                ItemsSource="{Binding ChartData, Mode=TwoWay}"
+                StrokeColor="#4bd963"
+                StrokeWidth="2"
+                XBindingPath="DateTimeXValue"
+                YBindingPath="YValue" />
+
+        </chart:SfChart.Series>
+
+        <chart:SfChart.ColorModel>
+            <chart:ChartColorModel Palette="Custom">
+                <chart:ChartColorModel.CustomGradientColors>
+                    <chart:ChartGradientColor StartPoint="0.5,1" EndPoint="0.5,0">
+                        <chart:ChartGradientColor.GradientStops>
+                            <chart:ChartGradientStop Offset="0" Color="#104bd963" />
+                            <chart:ChartGradientStop Offset="1" Color="#BB4bd963" />
+                        </chart:ChartGradientColor.GradientStops>
+                    </chart:ChartGradientColor>
+                </chart:ChartColorModel.CustomGradientColors>
+            </chart:ChartColorModel>
+        </chart:SfChart.ColorModel>
+    </chart:SfChart>
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml.cs b/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml.cs
new file mode 100644
index 00000000..aac716bf
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/StockOverviewChartTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Stock overview chart section expander template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class StockOverviewChartTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="StockOverviewChartTemplate"/> class.
+        /// </summary>
+        public StockOverviewChartTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/Styles.xaml b/EssentialUIKit/Views/Templates/Styles.xaml
deleted file mode 100644
index a0e66365..00000000
--- a/EssentialUIKit/Views/Templates/Styles.xaml
+++ /dev/null
@@ -1,142 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Templates.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:combobox="clr-namespace:Syncfusion.XForms.ComboBox;assembly=Syncfusion.SfComboBox.XForms"
-    xmlns:rating="clr-namespace:Syncfusion.SfRating.XForms;assembly=Syncfusion.SfRating.XForms">
-
-    <Color x:Key="Gold">#fcbc0f</Color>
-    <x:String x:Key="Rating">&#xe70c;</x:String>
-    <x:String x:Key="ArrowRight">&#xe728;</x:String>
-    <x:String x:Key="DropDownButtonIcon">&#xe70b;</x:String>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="NavigationBarButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="18" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Fill" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for Navigation bar SfButton  -->
-    <Style x:Key="BookmarkIconStyle" TargetType="buttons:SfButton">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-600}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for sfBorder  -->
-    <Style x:Key="SfBorderStyle" TargetType="border:SfBorder">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="BorderWidth" Value="{OnIdiom Default=2, Desktop=0}" />
-        <Setter Property="BorderColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.25, Default=-1}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <rating:SfRatingSettings
-        x:Key="RatingSettings"
-        RatedFill="{StaticResource Gold}"
-        RatedStroke="{StaticResource Gold}"
-        UnRatedStroke="{DynamicResource Gray-600}"
-        UnRatedStrokeWidth="1" />
-
-    <!--  Common style for SfRating  -->
-    <Style x:Key="SfRatingStyle" TargetType="rating:SfRating">
-        <Setter Property="ItemCount" Value="5" />
-        <Setter Property="ReadOnly" Value="True" />
-        <Setter Property="ItemSize" Value="13" />
-        <Setter Property="ItemSpacing" Value="1" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for favourite button  -->
-    <Style x:Key="FavouriteButtonStyle" TargetType="Button">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="32" />
-        <Setter Property="HorizontalOptions" Value="End" />
-        <Setter Property="VerticalOptions" Value="CenterAndExpand" />
-        <Setter Property="WidthRequest" Value="32" />
-    </Style>
-
-    <!--  Common style for rating label  -->
-    <Style x:Key="RatingLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource PrimaryColor}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="Text" Value="{StaticResource Rating}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for SfComboBox  -->
-    <Style x:Key="SfComboBoxStyle" TargetType="combobox:SfComboBox">
-        <Setter Property="DropDownTextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="TextSize" Value="16" />
-        <Setter Property="DropDownTextSize" Value="16" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="DropDownItemFontFamily" Value="Montserrat-Regular" />
-    </Style>
-
-    <Style
-        x:Key="CartComboBoxStyle"
-        BasedOn="{StaticResource SfComboBoxStyle}"
-        TargetType="combobox:SfComboBox">
-        <Setter Property="WidthRequest" Value="84" />
-        <Setter Property="HeightRequest" Value="32" />
-    </Style>
-
-    <!--  Common style for arrow label  -->
-    <Style x:Key="RightArrowLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{StaticResource Gray-600}" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="Text" Value="{StaticResource ArrowRight}" />
-        <Setter Property="FontFamily" Value="{StaticResource FontIcons}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="CommonLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/EssentialUIKit/Views/Templates/Styles.xaml.cs b/EssentialUIKit/Views/Templates/Styles.xaml.cs
deleted file mode 100644
index 790f8300..00000000
--- a/EssentialUIKit/Views/Templates/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Templates
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup, and allows an apps appearance to be more easily changed.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml b/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml
new file mode 100644
index 00000000..c12183b8
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Grid
+    x:Class="EssentialUIKit.Views.Templates.TaskNotificationTemplate"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
+    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:sfavatar="clr-namespace:Syncfusion.XForms.AvatarView;assembly=Syncfusion.Core.XForms"
+    mc:Ignorable="d">
+
+    <Grid.Resources>
+        <ResourceDictionary>
+            <converter:BooleanToColorConverter x:Key="BoolToColorConverter" />
+        </ResourceDictionary>
+    </Grid.Resources>
+
+    <Grid
+        BackgroundColor="{Binding IsRead, Converter={x:StaticResource BoolToColorConverter}, ConverterParameter=7}"
+        ColumnDefinitions="Auto, *"
+        ColumnSpacing="0"
+        RowDefinitions="Auto, Auto, Auto, Auto"
+        RowSpacing="0">
+
+        <!--  User Name Avatar  -->
+        <sfavatar:SfAvatarView
+            Grid.RowSpan="4"
+            Margin="16,12,8,41"
+            AvatarName="{Binding UserName}"
+            AvatarShape="Circle"
+            AvatarSize="Medium"
+            BackgroundColor="{Binding BackgroundColor}"
+            BorderWidth="0"
+            FontFamily="Montserrat-Medium"
+            HeightRequest="48"
+            InitialsColor="{DynamicResource Gray-White}"
+            InitialsType="DoubleCharacter"
+            VerticalOptions="Start"
+            WidthRequest="48" />
+
+        <!--  Description  -->
+        <Label
+            Grid.Column="1"
+            Margin="8,12,16,0"
+            FontFamily="Montserrat-SemiBold"
+            FontSize="16"
+            LineBreakMode="TailTruncation"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding Description}"
+            TextColor="{DynamicResource Gray-900}" />
+
+        <!--  Detailed Description  -->
+        <Label
+            Grid.Row="1"
+            Grid.Column="1"
+            Margin="8,0,16,8"
+            FontFamily="Montserrat-Medium"
+            FontSize="14"
+            HeightRequest="21"
+            LineBreakMode="TailTruncation"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding Detail}"
+            TextColor="{DynamicResource Gray-700}" />
+
+        <!--  Task-ID  -->
+        <buttons:SfButton
+            Grid.Row="2"
+            Grid.Column="1"
+            Margin="0,0,0,12"
+            BackgroundColor="{DynamicResource HyperLink}"
+            CornerRadius="12"
+            HeightRequest="24"
+            HorizontalOptions="Start"
+            Opacity="0.08"
+            WidthRequest="100" />
+
+        <Label
+            Grid.Row="2"
+            Grid.Column="1"
+            Margin="13,3,13,15"
+            FontFamily="Montserrat-SemiBold"
+            FontSize="12"
+            HorizontalOptions="Start"
+            HorizontalTextAlignment="Center"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding TaskID}"
+            TextColor="{DynamicResource HyperLink}"
+            VerticalTextAlignment="Center" />
+
+        <!--  Time  -->
+        <Label
+            Grid.RowSpan="4"
+            Grid.Column="1"
+            Margin="0,68,16,0"
+            FontFamily="Montserrat-Medium"
+            FontSize="12"
+            HeightRequest="18"
+            HorizontalOptions="End"
+            LineHeight="{OnPlatform Android=1.5,
+                                    Default=-1}"
+            Text="{Binding Time}"
+            TextColor="{DynamicResource Gray-700}" />
+
+        <!--  Seperator  -->
+        <BoxView
+            Grid.Row="3"
+            Grid.ColumnSpan="2"
+            Style="{StaticResource HorizontalSeparatorStyle}" />
+
+    </Grid>
+
+</Grid>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml.cs b/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml.cs
new file mode 100644
index 00000000..a6dc2943
--- /dev/null
+++ b/EssentialUIKit/Views/Templates/TaskNotificationTemplate.xaml.cs
@@ -0,0 +1,22 @@
+using Xamarin.Forms;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Templates
+{
+    /// <summary>
+    /// Task notification template.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class TaskNotificationTemplate : Grid
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="TaskNotificationTemplate"/> class.
+        /// </summary>
+        public TaskNotificationTemplate()
+        {
+            this.InitializeComponent();
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml b/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml
index 59d7a2b1..ef8b741c 100644
--- a/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml
+++ b/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml
@@ -10,17 +10,9 @@
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
     x:Name="wishlistItemTemplate">
 
-    <Grid.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </Grid.Resources>
-
     <Grid
-        Margin="0,16,0,0"
-        BackgroundColor="{DynamicResource Gray-White}"
+        BackgroundColor="{DynamicResource Gray-Bg}"
+        ColumnDefinitions="Auto, *"
         ColumnSpacing="0"
         RowSpacing="0">
 
@@ -32,11 +24,6 @@
             <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
         </Grid.RowDefinitions>
 
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto" />
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-
         <!--  Product image  -->
         <Image
             Grid.Row="0"
@@ -60,14 +47,12 @@
             Grid.Row="0"
             Grid.Column="1"
             Margin="0,8,0,4"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
             FontSize="14"
             HorizontalOptions="StartAndExpand"
             LineBreakMode="TailTruncation"
             MaxLines="1"
-            Style="{StaticResource LabelStyle}"
-            Text="{Binding Name}"
-            TextColor="{DynamicResource Gray-900}" />
+            Style="{StaticResource TitleLabelStyle}"
+            Text="{Binding Name}" />
 
         <StackLayout
             Grid.Row="1"
@@ -79,30 +64,21 @@
 
             <!--  Product price  -->
             <Label
-                FontFamily="{StaticResource Montserrat-SemiBold}"
                 FontSize="20"
                 HorizontalOptions="Start"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource TitleLabelStyle}"
                 Text="{Binding DiscountPrice, StringFormat='${0:0 }'}"
                 TextColor="{DynamicResource PrimaryColor}" />
 
             <Label
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding ActualPrice, StringFormat='${0:0.00}'}"
-                TextDecorations="Strikethrough"
-                VerticalTextAlignment="Center" />
+                TextDecorations="Strikethrough" />
 
             <Label
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                HorizontalOptions="Start"
-                Style="{StaticResource LabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPercent, StringFormat=' ({0}% OFF)'}"
-                TextColor="{DynamicResource PrimaryColor}"
-                VerticalTextAlignment="Center" />
+                TextColor="{DynamicResource PrimaryColor}" />
 
         </StackLayout>
 
@@ -131,11 +107,16 @@
                     x:Name="QuantityComboBox"
                     BorderColor="{DynamicResource Gray-300}"
                     DataSource="{Binding Quantities}"
+                    DropDownBackgroundColor="{DynamicResource Gray-Bg}"
+                    DropDownBorderColor="{DynamicResource Gray-300}"
+                    DropDownTextColor="{DynamicResource Gray-700}"
+                    HeightRequest="32"
                     HorizontalOptions="StartAndExpand"
                     MaximumDropDownHeight="200"
+                    SelectedDropDownItemColor="Transparent"
                     SelectedItem="{Binding TotalQuantity, Mode=TwoWay}"
                     ShowBorder="False"
-                    Style="{StaticResource CartComboBoxStyle}"
+                    Style="{StaticResource SimpleComboBoxStyle}"
                     TextColor="Transparent"
                     WidthRequest="90">
 
@@ -143,11 +124,10 @@
                         <Label
                             Margin="10,0,24,0"
                             BackgroundColor="Transparent"
-                            FontFamily="{DynamicResource Montserrat-Regular}"
-                            FontSize="14"
-                            HorizontalTextAlignment="Center"
-                            Style="{StaticResource LabelStyle}"
-                            Text="{Binding Source={x:Reference QuantityComboBox}, Path=SelectedItem, StringFormat='QTY: {0}'}" />
+                            FontFamily="Montserrat-Regular"
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            Text="{Binding Source={x:Reference QuantityComboBox}, Path=SelectedItem, StringFormat='QTY: {0}'}"
+                            VerticalTextAlignment="Center" />
                     </combobox:SfComboBox.CustomView>
 
                     <combobox:SfComboBox.DropDownButtonSettings>
@@ -155,7 +135,7 @@
                             <combobox:DropDownButtonSettings.View>
                                 <Label
                                     Margin="0"
-                                    FontFamily="{StaticResource FontIcons}"
+                                    FontFamily="FontIcons"
                                     FontSize="20"
                                     HorizontalTextAlignment="Center"
                                     Text="{StaticResource DropDownButtonIcon}"
@@ -178,19 +158,20 @@
                                                   Phone='8,0,0,0'}"
                 Command="{Binding Path=ParentBindingContext.AddToCartCommand, Source={x:Reference wishlistItemTemplate}}"
                 CommandParameter="{Binding .}"
-                CornerRadius="4"
                 HeightRequest="32"
-                WidthRequest="115"
-                HorizontalOptions="Start"
-                HorizontalTextAlignment="Center"
-                Style="{StaticResource SfButtonStyle}"
-                VerticalOptions="Center"
-                VerticalTextAlignment="Center">
-                
-                <Label  Text="Add to Cart" Margin="16,5" LineHeight="{OnPlatform Android=1.5, Default=-1}"
-                        FontSize="14"  FontFamily="{StaticResource Montserrat-SemiBold}" 
-                        TextColor="{DynamicResource HyperLink}" BackgroundColor="Transparent"/>
-            </buttons:SfButton> 
+                Style="{StaticResource TransparentButtonStyle}"
+                VerticalOptions="Center">
+
+                <Label
+                    Margin="16,5"
+                    BackgroundColor="Transparent"
+                    FontFamily="Montserrat-SemiBold"
+                    FontSize="14"
+                    LineHeight="{OnPlatform Android=1.5,
+                                            Default=-1}"
+                    Text="Add to Cart"
+                    TextColor="{DynamicResource HyperLink}" />
+            </buttons:SfButton>
         </StackLayout>
 
     </Grid>
diff --git a/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml.cs b/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml.cs
index 73460945..a973aaaa 100644
--- a/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml.cs
+++ b/EssentialUIKit/Views/Templates/WishlistItemTemplate.xaml.cs
@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-using Xamarin.Forms;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,29 +10,28 @@ namespace EssentialUIKit.Views.Templates
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
     public partial class WishlistItemTemplate : Grid
-	{
+    {
         /// <summary>
         /// Bindable property to set the parent bindingcontext.
         /// </summary>
-        public static BindableProperty ParentBindingContextProperty =
-         BindableProperty.Create(nameof(ParentBindingContext), typeof(object),
-         typeof(WishlistItemTemplate), null);
+        public static readonly BindableProperty ParentBindingContextProperty =
+         BindableProperty.Create(nameof(ParentBindingContext), typeof(object), typeof(WishlistItemTemplate), null);
 
         /// <summary>
-        /// Gets or sets the parent bindingcontext.
+        /// Initializes a new instance of the <see cref="WishlistItemTemplate"/> class.
         /// </summary>
-        public object ParentBindingContext
+        public WishlistItemTemplate()
         {
-            get { return GetValue(ParentBindingContextProperty); }
-            set { SetValue(ParentBindingContextProperty, value); }
+            this.InitializeComponent();
         }
 
         /// <summary>
-        /// Initializes a new instance of the <see cref="WishlistItemTemplate"/> class.
+        /// Gets or sets the parent bindingcontext.
         /// </summary>
-		public WishlistItemTemplate ()
-		{
-			InitializeComponent ();
-		}
-	}
+        public object ParentBindingContext
+        {
+            get { return this.GetValue(ParentBindingContextProperty); }
+            set { this.SetValue(ParentBindingContextProperty, value); }
+        }
+    }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml b/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml
index 9f93d252..27a9af53 100644
--- a/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml
+++ b/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml
@@ -3,27 +3,50 @@
     x:Class="EssentialUIKit.Views.Tracking.ProductDeliveryTrackingPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:progressBar="clr-namespace:Syncfusion.XForms.ProgressBar;assembly=Syncfusion.SfProgressBar.XForms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Tracking"
+    x:Name="ProductTrackingPage"
     Title="Order Status"
-    BackgroundColor="{StaticResource Gray-100}"
+    BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False"
     Shell.NavBarIsVisible="False">
 
     <ContentPage.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:StringToColorConverter x:Key="StringToColorConverter" />
         </ResourceDictionary>
     </ContentPage.Resources>
 
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <control:TitleView Title="Order Status">
+                    <control:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference ProductTrackingPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </control:TitleView.LeadingView>
+                </control:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+
     <ContentPage.Content>
         <ScrollView>
             <StackLayout HorizontalOptions="FillAndExpand" Spacing="0">
                 <Grid
                     Margin="0,16,0,0"
-                    BackgroundColor="{DynamicResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
+                    ColumnDefinitions="Auto, *"
                     ColumnSpacing="0"
                     RowSpacing="0">
 
@@ -35,11 +58,6 @@
                         <RowDefinition Height="{OnIdiom Default=1, Phone=0}" />
                     </Grid.RowDefinitions>
 
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
-
                     <!--  Product image  -->
                     <Image
                         Grid.Row="0"
@@ -63,30 +81,29 @@
                         Grid.Row="0"
                         Grid.Column="1"
                         Margin="0,12,0,4"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
                         FontSize="14"
-                        LineBreakMode="TailTruncation"
-                        MaxLines="1"
-                        Style="{StaticResource LabelStyle}"
-                        Text="{Binding ProductName}"
-                        TextColor="{DynamicResource Gray-900}" />
+                        HorizontalOptions="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="{Binding ProductName}" />
 
                     <!--  Description label  -->
                     <Label
                         Grid.Row="1"
                         Grid.Column="1"
                         Margin="0,0,0,8"
-                        Style="{StaticResource LabelStyle}"
+                        FontSize="12"
+                        HorizontalOptions="Start"
+                        Style="{StaticResource DescriptionLabelStyle}"
                         Text="{Binding Description}" />
 
                     <!--  Order ID  -->
                     <Label
                         Grid.Row="2"
                         Grid.Column="1"
+                        FontSize="12"
                         HorizontalOptions="Start"
-                        Style="{StaticResource LabelStyle}"
-                        Text="{Binding OrderID, StringFormat='Order ID: {0}'}"
-                        VerticalOptions="Center" />
+                        Style="{StaticResource DescriptionLabelStyle}"
+                        Text="{Binding OrderID, StringFormat='Order ID: {0}'}" />
 
                 </Grid>
 
@@ -94,7 +111,7 @@
                 <progressBar:SfStepProgressBar
                     x:Name="stepProgress"
                     Margin="0,20,0,0"
-                    BackgroundColor="{StaticResource Gray-White}"
+                    BackgroundColor="{DynamicResource Gray-Bg}"
                     BindableLayout.ItemsSource="{Binding ProductDeliveryTrackings}"
                     HorizontalOptions="FillAndExpand"
                     Orientation="Vertical"
@@ -106,29 +123,31 @@
                     <progressBar:SfStepProgressBar.NotStartedStepStyle>
                         <progressBar:StepStyle
                             x:TypeArguments="progressBar:NotStartedStepState"
+                            MarkerContentFillColor="{DynamicResource Gray-200}"
                             MarkerContentSize="12"
-                            MarkerShapeType="Circle" />
+                            MarkerShapeType="Circle"
+                            TrackColor="{DynamicResource Gray-200}" />
                     </progressBar:SfStepProgressBar.NotStartedStepStyle>
 
                     <!--  Style for step progress inprogress  -->
                     <progressBar:SfStepProgressBar.InProgressStepStyle>
                         <progressBar:StepStyle
                             x:TypeArguments="progressBar:InProgressStepState"
-                            MarkerFillColor="{StaticResource PrimaryColor}"
+                            MarkerFillColor="{DynamicResource PrimaryColor}"
                             MarkerShapeType="Circle"
-                            MarkerStrokeColor="{StaticResource PrimaryDarkColor}"
-                            ProgressLineColor="{StaticResource PrimaryColor}" />
+                            MarkerStrokeColor="{DynamicResource PrimaryDarkColor}"
+                            ProgressLineColor="{DynamicResource PrimaryColor}" />
                     </progressBar:SfStepProgressBar.InProgressStepStyle>
 
                     <!--  Style for step progress completed  -->
                     <progressBar:SfStepProgressBar.CompletedStepStyle>
                         <progressBar:StepStyle
                             x:TypeArguments="progressBar:CompletedStepState"
-                            MarkerContentFillColor="{StaticResource Gray-White}"
+                            MarkerContentFillColor="{DynamicResource Gray-White}"
                             MarkerContentType="Tick"
-                            MarkerFillColor="{StaticResource PrimaryColor}"
+                            MarkerFillColor="{DynamicResource PrimaryColor}"
                             MarkerShapeType="Circle"
-                            MarkerStrokeColor="{StaticResource PrimaryDarkColor}" />
+                            MarkerStrokeColor="{DynamicResource PrimaryDarkColor}" />
                     </progressBar:SfStepProgressBar.CompletedStepStyle>
 
                     <BindableLayout.ItemTemplate>
@@ -140,25 +159,44 @@
                                 <progressBar:StepView.PrimaryFormattedText>
                                     <FormattedString>
                                         <Span
+                                            FontFamily="Montserrat-SemiBold"
                                             FontSize="16"
-                                            Style="{StaticResource SpanStyle}"
-                                            Text="{Binding Title}" />
+                                            LineHeight="{OnPlatform Default=1.25,
+                                                                    iOS=-1}"
+                                            Text="{Binding Title}"
+                                            TextColor="{Binding Status, Converter={x:StaticResource StringToColorConverter}, ConverterParameter=1}" />
                                         <Span Text="&#10;&#10;" />
-                                        <Span Style="{StaticResource SpanStyle}" Text="{Binding TitleStatus}" />
+                                        <Span
+                                            FontFamily="Montserrat-SemiBold"
+                                            FontSize="12"
+                                            LineHeight="{OnPlatform Default=1.25,
+                                                                    iOS=-1}"
+                                            Text="{Binding TitleStatus}"
+                                            TextColor="{DynamicResource Gray-900}" />
                                         <Span Text="&#10;" />
                                         <Span
-                                            FontFamily="{StaticResource Montserrat-Medium}"
-                                            Style="{StaticResource SpanStyle}"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="12"
+                                            LineHeight="{OnPlatform Default=1.25,
+                                                                    iOS=-1}"
                                             Text="{Binding Date}"
-                                            TextColor="{StaticResource Gray-700}" />
+                                            TextColor="{DynamicResource Gray-700}" />
                                         <Span Text="&#10;&#10;" />
-                                        <Span Style="{StaticResource SpanStyle}" Text="{Binding OrderStatus}" />
+                                        <Span
+                                            FontFamily="Montserrat-SemiBold"
+                                            FontSize="12"
+                                            LineHeight="{OnPlatform Default=1.25,
+                                                                    iOS=-1}"
+                                            Text="{Binding OrderStatus}"
+                                            TextColor="{DynamicResource Gray-900}" />
                                         <Span Text="&#10;" />
                                         <Span
-                                            FontFamily="{StaticResource Montserrat-Medium}"
-                                            Style="{StaticResource SpanStyle}"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="12"
+                                            LineHeight="{OnPlatform Default=1.25,
+                                                                    iOS=-1}"
                                             Text="{Binding OrderDate}"
-                                            TextColor="{StaticResource Gray-700}" />
+                                            TextColor="{DynamicResource Gray-700}" />
                                         <Span Text="&#10;&#10;" />
                                     </FormattedString>
                                 </progressBar:StepView.PrimaryFormattedText>
diff --git a/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml.cs b/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml.cs
index ecb40e74..4f0f16ea 100644
--- a/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml.cs
+++ b/EssentialUIKit/Views/Tracking/ProductDeliveryTrackingPage.xaml.cs
@@ -9,14 +9,14 @@ namespace EssentialUIKit.Views.Tracking
     /// </summary>
     [Preserve(AllMembers = true)]
     [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class ProductDeliveryTrackingPage 
+    public partial class ProductDeliveryTrackingPage
     {
         /// <summary>
         /// Initializes a new instance of the <see cref="ProductDeliveryTrackingPage" /> class.
         /// </summary>
         public ProductDeliveryTrackingPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = ProductDeliveryTrackingDataService.Instance.ProductDeliveryTrackingViewModel;
         }
     }
diff --git a/EssentialUIKit/Views/Tracking/Styles.xaml b/EssentialUIKit/Views/Tracking/Styles.xaml
deleted file mode 100644
index 89af3af3..00000000
--- a/EssentialUIKit/Views/Tracking/Styles.xaml
+++ /dev/null
@@ -1,116 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<ResourceDictionary 
-    xmlns="http://xamarin.com/schemas/2014/forms"  
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
-    x:Class="EssentialUIKit.Views.Tracking.Styles"         
-    xmlns:progressBar="clr-namespace:Syncfusion.XForms.ProgressBar;assembly=Syncfusion.SfProgressBar.XForms"
-    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <converter:DatetimeToColorConverter x:Key="DatetimeToColorConverter"/>
-
-    <x:String x:Key="Arrow">&#xe728;</x:String>
-
-    <!--Common header label style-->
-    <Style TargetType="Label" x:Key="HeaderLabelStyle">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-SemiBold}"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-    </Style>
-
-    <!--Common step view style-->
-    <Style TargetType="progressBar:StepView">
-        <Setter Property="ProgressValue" Value="{Binding ProgressedDistance}"/>
-        <Setter Property="Status" Value="{Binding Status}"/>
-    </Style>
-
-    <!--Common station span style -->
-    <Style TargetType="Span" x:Key="StationSpan">
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-SemiBold}"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-    </Style>
-
-    <!--Common distance span style-->
-    <Style TargetType="Span" x:Key="DistanceSpan">
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="FontFamily" Value="{DynamicResource Montserrat-SemiBold}"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}"/>
-    </Style>
-
-    <!--Common arrival span style-->
-    <Style TargetType="Span" x:Key="ArraivalSpan">
-        <Setter Property="FontSize" Value="16"/>        
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-    </Style>
-
-    <!--Common departure span style-->
-    <Style TargetType="Span" x:Key="DepartureSpan">
-        <Setter Property="FontSize" Value="16"/>
-        <Setter Property="FontAttributes" Value="Bold"/>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}"/>
-    </Style>
-
-    <!--Common arrival time span style-->
-    <Style TargetType="Span" x:Key="ArraivalTimeSpan">
-        <Setter Property="Text" Value="On Time"/>
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="TextColor" Value="{Binding ArrivalDateTime, Converter={StaticResource DatetimeToColorConverter} }"/>
-    </Style>
-
-    <!--Common departure time span style-->
-    <Style TargetType="Span" x:Key="DepartureTimeSpan">
-        <Setter Property="Text" Value="On Time"/>
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="TextColor" Value="{Binding DepartureDateTime, Converter={StaticResource DatetimeToColorConverter} }"/>
-    </Style>   
-
-    <!--Common space span style-->
-    <Style TargetType="Span" x:Key="SpaceSpan">
-        <Setter Property="Text" Value="&#10;"/>
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="TextColor" Value="Transparent"/>
-    </Style>
-
-    <!--Common white space span style-->
-    <Style TargetType="Span" x:Key="WhiteSpaceSpan">
-        <Setter Property="Text" Value="--------"/>
-        <Setter Property="FontSize" Value="12"/>
-        <Setter Property="TextColor" Value="Transparent"/>
-    </Style>       
-
-    <!--Common gradient style-->
-    <Style x:Key="SfGradientStyle" TargetType="gradient:SfGradientView">
-        <Setter Property="BackgroundBrush">
-            <Setter.Value>
-                <gradient:SfLinearGradientBrush StartPoint="0,0" EndPoint="1,1">
-                    <gradient:SfLinearGradientBrush.GradientStops>
-                        <gradient:SfGradientStop Color="{DynamicResource Secondary}" Offset="0.0" />
-                        <gradient:SfGradientStop Color="{DynamicResource SecondaryGradient}" Offset="1.0" />
-                    </gradient:SfLinearGradientBrush.GradientStops>
-                </gradient:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-    </Style>
-    
-     <!--  Common label style  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.5, iOS=-1}" />
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="HorizontalOptions" Value="StartAndExpand" />
-        <Setter Property="TextColor" Value="{StaticResource Gray-700}" />
-    </Style>
-
-    <!--  Common span style  -->
-    <Style x:Key="SpanStyle" TargetType="Span">
-        <Setter Property="FontSize" Value="12" />
-        <Setter Property="LineHeight" Value="{OnPlatform Default=1.25, iOS=-1}" />
-        <Setter Property="TextColor" Value="{StaticResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Tracking/Styles.xaml.cs b/EssentialUIKit/Views/Tracking/Styles.xaml.cs
deleted file mode 100644
index fa907b40..00000000
--- a/EssentialUIKit/Views/Tracking/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Tracking
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml b/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml
index 310c0a77..e45c371d 100644
--- a/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml
+++ b/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="utf-8" ?>
-<ContentPage 
+<ContentPage
+    x:Class="EssentialUIKit.Views.Tracking.TrainStatusPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    x:Class="EssentialUIKit.Views.Tracking.TrainStatusPage"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
     xmlns:progressBar="clr-namespace:Syncfusion.XForms.ProgressBar;assembly=Syncfusion.SfProgressBar.XForms"
     xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Tracking"
     Title="Train Status"
@@ -12,61 +12,43 @@
     NavigationPage.HasNavigationBar="False"
     Shell.NavBarIsVisible="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml"/>
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
         <ScrollView>
             <StackLayout Spacing="0">
 
-                <border:SfBorder   
+                <border:SfBorder
                     Margin="16"
-                    BorderWidth="0"                
+                    BorderWidth="0"
                     CornerRadius="10"
                     VerticalOptions="Start">
                     <Grid
+                        ColumnDefinitions="Auto, *, Auto"
+                        ColumnSpacing="0"
+                        RowDefinitions="Auto, Auto, Auto"
                         RowSpacing="0"
-                        ColumnSpacing="0"                        
                         VerticalOptions="Start">
 
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="Auto"/>
-                            <RowDefinition Height="Auto"/>
-                        </Grid.RowDefinitions>
-
-                        <Grid.ColumnDefinitions>
-                            <ColumnDefinition Width="Auto"/>
-                            <ColumnDefinition Width="*"/>
-                            <ColumnDefinition Width="Auto"/>
-                        </Grid.ColumnDefinitions>
-
-                        <gradient:SfGradientView 
+                        <gradient:SfGradientView
                             Grid.RowSpan="3"
                             Grid.ColumnSpan="3"
-                            Style="{StaticResource SfGradientStyle}"/>
+                            Style="{StaticResource SfGradientStyle}" />
 
-                        <!--Train name and Train number-->
+                        <!--  Train name and Train number  -->
                         <Label
                             Grid.Row="0"
-                            Grid.ColumnSpan="3"                            
-                            TextColor="{DynamicResource Gray-White}"
+                            Grid.ColumnSpan="3"
+                            Margin="0,12,0,8"
+                            FontFamily="Montserrat-SemiBold"
                             FontSize="14"
-                            FontFamily="{DynamicResource Montserrat-SemiBold}"
                             HorizontalTextAlignment="Center"
-                            Margin="0,12,0,8">
+                            TextColor="{DynamicResource Gray-White}">
                             <Label.FormattedText>
                                 <FormattedString>
-                                    <Span Text="{Binding TrainName}"/>
-                                    <Span Text=" "/>
-                                    <Span Text="-"/>
-                                    <Span Text=" "/>
-                                    <Span Text="{Binding TrainNumber}"/>
+                                    <Span Text="{Binding TrainName}" />
+                                    <Span Text=" " />
+                                    <Span Text="-" />
+                                    <Span Text=" " />
+                                    <Span Text="{Binding TrainNumber}" />
                                 </FormattedString>
                             </Label.FormattedText>
                         </Label>
@@ -74,90 +56,90 @@
                         <StackLayout
                             Grid.Row="1"
                             Grid.Column="0"
+                            Margin="16,0,0,0"
                             HorizontalOptions="StartAndExpand"
-                            Spacing="0"
-                            Margin="16,0,0,0">
-                            
-                            <!--Departure station shortcut-->
-                            <Label                        
-                                Text="{Binding DepartureStationShortcut}"
+                            Spacing="0">
+
+                            <!--  Departure station shortcut  -->
+                            <Label
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="20"
-                                TextColor="{DynamicResource Gray-White}"
-                                FontFamily="{DynamicResource Montserrat-SemiBold}"
-                                HorizontalOptions="Center"/>
+                                HorizontalOptions="Center"
+                                Text="{Binding DepartureStationShortcut}"
+                                TextColor="{DynamicResource Gray-White}" />
 
-                            <!--Departure station name-->
-                            <Label                            
-                                Text="{Binding DepartureStation}"
+                            <!--  Departure station name  -->
+                            <Label
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
-                                TextColor="{DynamicResource Gray-White}"
-                                FontFamily="{DynamicResource Montserrat-Medium}"
-                                HorizontalOptions="StartAndExpand"/>
+                                HorizontalOptions="StartAndExpand"
+                                Text="{Binding DepartureStation}"
+                                TextColor="{DynamicResource Gray-White}" />
                         </StackLayout>
 
                         <Label
                             Grid.Row="1"
-                            Grid.Column="1"                        
-                            Text="{StaticResource Arrow}"
-                            FontFamily="{DynamicResource FontIcons}"
-                            TextColor="{DynamicResource Gray-White}"
-                            HeightRequest="32"
-                            WidthRequest="32"                            
-                            FontSize="24"
-                            FontAttributes="Bold"
+                            Grid.Column="1"
                             BackgroundColor="Transparent"
+                            FontAttributes="Bold"
+                            FontFamily="FontIcons"
+                            FontSize="24"
+                            HeightRequest="32"
                             HorizontalOptions="Center"
-                            VerticalOptions="Center"/>
+                            Text="{StaticResource ArrowRight}"
+                            TextColor="{DynamicResource Gray-White}"
+                            VerticalOptions="Center"
+                            WidthRequest="32" />
 
-                        <StackLayout                        
+                        <StackLayout
                             Grid.Row="1"
                             Grid.Column="2"
-                            Spacing="0"
+                            Margin="0,0,16,0"
                             HorizontalOptions="EndAndExpand"
-                            Margin="0,0,16,0">
-                            
-                            <!--Arrival station shortcut-->
-                            <Label                            
-                                Text="{Binding ArrivalStationShortcut}"
+                            Spacing="0">
+
+                            <!--  Arrival station shortcut  -->
+                            <Label
+                                FontFamily="Montserrat-SemiBold"
                                 FontSize="20"
-                                TextColor="{DynamicResource Gray-White}"
-                                FontFamily="{DynamicResource Montserrat-SemiBold}"
-                                HorizontalOptions="Center"/>
+                                HorizontalOptions="Center"
+                                Text="{Binding ArrivalStationShortcut}"
+                                TextColor="{DynamicResource Gray-White}" />
 
-                            <!--Arrival station name-->
-                            <Label                            
-                                Text="{Binding ArrivalStation}"
+                            <!--  Arrival station name  -->
+                            <Label
+                                FontFamily="Montserrat-Medium"
                                 FontSize="12"
-                                TextColor="{DynamicResource Gray-White}"
-                                FontFamily="{DynamicResource Montserrat-Medium}"
-                                HorizontalOptions="Center"/>
+                                HorizontalOptions="Center"
+                                Text="{Binding ArrivalStation}"
+                                TextColor="{DynamicResource Gray-White}" />
                         </StackLayout>
 
-                        <!--Duration-->
+                        <!--  Duration  -->
                         <Label
                             Grid.Row="2"
-                            Grid.ColumnSpan="1"                            
+                            Grid.ColumnSpan="1"
+                            Margin="16,12,0,8"
+                            FontFamily="Montserrat-Medium"
                             FontSize="12"
-                            Text="{Binding Duration, StringFormat='Duration: {0:HH} hrs {0:mm} mins'}"
-                            FontFamily="{DynamicResource Montserrat-Medium}"
-                            TextColor="{DynamicResource Gray-White}"
                             HorizontalOptions="StartAndExpand"
-                            Margin="16,12,0,8"/>
+                            Text="{Binding Duration, StringFormat='Duration: {0:HH} hrs {0:mm} mins'}"
+                            TextColor="{DynamicResource Gray-White}" />
 
-                        <!--Stop count-->
+                        <!--  Stop count  -->
                         <Label
                             Grid.Row="2"
-                            Grid.Column="2"                            
-                            FontFamily="{DynamicResource Montserrat-Medium}"
-                            FontSize="12"                        
-                            TextColor="{DynamicResource Gray-White}"
+                            Grid.Column="2"
                             Margin="0,12,16,8"
-                            HorizontalOptions="End">
+                            FontFamily="Montserrat-Medium"
+                            FontSize="12"
+                            HorizontalOptions="End"
+                            TextColor="{DynamicResource Gray-White}">
                             <Label.FormattedText>
                                 <FormattedString>
-                                    <Span Text="Stops:"/>
-                                    <Span Text=" "/>
-                                    <Span Text="{Binding StopCount}"/>
+                                    <Span Text="Stops:" />
+                                    <Span Text=" " />
+                                    <Span Text="{Binding StopCount}" />
                                 </FormattedString>
                             </Label.FormattedText>
                         </Label>
@@ -165,34 +147,45 @@
                     </Grid>
                 </border:SfBorder>
 
-                <StackLayout 
-                    Orientation="Horizontal"
-                    Padding="15,10"
-                    Margin="16,0,16,16"
+                <StackLayout
                     Grid.Row="2"
-                    BackgroundColor="{DynamicResource Gray-200}">
+                    Margin="16,0,16,16"
+                    Padding="15,10"
+                    BackgroundColor="{DynamicResource Gray-200}"
+                    Orientation="Horizontal">
                     <Label
-                        Text="Arrival"                        
-                        Margin="{OnPlatform Default='0,0,34,0', Android='0,0,16,0'}"
-                        Style="{StaticResource HeaderLabelStyle}"/>
-                    <Label                        
-                        Text="Departure"                        
-                        Margin="{OnPlatform Default='0,0,28,0', Android='0,0,24,0'}"
-                        Style="{StaticResource HeaderLabelStyle}"/>
-                    <Label 
-                        Text="Station"
-                        Style="{StaticResource HeaderLabelStyle}"/>
+                        Margin="{OnPlatform Default='0,0,34,0',
+                                            Android='0,0,16,0'}"
+                        FontSize="14"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Arrival" />
+                    <Label
+                        Margin="{OnPlatform Default='0,0,28,0',
+                                            Android='0,0,24,0'}"
+                        FontSize="14"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Departure" />
+                    <Label
+                        FontSize="14"
+                        HorizontalOptions="Start"
+                        HorizontalTextAlignment="Start"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Station" />
                 </StackLayout>
 
-                <!--Step progress-->
-                <progressBar:SfStepProgressBar                    
-                    x:Name="trainProgress" 
-                    TitleSpace="16"
+                <!--  Step progress  -->
+                <progressBar:SfStepProgressBar
+                    x:Name="trainProgress"
+                    Margin="32,0,16,0"
                     Orientation="Vertical"
-                    Margin="32,0,16,0"                    
-                    ProgressAnimationDuration="2000"                        
-                    TitleAlignment="Start">
-                    
+                    ProgressAnimationDuration="2000"
+                    TitleAlignment="Start"
+                    TitleSpace="16">
+
                     <!--  Style for step progress not started  -->
                     <progressBar:SfStepProgressBar.NotStartedStepStyle>
                         <progressBar:StepStyle
@@ -219,8 +212,8 @@
                             MarkerContentType="Tick"
                             MarkerFillColor="{StaticResource PrimaryColor}"
                             MarkerShapeType="Circle"
-                            ProgressLineColor="{StaticResource PrimaryColor}"
-                            MarkerStrokeColor="{StaticResource PrimaryDarkColor}" />
+                            MarkerStrokeColor="{StaticResource PrimaryDarkColor}"
+                            ProgressLineColor="{StaticResource PrimaryColor}" />
                     </progressBar:SfStepProgressBar.CompletedStepStyle>
 
                     <BindableLayout.ItemTemplate>
@@ -228,27 +221,27 @@
                             <progressBar:StepView>
                                 <progressBar:StepView.PrimaryFormattedText>
                                     <FormattedString>
-                                        <!--Station name-->
-                                        <Span Text="{Binding Name}" Style="{StaticResource StationSpan}"/>
-                                        <Span Style="{StaticResource SpaceSpan}"/>
-                                        <!--Station distance-->
-                                        <Span Text="{Binding Distance}" Style="{StaticResource DistanceSpan}"/>
-                                        <Span Style="{StaticResource SpaceSpan}"/>
+                                        <!--  Station name  -->
+                                        <Span Style="{StaticResource StationSpan}" Text="{Binding Name}" />
+                                        <Span Style="{StaticResource SpaceSpan}" />
+                                        <!--  Station distance  -->
+                                        <Span Style="{StaticResource DistanceSpan}" Text="{Binding Distance}" />
+                                        <Span Style="{StaticResource SpaceSpan}" />
                                     </FormattedString>
                                 </progressBar:StepView.PrimaryFormattedText>
                                 <progressBar:StepView.SecondaryFormattedText>
                                     <FormattedString>
-                                        <!--Arrival-->
-                                        <Span Text="{Binding Arrival}" Style="{StaticResource ArraivalSpan}"/>
-                                        <Span Style="{StaticResource WhiteSpaceSpan}"/>
-                                        <!--Departure-->
-                                        <Span Text="{Binding Departure}" Style="{StaticResource DepartureSpan}"/>
-                                        <Span Style="{StaticResource SpaceSpan}"/>
-                                        <!--Arrival time span-->
-                                        <Span Style="{StaticResource ArraivalTimeSpan}"/>
-                                        <Span Style="{StaticResource WhiteSpaceSpan}"/>
-                                        <!--Departure time span-->
-                                        <Span Style="{StaticResource DepartureTimeSpan}"/>
+                                        <!--  Arrival  -->
+                                        <Span Style="{StaticResource ArraivalSpan}" Text="{Binding Arrival}" />
+                                        <Span Style="{StaticResource WhiteSpaceSpan}" />
+                                        <!--  Departure  -->
+                                        <Span Style="{StaticResource DepartureSpan}" Text="{Binding Departure}" />
+                                        <Span Style="{StaticResource SpaceSpan}" />
+                                        <!--  Arrival time span  -->
+                                        <Span Style="{StaticResource ArraivalTimeSpan}" />
+                                        <Span Style="{StaticResource WhiteSpaceSpan}" />
+                                        <!--  Departure time span  -->
+                                        <Span Style="{StaticResource DepartureTimeSpan}" />
                                     </FormattedString>
                                 </progressBar:StepView.SecondaryFormattedText>
                             </progressBar:StepView>
diff --git a/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml.cs b/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml.cs
index 5a40814f..215fcb68 100644
--- a/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml.cs
+++ b/EssentialUIKit/Views/Tracking/TrainStatusPage.xaml.cs
@@ -10,7 +10,7 @@ public partial class TrainStatusPage : ContentPage
     {
         public TrainStatusPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
             this.BindingContext = TrainStatusDataService.Instance.TrainStatusPageViewModel;
             BindableLayout.SetItemsSource(this.trainProgress, (this.BindingContext as TrainStatusPageViewModel).StationInfoCollection);
         }
diff --git a/EssentialUIKit/Views/Transaction/CheckoutPage.xaml b/EssentialUIKit/Views/Transaction/CheckoutPage.xaml
index b621b88b..7adf59f4 100644
--- a/EssentialUIKit/Views/Transaction/CheckoutPage.xaml
+++ b/EssentialUIKit/Views/Transaction/CheckoutPage.xaml
@@ -3,32 +3,29 @@
     x:Class="EssentialUIKit.Views.Transaction.CheckoutPage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Transaction"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Transaction"
-    Title="Checkout"
+    x:Name="checkoutPage"
+    Title="checkout"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Checkout Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CheckoutPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="Checkout" BackgroundColor="{DynamicResource Gray-White}" />
+                <controls:TitleView Title="Checkout">
+                    <controls:TitleView.LeadingView>
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference checkoutPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+                </controls:TitleView>
 
                 <ContentPresenter />
 
@@ -42,14 +39,9 @@
                 Padding="{OnIdiom Default='0',
                                   Desktop='16,16,16,0'}"
                 ColumnSpacing="0"
+                RowDefinitions="Auto, Auto, Auto"
                 RowSpacing="16">
 
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                    <RowDefinition Height="Auto" />
-                </Grid.RowDefinitions>
-
                 <!--  ListView for Delivery  -->
                 <local:DeliveryView Margin="{OnIdiom Phone='0,16,0,0', Tablet='0,24,0,0', Desktop=0}" />
 
diff --git a/EssentialUIKit/Views/Transaction/CheckoutPage.xaml.cs b/EssentialUIKit/Views/Transaction/CheckoutPage.xaml.cs
index ed9fe758..b9fd48f8 100644
--- a/EssentialUIKit/Views/Transaction/CheckoutPage.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/CheckoutPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Transaction
@@ -15,7 +16,8 @@ public partial class CheckoutPage
         /// </summary>
         public CheckoutPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = CheckoutPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/DeliveryPage.xaml b/EssentialUIKit/Views/Transaction/DeliveryPage.xaml
index 6e43f8c9..074a3fc8 100644
--- a/EssentialUIKit/Views/Transaction/DeliveryPage.xaml
+++ b/EssentialUIKit/Views/Transaction/DeliveryPage.xaml
@@ -5,30 +5,16 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Transaction"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Transaction"
     Title="Delivery"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Delivery Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CheckoutPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="Delivery" BackgroundColor="{DynamicResource Gray-White}" />
+                <controls:TitleView Title="Delivery" />
 
                 <ContentPresenter />
 
diff --git a/EssentialUIKit/Views/Transaction/DeliveryPage.xaml.cs b/EssentialUIKit/Views/Transaction/DeliveryPage.xaml.cs
index 7e28652e..ffb0c402 100644
--- a/EssentialUIKit/Views/Transaction/DeliveryPage.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/DeliveryPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Transaction
@@ -15,7 +16,8 @@ public partial class DeliveryPage
         /// </summary>
         public DeliveryPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = CheckoutPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/DeliveryView.xaml b/EssentialUIKit/Views/Transaction/DeliveryView.xaml
index 3011faa2..cded81f9 100644
--- a/EssentialUIKit/Views/Transaction/DeliveryView.xaml
+++ b/EssentialUIKit/Views/Transaction/DeliveryView.xaml
@@ -5,17 +5,11 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:helper="clr-namespace:EssentialUIKit.Helpers"
-    BackgroundColor="{DynamicResource Gray-White}">
+    BackgroundColor="{DynamicResource Gray-Bg}">
 
     <ContentView.Resources>
         <ResourceDictionary>
-
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-
             <buttons:SfRadioGroupKey x:Key="DeliveryAddressGroup" />
-
         </ResourceDictionary>
     </ContentView.Resources>
 
@@ -24,49 +18,38 @@
         <!--  Header  -->
         <Grid
             Padding="0,16,0,0"
-            BackgroundColor="{DynamicResource Gray-White}"
+            BackgroundColor="{DynamicResource Gray-Bg}"
+            ColumnDefinitions="*, *"
+            RowDefinitions="Auto, 1, *"
             RowSpacing="16">
 
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition />
-                <ColumnDefinition />
-            </Grid.ColumnDefinitions>
-
-            <Grid.RowDefinitions>
-                <RowDefinition />
-                <RowDefinition Height="1" />
-            </Grid.RowDefinitions>
-
             <Label
                 Grid.Column="0"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                Margin="16,0"
+                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource TitleLabelStyle}"
                 Text="{OnIdiom Default='Delivery Address',
-                               Phone='Deliver To'}"
-                TextColor="{DynamicResource Gray-900}" />
+                               Phone='Deliver To'}" />
 
             <!--  Total Price Label  -->
             <Label
                 Grid.Column="1"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                Margin="16,0"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
                 IsVisible="{OnIdiom Default=True,
                                     Phone=False}"
-                Style="{StaticResource PriceLabelStyle}"
-                Text="{Binding TotalPrice, StringFormat='Total: ${0}'}"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding TotalPrice, StringFormat='Total: ${0}'}" />
 
             <!--  Separator  -->
             <BoxView
                 Grid.Row="1"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
 
         </Grid>
 
@@ -77,14 +60,11 @@
             Spacing="0">
             <BindableLayout.ItemTemplate>
                 <DataTemplate>
-                    <Grid RowSpacing="0" VerticalOptions="{OnIdiom Default=Start, Desktop=Fill}">
-
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="*" />
-                            <RowDefinition Height="Auto" />
-                            <RowDefinition Height="1" />
-                        </Grid.RowDefinitions>
+                    <Grid
+                        RowDefinitions="Auto, *, Auto, 1"
+                        RowSpacing="0"
+                        VerticalOptions="{OnIdiom Default=Start,
+                                                  Desktop=Fill}">
 
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="Auto" />
@@ -116,10 +96,9 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0,16,0,0',
                                                               Phone='10,2,0,2'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            FontSize="14"
                             HorizontalOptions="StartAndExpand"
-                            Style="{StaticResource CommonLabelStyle}">
+                            Style="{StaticResource DescriptionLabelStyle}"
+                            VerticalOptions="Center">
                             <Label.FormattedText>
                                 <FormattedString>
                                     <Span Text="{Binding CustomerName}" TextColor="{DynamicResource Gray-900}" />
@@ -137,20 +116,13 @@
                             Grid.Column="3"
                             Margin="{OnIdiom Default='16,16,16,0',
                                              Phone='16,2,16,2'}"
-                            BorderWidth="0"
                             Command="{Binding BindingContext.EditCommand, Source={x:Reference RadioGroup}}"
-                            CornerRadius="4"
-                            FontFamily="{StaticResource Montserrat-SemiBold}"
-                            FontSize="14"
-                            HeightRequest="{OnIdiom Desktop=18,
-                                                    Default=35}"
                             HorizontalOptions="End"
-                            Style="{StaticResource SfButtonStyle}"
+                            Style="{StaticResource TransparentButtonStyle}"
                             Text="{OnIdiom Default=Edit,
                                            Phone=Change}"
-                            TextColor="{StaticResource HyperLink}"
                             WidthRequest="{OnIdiom Desktop=50,
-                                                   Default=80}" />
+                                                   Default=94}" />
 
                         <!--  Address Label  -->
                         <Label
@@ -158,13 +130,10 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0',
                                                               Phone='10,0,0,0'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            FontSize="12"
                             LineHeight="{OnPlatform Android=1.25,
                                                     Default=-1}"
-                            Style="{StaticResource CommonLabelStyle}"
-                            Text="{Binding Address}"
-                            TextColor="{DynamicResource Gray-700}" />
+                            Style="{StaticResource SimpleLabelStyle}"
+                            Text="{Binding Address}" />
 
                         <!--  Mobile Number  -->
                         <Label
@@ -172,10 +141,8 @@
                             Grid.Column="1"
                             helper:RTLHelper.Margin="{OnIdiom Default='0',
                                                               Phone='10,8,0,16'}"
-                            FontFamily="{StaticResource Montserrat-Medium}"
-                            FontSize="12"
                             HorizontalOptions="StartAndExpand"
-                            Style="{StaticResource CommonLabelStyle}">
+                            Style="{StaticResource SimpleLabelStyle}">
                             <Label.FormattedText>
                                 <FormattedString>
                                     <Span Text="Mobile: " />
@@ -188,7 +155,7 @@
                         <BoxView
                             Grid.Row="3"
                             Grid.ColumnSpan="4"
-                            Style="{StaticResource BoxViewStyle}"
+                            Style="{StaticResource HorizontalSeparatorStyle}"
                             VerticalOptions="End" />
 
                     </Grid>
@@ -207,7 +174,7 @@
             HeightRequest="{OnIdiom Default=-1,
                                     Phone=0}"
             HorizontalOptions="Start"
-            Style="{StaticResource MagentaButtonStyle}"
+            Style="{StaticResource GradientButtonStyle}"
             Text="ADD NEW ADDRESS"
             WidthRequest="{OnIdiom Default=240,
                                    Phone=0}" />
diff --git a/EssentialUIKit/Views/Transaction/DeliveryView.xaml.cs b/EssentialUIKit/Views/Transaction/DeliveryView.xaml.cs
index 017f7953..89380ff2 100644
--- a/EssentialUIKit/Views/Transaction/DeliveryView.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/DeliveryView.xaml.cs
@@ -15,7 +15,7 @@ public partial class DeliveryView
         /// </summary>
         public DeliveryView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/MyCardsPage.xaml b/EssentialUIKit/Views/Transaction/MyCardsPage.xaml
new file mode 100644
index 00000000..10691dbe
--- /dev/null
+++ b/EssentialUIKit/Views/Transaction/MyCardsPage.xaml
@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<ContentPage
+    x:Class="EssentialUIKit.Views.Transaction.MyCardsPage"
+    xmlns="http://xamarin.com/schemas/2014/forms"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:ListView="clr-namespace:Syncfusion.ListView.XForms;assembly=Syncfusion.SfListView.XForms"
+    xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
+    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+    xmlns:cards="clr-namespace:Syncfusion.XForms.Cards;assembly=Syncfusion.Cards.XForms"
+    xmlns:controls="clr-namespace:EssentialUIKit.Controls"
+    xmlns:core="clr-namespace:Syncfusion.XForms.Core;assembly=Syncfusion.Core.XForms"
+    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
+    x:Name="myCardsPage"
+    BackgroundColor="{DynamicResource Gray-100}"
+    NavigationPage.HasNavigationBar="False">
+
+    <ContentPage.ControlTemplate>
+        <ControlTemplate>
+            <StackLayout x:Name="titleLayout" Spacing="0">
+                <controls:TitleView Title="My Cards">
+                    <controls:TitleView.LeadingView>
+                        <!--  Back button command  -->
+                        <buttons:SfButton
+                            x:Name="backButton"
+                            Command="{Binding BindingContext.BackButtonCommand, Source={x:Reference myCardsPage}}"
+                            CommandParameter="{x:Reference backButton}"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource Back}" />
+                    </controls:TitleView.LeadingView>
+
+                    <controls:TitleView.TrailingView>
+                        <!--  More button command  -->
+                        <buttons:SfButton
+                            x:Name="moreButton"
+                            Command="{Binding Path=BindingContext.MenuCommand, Source={x:Reference myCardsPage}}"
+                            CommandParameter="{x:Reference moreButton}"
+                            CornerRadius="4"
+                            Style="{StaticResource IconButtonStyle}"
+                            Text="{StaticResource More}" />
+                    </controls:TitleView.TrailingView>
+
+                </controls:TitleView>
+                <ContentPresenter />
+            </StackLayout>
+        </ControlTemplate>
+    </ContentPage.ControlTemplate>
+
+    <ContentPage.Content>
+        <Grid
+            ColumnSpacing="0"
+            RowDefinitions="*, Auto"
+            RowSpacing="0">
+
+            <!--  ListView displaying saved cards  -->
+            <ListView:SfListView
+                x:Name="myCards"
+                AllowSwiping="True"
+                AutoFitMode="Height"
+                IsScrollBarVisible="False"
+                ItemSpacing="16,24,16,0"
+                ItemsSource="{Binding CardDetails}"
+                SelectionBackgroundColor="Transparent"
+                SelectionGesture="Tap"
+                SelectionMode="Single">
+                <ListView:SfListView.ItemTemplate>
+                    <DataTemplate>
+                        <controls:CustomShadowFrame
+                            Padding="0"
+                            BackgroundColor="{DynamicResource GrayShadowColor}"
+                            BorderWidth="0"
+                            CornerRadius="4"
+                            HasShadow="True"
+                            HeightRequest="180"
+                            HorizontalOptions="CenterAndExpand"
+                            Radius="4"
+                            WidthRequest="343">
+                            <controls:CustomShadowFrame.Content>
+                                <Grid>
+                                    <border:SfBorder BorderWidth="0" CornerRadius="4">
+                                        <gradient:SfGradientView>
+                                            <gradient:SfGradientView.BackgroundBrush>
+                                                <gradient:SfLinearGradientBrush>
+                                                    <gradient:SfLinearGradientBrush.GradientStops>
+                                                        <gradient:SfGradientStop Offset="0.0" Color="{Binding BackgroundGradientStart}" />
+                                                        <gradient:SfGradientStop Offset="1.0" Color="{Binding BackgroundGradientEnd}" />
+                                                    </gradient:SfLinearGradientBrush.GradientStops>
+                                                </gradient:SfLinearGradientBrush>
+                                            </gradient:SfGradientView.BackgroundBrush>
+                                        </gradient:SfGradientView>
+                                    </border:SfBorder>
+
+                                    <Grid
+                                        Margin="16,20"
+                                        ColumnDefinitions="*, *, *"
+                                        RowDefinitions="Auto, Auto, *"
+                                        RowSpacing="27">
+
+                                        <!--  Card Type  -->
+                                        <Label
+                                            Grid.Row="0"
+                                            Grid.ColumnSpan="3"
+                                            Margin="0,3"
+                                            FontSize="14"
+                                            HorizontalOptions="Start"
+                                            Style="{StaticResource TitleLabelStyle}"
+                                            Text="{Binding CardType}"
+                                            TextColor="{DynamicResource Gray-White}"
+                                            VerticalOptions="Center" />
+
+                                        <!--  Icon displaying card type  -->
+                                        <Image
+                                            Grid.Row="0"
+                                            Grid.ColumnSpan="3"
+                                            HeightRequest="27"
+                                            HorizontalOptions="End"
+                                            Source="{Binding CardTypeIcon}"
+                                            VerticalOptions="Start"
+                                            WidthRequest="45" />
+
+                                        <!--  Card Number  -->
+                                        <Label
+                                            Grid.Row="1"
+                                            Grid.ColumnSpan="3"
+                                            FontFamily="Montserrat-Medium"
+                                            FontSize="20"
+                                            HorizontalOptions="Start"
+                                            LineHeight="{OnPlatform Default=-1,
+                                                                    Android=1.5}"
+                                            Text="{Binding Number}"
+                                            TextColor="{DynamicResource Gray-White}" />
+
+                                        <Grid Grid.Row="2" Grid.ColumnSpan="3">
+
+                                            <!--  Card Holder Name  -->
+                                            <StackLayout Grid.Column="0" Spacing="0">
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    LineHeight="{OnPlatform Default=-1,
+                                                                            Android=1.5}"
+                                                    Text="Card Holder"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                                <Label
+                                                    FontSize="14"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding Name}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                            </StackLayout>
+
+                                            <!--  Card Expiry  -->
+                                            <StackLayout
+                                                Grid.Column="1"
+                                                HorizontalOptions="Center"
+                                                Spacing="0">
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    LineHeight="{OnPlatform Default=-1,
+                                                                            Android=1.5}"
+                                                    Text="Expires"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                                <Label
+                                                    FontSize="14"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding Expiry}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                            </StackLayout>
+
+                                            <!--  Card Cvv Number  -->
+                                            <StackLayout
+                                                Grid.Column="2"
+                                                HorizontalOptions="Center"
+                                                Spacing="0">
+                                                <Label
+                                                    FontFamily="Montserrat-Medium"
+                                                    FontSize="12"
+                                                    LineHeight="{OnPlatform Default=-1,
+                                                                            Android=1.5}"
+                                                    Text="CVV"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                                <Label
+                                                    FontSize="14"
+                                                    HorizontalOptions="Start"
+                                                    Style="{StaticResource TitleLabelStyle}"
+                                                    Text="{Binding CardCvv}"
+                                                    TextColor="{DynamicResource Gray-White}" />
+                                            </StackLayout>
+                                        </Grid>
+                                    </Grid>
+                                </Grid>
+                            </controls:CustomShadowFrame.Content>
+                        </controls:CustomShadowFrame>
+                    </DataTemplate>
+                </ListView:SfListView.ItemTemplate>
+                <ListView:SfListView.LayoutManager>
+                    <ListView:GridLayout SpanCount="{core:OnPlatformOrientationIntValue Desktop=3, PhonePortrait=1, PhoneLandscape=2, TabletPortrait=2, TabletLandscape=3}" />
+                </ListView:SfListView.LayoutManager>
+            </ListView:SfListView>
+
+            <!--  Add Card button command  -->
+            <buttons:SfButton
+                x:Name="addCardButton"
+                Grid.Row="1"
+                Command="{Binding AddCardCommand}"
+                CommandParameter="{x:Reference addCardButton}"
+                CornerRadius="0"
+                HorizontalOptions="FillAndExpand"
+                Style="{StaticResource GradientButtonStyle}"
+                Text="ADD NEW CARD"
+                VerticalOptions="EndAndExpand" />
+        </Grid>
+    </ContentPage.Content>
+</ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/MyCardsPage.xaml.cs b/EssentialUIKit/Views/Transaction/MyCardsPage.xaml.cs
new file mode 100644
index 00000000..382e019d
--- /dev/null
+++ b/EssentialUIKit/Views/Transaction/MyCardsPage.xaml.cs
@@ -0,0 +1,23 @@
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms.Internals;
+using Xamarin.Forms.Xaml;
+
+namespace EssentialUIKit.Views.Transaction
+{
+    /// <summary>
+    /// Page Displaying saved cards.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    [XamlCompilation(XamlCompilationOptions.Compile)]
+    public partial class MyCardsPage
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="MyCardsPage" /> class.
+        /// </summary>
+        public MyCardsPage()
+        {
+            this.InitializeComponent();
+            this.BindingContext = MyCardsViewModel.BindingContext;
+        }
+    }
+}
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml b/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml
index 845d539b..4752e3a5 100644
--- a/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml
+++ b/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml
@@ -3,59 +3,66 @@
     x:Class="EssentialUIKit.Views.Transaction.PaymentFailurePage"
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"    
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Transaction"
+    xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
     Title="Payment Failure Page"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
 
-        <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
-            <StackLayout
-                HorizontalOptions="Center"
-                Spacing="0"
-                VerticalOptions="Center">
-
-                <StackLayout.BindingContext>
-                    <viewModel:PaymentViewModel />
-                </StackLayout.BindingContext>
-
-                <!--  Payment status image  -->
-                <svg:SVGImage
-                    Margin="0,10,0,0"
-                    HeightRequest="80"
-                    WidthRequest="80"
-                    Source="{Binding PaymentFailureIcon}"/>
-                
-                <!--  Payment status label  -->
-                <Label
-                    Margin="0,40,0,0"
-                    Style="{StaticResource LabelStyle}"
-                    Text="PAYMENT FAILURE" />
-
-                <!--  Payment description label  -->
-                <Label
-                    Margin="17,8"
-                    Style="{StaticResource DescriptionLabelStyle}"
-                    Text="Please check your internet connection." />
-
-                <button:SfButton
-                    Command="{Binding MakePaymentCommand}"
-                    Style="{StaticResource SfGradientButtonStyle}"
-                    Text="MAKE PAYMENT" />
-
-            </StackLayout>
-        </ScrollView>
+        <Grid>
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
+
+            <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
+                <StackLayout
+                    HorizontalOptions="Center"
+                    Spacing="0"
+                    VerticalOptions="Center">
+
+                    <!--  Payment status image  -->
+                    <svg:SVGImage
+                        Margin="0,10,0,0"
+                        HeightRequest="80"
+                        Source="{Binding PaymentFailureIcon}"
+                        WidthRequest="80" />
+
+                    <!--  Payment status label  -->
+                    <Label
+                        Margin="0,40,0,0"
+                        FontSize="20"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="PAYMENT FAILURE" />
+
+                    <!--  Payment description label  -->
+                    <Label
+                        Margin="17,8"
+                        FontFamily="Montserrat-Medium"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Please check your internet connection." />
+
+                    <button:SfButton
+                        Margin="0,24"
+                        Command="{Binding MakePaymentCommand}"
+                        Style="{StaticResource GradientButtonStyle}"
+                        Text="MAKE PAYMENT"
+                        VerticalOptions="Start"
+                        WidthRequest="245" />
+
+                </StackLayout>
+            </ScrollView>
 
+        </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml.cs b/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml.cs
index b5ef9bf2..e5a01d9f 100644
--- a/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/PaymentFailurePage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +17,8 @@ public partial class PaymentFailurePage : ContentPage
         /// </summary>
         public PaymentFailurePage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = PaymentViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentPage.xaml b/EssentialUIKit/Views/Transaction/PaymentPage.xaml
index c383ab5b..5999eab6 100644
--- a/EssentialUIKit/Views/Transaction/PaymentPage.xaml
+++ b/EssentialUIKit/Views/Transaction/PaymentPage.xaml
@@ -5,30 +5,16 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:controls="clr-namespace:EssentialUIKit.Controls"
     xmlns:local="clr-namespace:EssentialUIKit.Views.Transaction"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Transaction"
     Title="Payment"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
-    <!--  Binding context for Payment Page  -->
-    <ContentPage.BindingContext>
-        <viewModel:CheckoutPageViewModel />
-    </ContentPage.BindingContext>
-
     <ContentPage.ControlTemplate>
         <ControlTemplate>
             <StackLayout Spacing="0">
 
                 <!--  Title View  -->
-                <controls:TitleView Title="Payment" BackgroundColor="{DynamicResource Gray-White}" />
+                <controls:TitleView Title="Payment" />
 
                 <ContentPresenter />
 
diff --git a/EssentialUIKit/Views/Transaction/PaymentPage.xaml.cs b/EssentialUIKit/Views/Transaction/PaymentPage.xaml.cs
index 05dc9a79..73356888 100644
--- a/EssentialUIKit/Views/Transaction/PaymentPage.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/PaymentPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms.Internals;
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
 namespace EssentialUIKit.Views.Transaction
@@ -15,7 +16,8 @@ public partial class PaymentPage
         /// </summary>
         public PaymentPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = CheckoutPageViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml b/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml
index 7d39ec49..7bc80e23 100644
--- a/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml
+++ b/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml
@@ -4,58 +4,64 @@
     xmlns="http://xamarin.com/schemas/2014/forms"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:button="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:viewModel="clr-namespace:EssentialUIKit.ViewModels.Transaction"
     xmlns:svg="clr-namespace:EssentialUIKit.Controls"
     Title="Payment Success Page"
     BackgroundColor="{DynamicResource Gray-100}"
     NavigationPage.HasNavigationBar="False">
 
-    <ContentPage.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentPage.Resources>
-
     <ContentPage.Content>
+        <Grid>
+            <button:SfButton
+                Margin="8"
+                Command="{Binding BackButtonCommand}"
+                FontSize="20"
+                HorizontalOptions="End"
+                Style="{StaticResource IconButtonStyle}"
+                Text="{StaticResource Close}"
+                VerticalOptions="Start" />
+
+            <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
+                <StackLayout
+                    HorizontalOptions="Center"
+                    Spacing="0"
+                    VerticalOptions="Center">
+
+                    <!--  Payment status image  -->
+                    <svg:SVGImage
+                        Margin="0,10,0,0"
+                        HeightRequest="80"
+                        Source="{Binding PaymentSuccessIcon}"
+                        WidthRequest="80" />
+
+                    <!--  Payment status label  -->
+                    <Label
+                        Margin="0,40,0,0"
+                        FontSize="20"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="PAYMENT SUCCESS" />
+
+                    <!--  Payment description label  -->
+                    <Label
+                        Margin="17,8"
+                        FontFamily="Montserrat-Medium"
+                        LineHeight="{OnPlatform Android=1.25,
+                                                Default=-1}"
+                        Style="{StaticResource TitleLabelStyle}"
+                        Text="Thank you for your payment. An automated payment receipt will be sent to your registered email." />
+
+                    <button:SfButton
+                        Margin="0,24"
+                        Command="{Binding TrackOrderCommand}"
+                        Style="{StaticResource GradientButtonStyle}"
+                        Text="TRACK YOUR ORDER"
+                        VerticalOptions="Start"
+                        WidthRequest="245" />
 
-        <ScrollView HorizontalOptions="Center" VerticalOptions="Center">
-            <StackLayout
-                HorizontalOptions="Center"
-                Spacing="0"
-                VerticalOptions="Center">
-
-                <StackLayout.BindingContext>
-                    <viewModel:PaymentViewModel />
-                </StackLayout.BindingContext>
-
-                <!--  Payment status image  -->
-                <svg:SVGImage
-                    Margin="0,10,0,0"
-                    HeightRequest="80"
-                    WidthRequest="80" 
-                    Source="{Binding PaymentSuccessIcon}" />
-
-                <!--  Payment status label  -->
-                <Label
-                    Margin="0,40,0,0"
-                    Style="{StaticResource LabelStyle}"
-                    Text="PAYMENT SUCCESS" />
-
-                <!--  Payment description label  -->
-                <Label
-                    Margin="17,8"
-                    Style="{StaticResource DescriptionLabelStyle}"
-                    Text="Thank you for your payment. An automated payment receipt will be sent to your registered email." />
-
-                <button:SfButton
-                    Command="{Binding TrackOrderCommand}"
-                    Style="{StaticResource SfGradientButtonStyle}"
-                    Text="TRACK YOUR ORDER" />
-
-            </StackLayout>
-        </ScrollView>
+                </StackLayout>
+            </ScrollView>
 
+        </Grid>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml.cs b/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml.cs
index 469b53d0..fdc3ddb4 100644
--- a/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/PaymentSuccessPage.xaml.cs
@@ -1,4 +1,5 @@
-using Xamarin.Forms;
+using EssentialUIKit.ViewModels.Transaction;
+using Xamarin.Forms;
 using Xamarin.Forms.Internals;
 using Xamarin.Forms.Xaml;
 
@@ -16,7 +17,8 @@ public partial class PaymentSuccessPage : ContentPage
         /// </summary>
         public PaymentSuccessPage()
         {
-            InitializeComponent();
+            this.InitializeComponent();
+            this.BindingContext = PaymentViewModel.BindingContext;
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PaymentView.xaml b/EssentialUIKit/Views/Transaction/PaymentView.xaml
index bd84ed42..2586751c 100644
--- a/EssentialUIKit/Views/Transaction/PaymentView.xaml
+++ b/EssentialUIKit/Views/Transaction/PaymentView.xaml
@@ -7,19 +7,21 @@
     xmlns:border="clr-namespace:Syncfusion.XForms.Border;assembly=Syncfusion.Core.XForms"
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     xmlns:control="clr-namespace:EssentialUIKit.Controls"
+    xmlns:converter="clr-namespace:EssentialUIKit.Converters"
     xmlns:templateSelector="clr-namespace:EssentialUIKit.Helpers"
     x:Name="paymentView"
-    BackgroundColor="{DynamicResource Gray-White}">
+    BackgroundColor="{DynamicResource Gray-Bg}">
 
     <ContentView.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+            <converter:BooleanToColorConverter x:Key="ColorConverter" />
 
             <!--  Template for Saved card payment mode  -->
             <DataTemplate x:Key="CardTemplate">
-                <Grid ColumnSpacing="0" RowSpacing="0">
+                <Grid
+                    ColumnDefinitions="Auto, *"
+                    ColumnSpacing="0"
+                    RowSpacing="0">
 
                     <Grid.RowDefinitions>
                         <RowDefinition Height="Auto" />
@@ -28,11 +30,6 @@
                         <RowDefinition Height="16" />
                     </Grid.RowDefinitions>
 
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="Auto" />
-                        <ColumnDefinition Width="*" />
-                    </Grid.ColumnDefinitions>
-
                     <buttons:SfRadioButton
                         Grid.Row="0"
                         Grid.ColumnSpan="2"
@@ -47,7 +44,7 @@
                         Grid.Column="0"
                         Grid.ColumnSpan="2"
                         templateSelector:RTLHelper.Margin="42,0,0,0"
-                        FontFamily="{StaticResource Montserrat-Medium}"
+                        FontFamily="Montserrat-Medium"
                         FontSize="12"
                         HorizontalOptions="StartAndExpand"
                         Text="{Binding CardNumber}"
@@ -59,10 +56,12 @@
                         Padding="{OnPlatform Default='12,0',
                                              iOS='12,8'}"
                         templateSelector:RTLHelper.Margin="42,8,16,0"
-                        BorderColor="{DynamicResource Gray-300}"
+                        BorderColor="{Binding Source={x:Reference Entry}, Path=IsFocused, Converter={StaticResource ColorConverter}, ConverterParameter=3}"
                         CornerRadius="4">
                         <control:BorderlessEntry
-                            FontFamily="{StaticResource Montserrat-Regular}"
+                            x:Name="Entry"
+                            BackgroundColor="{DynamicResource Gray-Bg}"
+                            FontFamily="Montserrat-Regular"
                             FontSize="16"
                             HeightRequest="{OnPlatform Default=40,
                                                        iOS=-1}"
@@ -87,16 +86,16 @@
                         Margin="0,0,0,0"
                         HeightRequest="45"
                         HorizontalOptions="StartAndExpand"
+                        Source="{Binding CardTypeIcon}"
                         VerticalOptions="CenterAndExpand"
-                        WidthRequest="45" 
-                        Source="{Binding CardTypeIcon}" />
+                        WidthRequest="45" />
 
                     <!--  Separator  -->
                     <BoxView
                         Grid.Row="3"
                         Grid.ColumnSpan="2"
                         HeightRequest="1"
-                        Style="{StaticResource BoxViewStyle}"
+                        Style="{StaticResource HorizontalSeparatorStyle}"
                         VerticalOptions="End" />
 
                     <Grid.GestureRecognizers>
@@ -108,12 +107,10 @@
 
             <!--  Template for other payment mode  -->
             <DataTemplate x:Key="CommonTemplate">
-                <Grid ColumnSpacing="0" RowSpacing="0">
-
-                    <Grid.RowDefinitions>
-                        <RowDefinition Height="Auto" />
-                        <RowDefinition Height="16" />
-                    </Grid.RowDefinitions>
+                <Grid
+                    ColumnSpacing="0"
+                    RowDefinitions="Auto, 16"
+                    RowSpacing="0">
 
                     <buttons:SfRadioButton
                         Grid.Row="0"
@@ -127,7 +124,7 @@
                     <BoxView
                         Grid.Row="1"
                         HeightRequest="1"
-                        Style="{StaticResource BoxViewStyle}"
+                        Style="{StaticResource HorizontalSeparatorStyle}"
                         VerticalOptions="End" />
 
                     <Grid.GestureRecognizers>
@@ -140,23 +137,21 @@
     </ContentView.Resources>
 
     <StackLayout
-        BackgroundColor="{DynamicResource Gray-White}"
+        BackgroundColor="{DynamicResource Gray-Bg}"
         Spacing="0"
         VerticalOptions="Start">
 
         <!--  Header  -->
         <Label
             Margin="16"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
-            FontSize="16"
+            HorizontalOptions="Start"
             LineHeight="{OnPlatform Android=1.25,
                                     Default=-1}"
-            Style="{StaticResource PriceLabelStyle}"
-            Text="Payment Option"
-            TextColor="{DynamicResource Gray-900}" />
+            Style="{StaticResource TitleLabelStyle}"
+            Text="Payment Option" />
 
         <!--  Separator  -->
-        <BoxView HeightRequest="1" Style="{StaticResource BoxViewStyle}" />
+        <BoxView HeightRequest="1" Style="{StaticResource HorizontalSeparatorStyle}" />
 
         <!--  Payment modes  -->
         <buttons:SfRadioGroup BindableLayout.ItemsSource="{Binding PaymentModes}" Spacing="0">
diff --git a/EssentialUIKit/Views/Transaction/PaymentView.xaml.cs b/EssentialUIKit/Views/Transaction/PaymentView.xaml.cs
index 80066b63..300b979d 100644
--- a/EssentialUIKit/Views/Transaction/PaymentView.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/PaymentView.xaml.cs
@@ -15,7 +15,7 @@ public partial class PaymentView
         /// </summary>
         public PaymentView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
     }
 }
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/PriceDetailView.xaml b/EssentialUIKit/Views/Transaction/PriceDetailView.xaml
index b847d71c..6f46de84 100644
--- a/EssentialUIKit/Views/Transaction/PriceDetailView.xaml
+++ b/EssentialUIKit/Views/Transaction/PriceDetailView.xaml
@@ -6,111 +6,83 @@
     xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
     x:Name="This">
 
-    <ContentView.Resources>
-        <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
-        </ResourceDictionary>
-    </ContentView.Resources>
-
     <StackLayout>
 
         <Grid
-            BackgroundColor="{DynamicResource Gray-White}"
+            BackgroundColor="{DynamicResource Gray-Bg}"
+            ColumnDefinitions="*, Auto"
+            RowDefinitions="Auto, 1, Auto, Auto, Auto, Auto, 1, Auto"
             RowSpacing="4"
             VerticalOptions="Start">
 
-            <Grid.RowDefinitions>
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="Auto" />
-                <RowDefinition Height="1" />
-                <RowDefinition Height="Auto" />
-            </Grid.RowDefinitions>
-
-            <Grid.ColumnDefinitions>
-                <ColumnDefinition />
-                <ColumnDefinition Width="Auto" />
-            </Grid.ColumnDefinitions>
-
             <!--  Header  -->
             <Label
                 Grid.Row="0"
                 Grid.ColumnSpan="2"
                 Margin="16,16,16,12"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Text="Price Details"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="Price Details" />
             <!--  Separator  -->
             <BoxView
                 Grid.Row="1"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total MRP  -->
             <Label
                 Grid.Row="2"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                Style="{StaticResource PriceLabelStyle}"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Total MRP" />
             <Label
                 Grid.Row="2"
                 Grid.Column="1"
                 Margin="16,4,16,0"
-                FontFamily="{StaticResource Montserrat-Medium}"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding TotalPrice, StringFormat='${0}'}" />
             <!--  Discount Percent  -->
             <Label
                 Grid.Row="3"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
-                Style="{StaticResource PriceLabelStyle}"
+                Margin="16,0"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Discount" />
             <Label
                 Grid.Row="3"
                 Grid.Column="1"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
+                Margin="16,0"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="{Binding DiscountPercent, StringFormat='{}{0}%'}" />
             <!--  Coupon Discount  -->
             <Label
                 Grid.Row="4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
+                Margin="16,0"
                 HorizontalOptions="StartAndExpand"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Coupon Discount" />
             <buttons:SfButton
                 Grid.Row="4"
                 Grid.Column="1"
-                Margin="4,0"
-                BackgroundColor="Transparent"
                 Command="{Binding ApplyCouponCommand}"
-                CornerRadius="4"
                 HorizontalOptions="End"
+                Style="{StaticResource TransparentButtonStyle}"
+                TextColor="{StaticResource Gray-700}"
                 WidthRequest="110">
                 <buttons:SfButton.Content>
                     <Label
                         Margin="0"
-                        FontFamily="{StaticResource Montserrat-SemiBold}"
-                        FontSize="12"
+                        FontFamily="Montserrat-SemiBold"
                         HorizontalOptions="Fill"
                         HorizontalTextAlignment="Center"
-                        Style="{StaticResource PriceLabelStyle}"
+                        Style="{StaticResource SimpleLabelStyle}"
                         Text="Apply Coupon"
                         TextColor="{DynamicResource HyperLink}" />
                 </buttons:SfButton.Content>
@@ -119,18 +91,16 @@
             <Label
                 Grid.Row="5"
                 Margin="16,0,16,4"
-                FontFamily="{StaticResource Montserrat-Medium}"
-                Style="{StaticResource PriceLabelStyle}"
+                HorizontalOptions="StartAndExpand"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Delivery Charges" />
             <Label
                 Grid.Row="5"
                 Grid.Column="1"
                 Margin="16,0,16,4"
-                FontFamily="{DynamicResource Montserrat-Medium}"
-                FontSize="12"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
-                Style="{StaticResource PriceLabelStyle}"
+                Style="{StaticResource SimpleLabelStyle}"
                 Text="Free"
                 TextColor="{DynamicResource Green}" />
             <!--  Separator  -->
@@ -138,31 +108,26 @@
                 Grid.Row="6"
                 Grid.ColumnSpan="2"
                 HeightRequest="1"
-                Style="{StaticResource BoxViewStyle}" />
+                Style="{StaticResource HorizontalSeparatorStyle}" />
             <!--  Total price  -->
             <Label
                 Grid.Row="7"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
+                HorizontalOptions="Start"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource PriceLabelStyle}"
-                Text="Total"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="Total" />
             <Label
                 Grid.Row="7"
                 Grid.Column="1"
                 Margin="16,12,16,16"
-                FontFamily="{StaticResource Montserrat-SemiBold}"
-                FontSize="16"
                 HorizontalOptions="EndAndExpand"
                 HorizontalTextAlignment="End"
                 LineHeight="{OnPlatform Android=1.25,
                                         Default=-1}"
-                Style="{StaticResource PriceLabelStyle}"
-                Text="{Binding DiscountPrice, StringFormat='${0}'}"
-                TextColor="{DynamicResource Gray-900}" />
+                Style="{StaticResource TitleLabelStyle}"
+                Text="{Binding DiscountPrice, StringFormat='${0}'}" />
 
         </Grid>
 
@@ -170,15 +135,11 @@
         <buttons:SfButton
             Margin="{OnIdiom Default=24,
                              Tablet='24,24,16,24'}"
-            BorderWidth="0"
             Command="{Binding PlaceOrderCommand}"
-            CornerRadius="20"
-            FontFamily="{StaticResource Montserrat-SemiBold}"
-            HeightRequest="40"
             HorizontalOptions="{OnIdiom Default=FillAndExpand,
                                         Phone=CenterAndExpand,
                                         Tablet=End}"
-            Style="{StaticResource MagentaButtonStyle}"
+            Style="{StaticResource GradientButtonStyle}"
             Text="{Binding ActionText, Source={x:Reference This}}"
             WidthRequest="{OnIdiom Tablet=240,
                                    Phone=240,
diff --git a/EssentialUIKit/Views/Transaction/PriceDetailView.xaml.cs b/EssentialUIKit/Views/Transaction/PriceDetailView.xaml.cs
index 4122287c..dd79e5f8 100644
--- a/EssentialUIKit/Views/Transaction/PriceDetailView.xaml.cs
+++ b/EssentialUIKit/Views/Transaction/PriceDetailView.xaml.cs
@@ -24,7 +24,7 @@ public partial class PriceDetailView
         /// </summary>
         public PriceDetailView()
         {
-            InitializeComponent();
+            this.InitializeComponent();
         }
 
         #endregion
@@ -36,7 +36,7 @@ public PriceDetailView()
         /// </summary>
         public string ActionText
         {
-            get { return (string) GetValue(ActionTextProperty); }
+            get { return (string)this.GetValue(ActionTextProperty); }
             set { this.SetValue(ActionTextProperty, value); }
         }
 
diff --git a/EssentialUIKit/Views/Transaction/Styles.xaml b/EssentialUIKit/Views/Transaction/Styles.xaml
deleted file mode 100644
index e66533ec..00000000
--- a/EssentialUIKit/Views/Transaction/Styles.xaml
+++ /dev/null
@@ -1,168 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<ResourceDictionary
-    x:Class="EssentialUIKit.Views.Transaction.Styles"
-    xmlns="http://xamarin.com/schemas/2014/forms"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-    xmlns:buttons="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
-    xmlns:control="clr-namespace:EssentialUIKit.Controls"
-    xmlns:gradient="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms"
-    xmlns:graphics="clr-namespace:Syncfusion.XForms.Graphics;assembly=Syncfusion.Core.XForms">
-
-    <Color x:Key="Transparent">Transparent</Color>
-
-    <Style TargetType="control:TitleView">
-        <Setter Property="BackgroundColor" Value="{DynamicResource Gray-White}" />
-    </Style>
-
-    <!--  Common style for labels  -->
-    <Style x:Key="CommonLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="LineHeight" Value="{OnPlatform Android=1.5, Default=-1}" />
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-    </Style>
-
-    <!--  Common style for price labels  -->
-    <Style
-        x:Key="PriceLabelStyle"
-        BasedOn="{StaticResource CommonLabelStyle}"
-        TargetType="Label">
-        <Setter Property="HorizontalOptions" Value="StartAndExpand" />
-        <Setter Property="Margin" Value="16,0" />
-        <Setter Property="FontSize" Value="12" />
-    </Style>
-
-    <!--  Common style for BoxView  -->
-    <Style x:Key="BoxViewStyle" TargetType="BoxView">
-        <Setter Property="Color" Value="{DynamicResource Gray-200}" />
-        <Setter Property="VerticalOptions" Value="Center" />
-    </Style>
-
-    <!--  Common style for SfButtons  -->
-    <Style x:Key="SfButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-700}" />
-        <Setter Property="FontFamily" Value="Montserrat-Regular" />
-        <Setter Property="FontSize" Value="16" />
-    </Style>
-
-    <!--  Common style for Magenta buttons  -->
-    <Style
-        x:Key="MagentaButtonStyle"
-        BasedOn="{StaticResource SfButtonStyle}"
-        TargetType="buttons:SfButton">
-        <Setter Property="BackgroundGradient">
-            <Setter.Value>
-                <graphics:SfLinearGradientBrush>
-                    <graphics:SfLinearGradientBrush.GradientStops>
-                        <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                        <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                    </graphics:SfLinearGradientBrush.GradientStops>
-                </graphics:SfLinearGradientBrush>
-            </Setter.Value>
-        </Setter>
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="HorizontalOptions" Value="FillAndExpand" />
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HeightRequest" Value="48" />
-    </Style>
-
-    <!--  Group key for Payment radio buttons  -->
-    <buttons:SfRadioGroupKey x:Key="PaymentOptionGroup" />
-
-    <!--  Common style for SfRadioButton  -->
-    <Style x:Key="SfRadioButtonStyle" TargetType="buttons:SfRadioButton">
-        <Setter Property="HorizontalTextAlignment" Value="Start" />
-        <Setter Property="HorizontalOptions" Value="Start" />
-        <Setter Property="CheckedColor" Value="{DynamicResource PrimaryColor}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="UncheckedColor" Value="{DynamicResource Gray-300}" />
-        <Setter Property="Margin" Value="16,0" />
-    </Style>
-
-    <!--  Common style for checkout page RadioButton  -->
-    <Style
-        x:Key="RadioButtonStyle"
-        BasedOn="{StaticResource SfRadioButtonStyle}"
-        TargetType="buttons:SfRadioButton">
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-    </Style>
-
-    <!--  Style for header label  -->
-    <Style x:Key="LabelStyle" TargetType="Label">
-        <Setter Property="VerticalOptions" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="FontSize" Value="20" />
-        <Setter Property="LineHeight" Value="1.25" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-    </Style>
-
-    <!--  Style for description label  -->
-    <Style x:Key="DescriptionLabelStyle" TargetType="Label">
-        <Setter Property="TextColor" Value="{DynamicResource Gray-900}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-Medium}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="LineHeight" Value="1.25" />
-    </Style>
-
-    <!--  Common style for buttons  -->
-    <Style x:Key="SfGradientButtonStyle" TargetType="buttons:SfButton">
-        <Setter Property="HorizontalOptions" Value="CenterAndExpand" />
-        <Setter Property="VerticalOptions" Value="Start" />
-        <Setter Property="Margin" Value="0,24" />
-        <Setter Property="TextColor" Value="{DynamicResource Gray-White}" />
-        <Setter Property="FontFamily" Value="{StaticResource Montserrat-SemiBold}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="HeightRequest" Value="40" />
-        <Setter Property="CornerRadius" Value="20" />
-        <Setter Property="WidthRequest" Value="245" />
-        <Setter Property="FontAttributes" Value="Bold" />
-        <Setter Property="BorderWidth" Value="0" />
-        <Setter Property="VerticalTextAlignment" Value="Center" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal">
-                        <VisualState.Setters>
-                            <Setter Property="BackgroundGradient">
-                                <Setter.Value>
-                                    <graphics:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                                        <graphics:SfLinearGradientBrush.GradientStops>
-                                            <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                                            <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                                        </graphics:SfLinearGradientBrush.GradientStops>
-                                    </graphics:SfLinearGradientBrush>
-                                </Setter.Value>
-                            </Setter>
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="Pressed">
-                        <VisualState.Setters>
-                            <Setter Property="BackgroundGradient">
-                                <Setter.Value>
-                                    <graphics:SfLinearGradientBrush StartPoint="0, 0" EndPoint="1, 1">
-                                        <graphics:SfLinearGradientBrush.GradientStops>
-                                            <graphics:SfGradientStop Offset="0" Color="{DynamicResource PrimaryColor}" />
-                                            <graphics:SfGradientStop Offset="1" Color="{DynamicResource PrimaryGradient}" />
-                                        </graphics:SfLinearGradientBrush.GradientStops>
-                                    </graphics:SfLinearGradientBrush>
-                                </Setter.Value>
-                            </Setter>
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
\ No newline at end of file
diff --git a/EssentialUIKit/Views/Transaction/Styles.xaml.cs b/EssentialUIKit/Views/Transaction/Styles.xaml.cs
deleted file mode 100644
index d73348f7..00000000
--- a/EssentialUIKit/Views/Transaction/Styles.xaml.cs
+++ /dev/null
@@ -1,21 +0,0 @@
-using Xamarin.Forms.Internals;
-using Xamarin.Forms.Xaml;
-
-namespace EssentialUIKit.Views.Transaction
-{
-    /// <summary>
-    /// Class helps to reduce repetitive markup and allows to change the appearance of apps more easily.
-    /// </summary>
-    [Preserve(AllMembers = true)]
-    [XamlCompilation(XamlCompilationOptions.Compile)]
-    public partial class Styles
-    {
-        /// <summary>
-        /// Initializes a new instance of the <see cref="Styles" /> class.
-        /// </summary>
-        public Styles()
-        {
-            InitializeComponent();
-        }
-    }
-}
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
index d1ca00f2..d0201a78 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
     MIT License
 
-    Copyright (c) Microsoft Corporation. All rights reserved.
+    Copyright © Syncfusion Inc. All rights reserved.
 
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@
     AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
     LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    SOFTWARE
\ No newline at end of file
+    SOFTWARE

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://clevelandohioweatherforecast.com/php-proxy/index.php?q=https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/compare/v2.5.0...master.diff" target="_blank">Alternative Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/index.php?u=https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/compare/v2.5.0...master.diff" target="_blank">pFad Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/v3index.php?u=https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/compare/v2.5.0...master.diff" target="_blank">pFad v3 Proxy</a></p><p><a href="http://clevelandohioweatherforecast.com/pFad/v4index.php?u=https://github.com/syncfusion/essential-ui-kit-for-xamarin.forms/compare/v2.5.0...master.diff" target="_blank">pFad v4 Proxy</a></p></body>
</html>