Ui kit 2.4.0.0

EssentialUIKit.Android/EssentialUIKit.Android.csproj

@@ -90,7 +90,7 @@
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
       <Version>17.2.0.49</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.3.0.778476-pre1" />
+    <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" />
@@ -258,6 +258,15 @@
   <ItemGroup>
     <AndroidResource Include="Resources\drawable\HeaderIcon.png" />
   </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ViewMode.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\TimeZone.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <AndroidResource Include="Resources\drawable\ReSchedule.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 ">

EssentialUIKit.UWP/EssentialUIKit.UWP.csproj

@@ -101,6 +101,7 @@
     <Compile Include="Renderers\BorderlessEditorRenderer.cs" />
     <Compile Include="Renderers\BorderlessEntryRenderer.cs" />
     <Compile Include="Renderers\CalenderDatePickerRenderer.cs" />
+    <Compile Include="Renderers\TemplateHostViewRenderer.cs" />
   </ItemGroup>
   <ItemGroup>
     <AppxManifest Include="Package.appxmanifest">
@@ -153,6 +154,9 @@
     <Content Include="scale-100\PlaceHolder.png" />
     <Content Include="scale-100\PlaceHolderRectangle.png" />
     <Content Include="Properties\Default.rd.xml" />
+    <Content Include="scale-100\ReSchedule.png" />
+    <Content Include="scale-100\TimeZone.png" />
+    <Content Include="scale-100\ViewMode.png" />
   </ItemGroup>
   <ItemGroup>
     <ApplicationDefinition Include="App.xaml">
@@ -206,7 +210,7 @@
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
       <Version>17.2.0.49</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.3.0.778476-pre1" />
+    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
     <PackageReference Include="Microsoft.NETCore.UniversalWindowsPlatform" Version="6.1.5" />
   </ItemGroup>
   <ItemGroup>

EssentialUIKit.UWP/Renderers/TemplateHostViewRenderer.cs

@@ -0,0 +1,37 @@
+using EssentialUIKit.AppLayout.Controls;
+using EssentialUIKit.UWP;
+using Windows.UI.Xaml;
+using Xamarin.Forms;
+using Xamarin.Forms.Platform.UWP;
+
+[assembly: ExportRenderer(typeof(TemplateHostView), typeof(TemplateHostViewRenderer))]
+
+namespace EssentialUIKit.UWP
+{
+    /// <summary>
+    /// Implementation of TemplateHostViewRenderer.
+    /// </summary>
+    public class TemplateHostViewRenderer : ViewRenderer<TemplateHostView, FrameworkElement>
+    {
+        /// <summary>
+        /// Added the view in TemplateHostPage.
+        /// </summary>
+        /// <param name="e">The editor</param>
+        protected override void OnElementChanged(ElementChangedEventArgs<TemplateHostView> e)
+        {
+            base.OnElementChanged(e);
+            var pageView = e.NewElement as TemplateHostView;
+
+            if (pageView != null)
+            {
+                IVisualElementRenderer renderer = pageView?.Template.GetOrCreateRenderer();
+
+                FrameworkElement native = renderer.ContainerElement as FrameworkElement;
+                var size = pageView.Measure(double.PositiveInfinity, double.PositiveInfinity);
+                pageView?.Template.Layout(new Rectangle(0, 0, size.Request.Width, size.Request.Height));
+
+                this.SetNativeControl(native);
+            }
+        }
+    }
+}

EssentialUIKit.iOS/EssentialUIKit.iOS.csproj

@@ -176,7 +176,7 @@
     <PackageReference Include="Syncfusion.Xamarin.SfTabView">
       <Version>17.2.0.49</Version>
     </PackageReference>
-    <PackageReference Include="Xamarin.Forms" Version="4.3.0.778476-pre1" />
+    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
   </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>
@@ -411,6 +411,15 @@
   <ItemGroup>
     <BundleResource Include="Resources\HeaderIcon.png" />
   </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\ReSchedule.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\TimeZone.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <BundleResource Include="Resources\ViewMode.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 ">

EssentialUIKit/AppLayout/TemplateList.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <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.">
+  <Category Icon="log-in.png" Name="Forms" IsUpdated="True" 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"/>
@@ -14,7 +14,8 @@
     <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"/>
-</Category>
+    <Page Name="Business Registration Form Page" IsNew="True" 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"/>
@@ -36,9 +37,9 @@
     <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" />
   </Category>
 
-   <Category Icon="article.png" IsUpdated="True" 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" IsNew="True" Description="This page displays an article with a pleasant parallax effect." PageName="Views.Article.ArticleParallaxHeaderPage" />
+   <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" />
    </Category>
 
@@ -57,14 +58,15 @@
     <Page Name="About Us Page with Scrolling" Description="This page displays organization information with scrolling effects." PageName="Views.AboutUs.AboutUsWithScrollPage" />
   </Category>
 
-  <Category Icon="navigation.png" Name="Navigation" Description="Enable your users to navigate between pages or items at a high level.">
+  <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 an item as a card in a list. Each card carries an image of the item, its description, and an overall rating. " PageName="Views.Navigation.NavigationListCardPage"/>
     <Page Name="Navigation Tile Card Page" Description="This page displays an item as a card in a tile layout. Each tile contains an image of the item, its description, and an overall rating." PageName="Views.Navigation.NavigationTileCardPage"/>
+    <Page Name="Songs Page" IsNew="True" Description="This page displays an item as a card in a tile layout. Each tile contains an image, the name of a song, and the song’s composer." PageName="Views.Navigation.SongsPage"/>
   </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="Walkthrough Page" Description="Guide users through a setup process on color gradient pages" PageName="Views.OnBoarding.OnBoardingAnimationPage"/>    
+    <Page Name="Walk-through Page" Description="Guide users through a setup process on color gradient pages" PageName="Views.OnBoarding.OnBoardingAnimationPage"/>    
   </Category>
 
   <Category Icon="error-empty.png" Name="Error and Empty" Description="Alert users to errors, empty shopping carts, task lists, item selections, and more.">
@@ -117,12 +119,14 @@
     <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"/>
   </Category>
 
-  <Category Icon="dashboard.png" Name="Dashboard" IsNew="True" Description="A beautifully presented interface relevant to common real-world use cases.">
+  <Category Icon="dashboard.png" Name="Dashboard" IsUpdated="True" 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" IsNew="True" Description="This page displays a dashboard for health-care data visualization." PageName="Views.Dashboard.HealthCarePage"/>
   </Category>
 
-  <Category Icon="setting.png" Name="Settings" IsNew="True" Description="Display various types of settings pages.">
+  <Category Icon="setting.png" Name="Settings" IsUpdated="True" 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" IsNew="True" Description="This page displays a simple help page that provides help with recent orders and other queries." PageName="Views.Settings.HelpPage"/>
   </Category>
 
 </Samples>

EssentialUIKit/AppLayout/Views/TemplatePage.xaml.cs

@@ -95,17 +95,7 @@ private void ListView_OnSelectionChanged(object sender, SelectedItemChangedEvent
             }
 
             this.isNavigationInQueue = true;
-
-            if (Device.RuntimePlatform == "UWP")
-            {
-                var assembly = typeof(App).GetTypeInfo().Assembly;
-                Navigation.PushAsync((Page)Activator.CreateInstance(
-                    assembly.GetType($"EssentialUIKit.{((Template)e.SelectedItem).PageName}")));
-            }
-            else
-            {
-                Navigation.PushAsync(new TemplateHostPage(e.SelectedItem as Template));
-            }
+            Navigation.PushAsync(new TemplateHostPage(e.SelectedItem as Template));
         }
 
         #endregion

EssentialUIKit/Data/navigation.json

@@ -168,5 +168,48 @@
       "imageURL": "ProfileImage20.png",
       "updatedDate": "2019-06-23"
     }
+  ],
+  "songsPageList": [
+    {
+      "itemImage": "Songs_Image1.png",
+      "songname": "Santorini",
+      "composer": "Yanni"
+    },
+    {
+      "itemImage": "Songs_Image2.png",
+      "songname": "Orinoco flow",
+      "composer": "Enya"
+    },
+    {
+      "itemImage": "Songs_Image3.png",
+      "songname": "Thanksgiving",
+      "composer": "George Winston"
+    },
+    {
+      "itemImage": "Songs_Image4.png",
+      "songname": "The Voice Of Enigma ",
+      "composer": "Enigma"
+    },
+    {
+      "itemImage": "Songs_Image5.png",
+      "songname": "Steam Forest",
+      "composer": "Andreas Vollenweider"
+    },
+    {
+      "itemImage": "Songs_Image6.png",
+      "songname": "In The Morning Light",
+      "composer": "Yanni"
+    },
+    {
+      "itemImage": "Songs_Image7.png",
+      "songname": "Children of the Sun",
+      "composer": "Dead Can Dance "
+    },
+    {
+      "itemImage": "Songs_Image8.png",
+      "songname": "A Thousand Teardrops",
+      "composer": "Shadowfax"
+    }
+
   ]
 }

EssentialUIKit/EssentialUIKit.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
     <TargetFramework>netstandard2.0</TargetFramework>
@@ -33,7 +33,7 @@
     <PackageReference Include="Syncfusion.Xamarin.Expander" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfBadgeView" Version="17.2.0.49" />
     <PackageReference Include="Syncfusion.Xamarin.SfTabView" Version="17.2.0.49" />
-    <PackageReference Include="Xamarin.Forms" Version="4.3.0.778476-pre1" />
+    <PackageReference Include="Xamarin.Forms" Version="4.4.0.991265" />
     <PackageReference Include="Syncfusion.Xamarin.Core" Version="17.3.0.9-beta" />
   </ItemGroup>
   <ItemGroup>

EssentialUIKit/Models/Dashboard/HealthCare.cs

@@ -0,0 +1,93 @@
+using Syncfusion.SfChart.XForms;
+using System.Collections.ObjectModel;
+using System.ComponentModel;
+using Xamarin.Forms.Internals;
+
+namespace EssentialUIKit.Models.Dashboard
+{
+    /// <summary>
+    /// Model for Health care page.
+    /// </summary>
+    [Preserve(AllMembers = true)]
+    public class HealthCare : INotifyPropertyChanged
+    {
+        #region Field
+
+        private ObservableCollection<ChartDataPoint> chartData;
+
+        #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 displays the Category.
+        /// </summary>
+        public string Category { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the Category value.
+        /// </summary>
+        public string CategoryValue { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the Category percentage.
+        /// </summary>
+        public string CategoryPercentage { get; set; }
+
+        /// <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
+        {
+            get
+            {
+                return chartData;
+            }
+
+            set
+            {
+                if (chartData == value)
+                {
+                    return;
+                }
+
+                chartData = value;
+                this.OnPropertyChanged("ChartData");
+            }
+        }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the background gradient start.
+        /// </summary>
+        public string BackgroundGradientStart { get; set; }
+
+        /// <summary>
+        /// Gets or sets the property that has been displays the background gradient end.
+        /// </summary>
+        public string BackgroundGradientEnd { get; set; }
+
+        #endregion
+
+        #region Methods
+
+        /// <summary>
+        /// The PropertyChanged event occurs when changing the value of property.
+        /// </summary>
+        /// <param name="propertyName">Property name</param>
+        protected void OnPropertyChanged(string property)
+        {
+            this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(property));
+        }
+
+        #endregion
+    }
+}