diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Assets/AboutAssets.txt b/UserInterface/Layout/GridDemos/GridDemos.Android/Assets/AboutAssets.txt
new file mode 100644
index 0000000000..072563f8f8
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Assets/AboutAssets.txt
@@ -0,0 +1,19 @@
+Any raw assets you want to be deployed with your application can be placed in
+this directory (and child directories) and given a Build Action of "AndroidAsset".
+
+These files will be deployed with your package and will be accessible using Android's
+AssetManager, like this:
+
+public class ReadAsset : Activity
+{
+ protected override void OnCreate (Bundle bundle)
+ {
+ base.OnCreate (bundle);
+
+ InputStream input = Assets.Open ("my_asset.txt");
+ }
+}
+
+Additionally, some Android functions will automatically load asset files:
+
+Typeface tf = Typeface.CreateFromAsset (Context.Assets, "fonts/samplefont.ttf");
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/GridDemos.Android.csproj b/UserInterface/Layout/GridDemos/GridDemos.Android/GridDemos.Android.csproj
new file mode 100644
index 0000000000..8147c0d524
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/GridDemos.Android.csproj
@@ -0,0 +1,96 @@
+
+
+
+ Debug
+ AnyCPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}
+ {EFBA0AD7-5A72-4C68-AF49-83D382785DCF};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ {c9e5eea5-ca05-42a1-839b-61506e0a37df}
+ Library
+ GridDemos.Droid
+ GridDemos.Android
+ True
+ True
+ Resources\Resource.designer.cs
+ Resource
+ Properties\AndroidManifest.xml
+ Resources
+ Assets
+ v9.0
+ true
+ true
+ Xamarin.Android.Net.AndroidClientHandler
+
+
+
+
+ true
+ portable
+ false
+ bin\Debug
+ DEBUG;
+ prompt
+ 4
+ None
+
+
+ true
+ portable
+ true
+ bin\Release
+ prompt
+ 4
+ true
+ false
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {729099CC-861E-4088-A656-5E039BA4E363}
+ GridDemos
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/MainActivity.cs b/UserInterface/Layout/GridDemos/GridDemos.Android/MainActivity.cs
new file mode 100644
index 0000000000..60567d6dea
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/MainActivity.cs
@@ -0,0 +1,21 @@
+using Android.App;
+using Android.Content.PM;
+using Android.OS;
+
+namespace GridDemos.Droid
+{
+ [Activity(Label = "GridDemos", Icon = "@mipmap/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)]
+ public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
+ {
+ protected override void OnCreate(Bundle savedInstanceState)
+ {
+ TabLayoutResource = Resource.Layout.Tabbar;
+ ToolbarResource = Resource.Layout.Toolbar;
+
+ base.OnCreate(savedInstanceState);
+
+ global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
+ LoadApplication(new App());
+ }
+ }
+}
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AndroidManifest.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AndroidManifest.xml
new file mode 100644
index 0000000000..8cf42017b0
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AndroidManifest.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AssemblyInfo.cs b/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..11cc329e79
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Properties/AssemblyInfo.cs
@@ -0,0 +1,30 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+using Android.App;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("GridDemos.Android")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("GridDemos.Android")]
+[assembly: AssemblyCopyright("Copyright © 2014")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+[assembly: ComVisible(false)]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
+
+// Add some common permissions, these can be removed if not needed
+[assembly: UsesPermission(Android.Manifest.Permission.Internet)]
+[assembly: UsesPermission(Android.Manifest.Permission.WriteExternalStorage)]
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/AboutResources.txt b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/AboutResources.txt
new file mode 100644
index 0000000000..cb30f20b1c
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/AboutResources.txt
@@ -0,0 +1,50 @@
+Images, layout descriptions, binary blobs and string dictionaries can be included
+in your application as resource files. Various Android APIs are designed to
+operate on the resource IDs instead of dealing with images, strings or binary blobs
+directly.
+
+For example, a sample Android app that contains a user interface layout (main.xml),
+an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png)
+would keep its resources in the "Resources" directory of the application:
+
+Resources/
+ drawable-hdpi/
+ icon.png
+
+ drawable-ldpi/
+ icon.png
+
+ drawable-mdpi/
+ icon.png
+
+ layout/
+ main.xml
+
+ values/
+ strings.xml
+
+In order to get the build system to recognize Android resources, set the build action to
+"AndroidResource". The native Android APIs do not operate directly with filenames, but
+instead operate on resource IDs. When you compile an Android application that uses resources,
+the build system will package the resources for distribution and generate a class called
+"Resource" that contains the tokens for each one of the resources included. For example,
+for the above Resources layout, this is what the Resource class would expose:
+
+public class Resource {
+ public class drawable {
+ public const int icon = 0x123;
+ }
+
+ public class layout {
+ public const int main = 0x456;
+ }
+
+ public class strings {
+ public const int first_string = 0xabc;
+ public const int second_string = 0xbcd;
+ }
+}
+
+You would then use R.drawable.icon to reference the drawable/icon.png file, or Resource.layout.main
+to reference the layout/main.xml file, or Resource.strings.first_string to reference the first
+string in the dictionary file values/strings.xml.
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Tabbar.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Tabbar.xml
new file mode 100644
index 0000000000..b2d0868812
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Tabbar.xml
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Toolbar.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Toolbar.xml
new file mode 100644
index 0000000000..32440653b8
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/layout/Toolbar.xml
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon.xml
new file mode 100644
index 0000000000..88d1d0a16c
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon.xml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml
new file mode 100644
index 0000000000..88d1d0a16c
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-anydpi-v26/icon_round.xml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/icon.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/icon.png
new file mode 100644
index 0000000000..4623ca2c42
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/icon.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png
new file mode 100644
index 0000000000..a89e5bbce6
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-hdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/icon.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/icon.png
new file mode 100644
index 0000000000..9b1d25e25d
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/icon.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png
new file mode 100644
index 0000000000..431a8a053d
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-mdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/icon.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/icon.png
new file mode 100644
index 0000000000..844dfe544e
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/icon.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..9e9e4f8e4c
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/icon.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/icon.png
new file mode 100644
index 0000000000..e20ec9ae22
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/icon.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..5f1e1356eb
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/icon.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/icon.png
new file mode 100644
index 0000000000..8a08bf75e7
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/icon.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png
new file mode 100644
index 0000000000..aca9f8d1c0
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/colors.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/colors.xml
new file mode 100644
index 0000000000..bdd44a8371
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/colors.xml
@@ -0,0 +1,7 @@
+
+
+ #FFFFFF
+ #3F51B5
+ #303F9F
+ #FF4081
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/styles.xml b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/styles.xml
new file mode 100644
index 0000000000..088e4497fa
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.Android/Resources/values/styles.xml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml b/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml
new file mode 100644
index 0000000000..749a0eae61
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml
@@ -0,0 +1,7 @@
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml.cs
new file mode 100644
index 0000000000..db9ff59086
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/App.xaml.cs
@@ -0,0 +1,92 @@
+using System;
+using Windows.ApplicationModel;
+using Windows.ApplicationModel.Activation;
+using Windows.UI.Xaml;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Navigation;
+
+namespace GridDemos.UWP
+{
+ ///
+ /// Provides application-specific behavior to supplement the default Application class.
+ ///
+ sealed partial class App : Application
+ {
+ ///
+ /// Initializes the singleton application object. This is the first line of authored code
+ /// executed, and as such is the logical equivalent of main() or WinMain().
+ ///
+ public App()
+ {
+ this.InitializeComponent();
+ this.Suspending += OnSuspending;
+ }
+
+ ///
+ /// Invoked when the application is launched normally by the end user. Other entry points
+ /// will be used such as when the application is launched to open a specific file.
+ ///
+ /// Details about the launch request and process.
+ protected override void OnLaunched(LaunchActivatedEventArgs e)
+ {
+ Frame rootFrame = Window.Current.Content as Frame;
+
+ // Do not repeat app initialization when the Window already has content,
+ // just ensure that the window is active
+ if (rootFrame == null)
+ {
+ // Create a Frame to act as the navigation context and navigate to the first page
+ rootFrame = new Frame();
+
+ rootFrame.NavigationFailed += OnNavigationFailed;
+
+ Xamarin.Forms.Forms.Init(e);
+
+ if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
+ {
+ //TODO: Load state from previously suspended application
+ }
+
+ // Place the frame in the current Window
+ Window.Current.Content = rootFrame;
+ }
+
+ if (e.PrelaunchActivated == false)
+ {
+ if (rootFrame.Content == null)
+ {
+ // 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);
+ }
+ // Ensure the current window is active
+ Window.Current.Activate();
+ }
+ }
+
+ ///
+ /// Invoked when Navigation to a certain page fails
+ ///
+ /// The Frame which failed navigation
+ /// Details about the navigation failure
+ void OnNavigationFailed(object sender, NavigationFailedEventArgs e)
+ {
+ throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
+ }
+
+ ///
+ /// Invoked when application execution is being suspended. Application state is saved
+ /// without knowing whether the application will be terminated or resumed with the contents
+ /// of memory still intact.
+ ///
+ /// The source of the suspend request.
+ /// Details about the suspend request.
+ private void OnSuspending(object sender, SuspendingEventArgs e)
+ {
+ var deferral = e.SuspendingOperation.GetDeferral();
+ //TODO: Save application state and stop any background activity
+ deferral.Complete();
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/LockScreenLogo.scale-200.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/LockScreenLogo.scale-200.png
new file mode 100644
index 0000000000..735f57adb5
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/LockScreenLogo.scale-200.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/SplashScreen.scale-200.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/SplashScreen.scale-200.png
new file mode 100644
index 0000000000..023e7f1fed
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/SplashScreen.scale-200.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square150x150Logo.scale-200.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square150x150Logo.scale-200.png
new file mode 100644
index 0000000000..af49fec1a5
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square150x150Logo.scale-200.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.scale-200.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.scale-200.png
new file mode 100644
index 0000000000..ce342a2ec8
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.scale-200.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png
new file mode 100644
index 0000000000..f6c02ce97e
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Square44x44Logo.targetsize-24_altform-unplated.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/StoreLogo.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/StoreLogo.png
new file mode 100644
index 0000000000..7385b56c0e
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/StoreLogo.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Wide310x150Logo.scale-200.png b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Wide310x150Logo.scale-200.png
new file mode 100644
index 0000000000..288995b397
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.UWP/Assets/Wide310x150Logo.scale-200.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/GridDemos.UWP.csproj b/UserInterface/Layout/GridDemos/GridDemos.UWP/GridDemos.UWP.csproj
new file mode 100644
index 0000000000..ced77827d2
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/GridDemos.UWP.csproj
@@ -0,0 +1,177 @@
+
+
+
+
+ Debug
+ x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}
+ AppContainerExe
+ Properties
+ GridDemos.UWP
+ GridDemos.UWP
+ en-US
+ UAP
+ 10.0.18362.0
+ 10.0.16299.0
+ 14
+ 512
+ {A5A43C5B-DE2A-4C0C-9213-0A381AF9435A};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ true
+ false
+
+
+ true
+ bin\x86\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ x86
+ false
+ prompt
+ true
+
+
+ bin\x86\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ x86
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\ARM\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ ARM
+ false
+ prompt
+ true
+
+
+ bin\ARM\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ ARM
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\ARM64\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ ARM64
+ false
+ prompt
+ true
+ true
+
+
+ bin\ARM64\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ ARM64
+ false
+ prompt
+ true
+ true
+
+
+ true
+ bin\x64\Debug\
+ DEBUG;TRACE;NETFX_CORE;WINDOWS_UWP
+ ;2008
+ full
+ x64
+ false
+ prompt
+ true
+
+
+ bin\x64\Release\
+ TRACE;NETFX_CORE;WINDOWS_UWP
+ true
+ ;2008
+ pdbonly
+ x64
+ false
+ prompt
+ true
+ true
+
+
+ PackageReference
+
+
+
+ App.xaml
+
+
+ MainPage.xaml
+
+
+
+
+
+ Designer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MSBuild:Compile
+ Designer
+
+
+ MSBuild:Compile
+ Designer
+
+
+
+
+ 6.2.9
+
+
+ 4.6.0.726
+
+
+
+
+ {729099cc-861e-4088-a656-5e039ba4e363}
+ GridDemos
+
+
+
+ 14.0
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml b/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml
new file mode 100644
index 0000000000..4ae1711f01
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml.cs
new file mode 100644
index 0000000000..5d2635f8a4
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/MainPage.xaml.cs
@@ -0,0 +1,11 @@
+namespace GridDemos.UWP
+{
+ public sealed partial class MainPage
+ {
+ public MainPage()
+ {
+ this.InitializeComponent();
+ this.LoadApplication(new GridDemos.App());
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Package.appxmanifest b/UserInterface/Layout/GridDemos/GridDemos.UWP/Package.appxmanifest
new file mode 100644
index 0000000000..e2ffac5af8
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/Package.appxmanifest
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+ GridDemos.UWP
+ Dave
+ Assets\StoreLogo.png
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/AssemblyInfo.cs b/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..5dcdb9308a
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/AssemblyInfo.cs
@@ -0,0 +1,29 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("GridDemos.UWP")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("GridDemos.UWP")]
+[assembly: AssemblyCopyright("Copyright © 2020")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+//
+// You can specify all the values or you can default the Build and Revision Numbers
+// by using the '*' as shown below:
+// [assembly: AssemblyVersion("1.0.*")]
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
+[assembly: ComVisible(false)]
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/Default.rd.xml b/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/Default.rd.xml
new file mode 100644
index 0000000000..af00722cdf
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.UWP/Properties/Default.rd.xml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/AppDelegate.cs b/UserInterface/Layout/GridDemos/GridDemos.iOS/AppDelegate.cs
new file mode 100644
index 0000000000..6b72161f95
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/AppDelegate.cs
@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+using Foundation;
+using UIKit;
+
+namespace GridDemos.iOS
+{
+ // The UIApplicationDelegate for the application. This class is responsible for launching the
+ // User Interface of the application, as well as listening (and optionally responding) to
+ // application events from iOS.
+ [Register("AppDelegate")]
+ public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
+ {
+ //
+ // This method is invoked when the application has loaded and is ready to run. In this
+ // method you should instantiate the window, load the UI into it and then make the window
+ // visible.
+ //
+ // You have 17 seconds to return from this method, or iOS will terminate your application.
+ //
+ public override bool FinishedLaunching(UIApplication app, NSDictionary options)
+ {
+ global::Xamarin.Forms.Forms.Init();
+ LoadApplication(new App());
+
+ return base.FinishedLaunching(app, options);
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json
new file mode 100644
index 0000000000..98f4d035c8
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,117 @@
+{
+ "images": [
+ {
+ "scale": "2x",
+ "size": "20x20",
+ "idiom": "iphone",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "3x",
+ "size": "20x20",
+ "idiom": "iphone",
+ "filename": "Icon60.png"
+ },
+ {
+ "scale": "2x",
+ "size": "29x29",
+ "idiom": "iphone",
+ "filename": "Icon58.png"
+ },
+ {
+ "scale": "3x",
+ "size": "29x29",
+ "idiom": "iphone",
+ "filename": "Icon87.png"
+ },
+ {
+ "scale": "2x",
+ "size": "40x40",
+ "idiom": "iphone",
+ "filename": "Icon80.png"
+ },
+ {
+ "scale": "3x",
+ "size": "40x40",
+ "idiom": "iphone",
+ "filename": "Icon120.png"
+ },
+ {
+ "scale": "2x",
+ "size": "60x60",
+ "idiom": "iphone",
+ "filename": "Icon120.png"
+ },
+ {
+ "scale": "3x",
+ "size": "60x60",
+ "idiom": "iphone",
+ "filename": "Icon180.png"
+ },
+ {
+ "scale": "1x",
+ "size": "20x20",
+ "idiom": "ipad",
+ "filename": "Icon20.png"
+ },
+ {
+ "scale": "2x",
+ "size": "20x20",
+ "idiom": "ipad",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "1x",
+ "size": "29x29",
+ "idiom": "ipad",
+ "filename": "Icon29.png"
+ },
+ {
+ "scale": "2x",
+ "size": "29x29",
+ "idiom": "ipad",
+ "filename": "Icon58.png"
+ },
+ {
+ "scale": "1x",
+ "size": "40x40",
+ "idiom": "ipad",
+ "filename": "Icon40.png"
+ },
+ {
+ "scale": "2x",
+ "size": "40x40",
+ "idiom": "ipad",
+ "filename": "Icon80.png"
+ },
+ {
+ "scale": "1x",
+ "size": "76x76",
+ "idiom": "ipad",
+ "filename": "Icon76.png"
+ },
+ {
+ "scale": "2x",
+ "size": "76x76",
+ "idiom": "ipad",
+ "filename": "Icon152.png"
+ },
+ {
+ "scale": "2x",
+ "size": "83.5x83.5",
+ "idiom": "ipad",
+ "filename": "Icon167.png"
+ },
+ {
+ "scale": "1x",
+ "size": "1024x1024",
+ "idiom": "ios-marketing",
+ "filename": "Icon1024.png"
+ }
+ ],
+ "properties": {},
+ "info": {
+ "version": 1,
+ "author": "xcode"
+ }
+}
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png
new file mode 100644
index 0000000000..9174c989a9
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png
new file mode 100644
index 0000000000..9c60a1761d
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png
new file mode 100644
index 0000000000..448d6efb57
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png
new file mode 100644
index 0000000000..8524768f8d
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png
new file mode 100644
index 0000000000..60a64703c0
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png
new file mode 100644
index 0000000000..45268a641c
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png
new file mode 100644
index 0000000000..6a6c77a8b4
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png
new file mode 100644
index 0000000000..cc7edcf5cb
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png
new file mode 100644
index 0000000000..1ad04f004b
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png
new file mode 100644
index 0000000000..2dd52620a8
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png
new file mode 100644
index 0000000000..b058cae2f4
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png
new file mode 100644
index 0000000000..02e47a2611
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png
new file mode 100644
index 0000000000..4954a4bd33
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Entitlements.plist b/UserInterface/Layout/GridDemos/GridDemos.iOS/Entitlements.plist
new file mode 100644
index 0000000000..e9a3005f78
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Entitlements.plist
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/GridDemos.iOS.csproj b/UserInterface/Layout/GridDemos/GridDemos.iOS/GridDemos.iOS.csproj
new file mode 100644
index 0000000000..3cbb18c650
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/GridDemos.iOS.csproj
@@ -0,0 +1,135 @@
+
+
+
+ Debug
+ iPhoneSimulator
+ 8.0.30703
+ 2.0
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}
+ {FEACFBD2-3405-455C-9665-78FE426C6842};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}
+ {6143fdea-f3c2-4a09-aafa-6e230626515e}
+ Exe
+ GridDemos.iOS
+ Resources
+ GridDemos.iOS
+ true
+ NSUrlSessionHandler
+ automatic
+
+
+ true
+ full
+ false
+ bin\iPhoneSimulator\Debug
+ DEBUG
+ prompt
+ 4
+ x86_64
+ None
+ true
+
+
+ none
+ true
+ bin\iPhoneSimulator\Release
+ prompt
+ 4
+ None
+ x86_64
+
+
+ true
+ full
+ false
+ bin\iPhone\Debug
+ DEBUG
+ prompt
+ 4
+ ARM64
+ iPhone Developer
+ true
+ Entitlements.plist
+ None
+ -all
+
+
+ none
+ true
+ bin\iPhone\Release
+ prompt
+ 4
+ ARM64
+ iPhone Developer
+ Entitlements.plist
+
+
+
+
+
+
+
+
+
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+ false
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {729099CC-861E-4088-A656-5E039BA4E363}
+ GridDemos
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Info.plist b/UserInterface/Layout/GridDemos/GridDemos.iOS/Info.plist
new file mode 100644
index 0000000000..6433483e0d
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Info.plist
@@ -0,0 +1,38 @@
+
+
+
+
+ UIDeviceFamily
+
+ 1
+ 2
+
+ UISupportedInterfaceOrientations
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ UISupportedInterfaceOrientations~ipad
+
+ UIInterfaceOrientationPortrait
+ UIInterfaceOrientationPortraitUpsideDown
+ UIInterfaceOrientationLandscapeLeft
+ UIInterfaceOrientationLandscapeRight
+
+ MinimumOSVersion
+ 8.0
+ CFBundleDisplayName
+ GridDemos
+ CFBundleIdentifier
+ com.companyname.GridDemos
+ CFBundleVersion
+ 1.0
+ UILaunchStoryboardName
+ LaunchScreen
+ CFBundleName
+ GridDemos
+ XSAppIconAssets
+ Assets.xcassets/AppIcon.appiconset
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Main.cs b/UserInterface/Layout/GridDemos/GridDemos.iOS/Main.cs
new file mode 100644
index 0000000000..04c3e5761d
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Main.cs
@@ -0,0 +1,20 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+
+using Foundation;
+using UIKit;
+
+namespace GridDemos.iOS
+{
+ public class Application
+ {
+ // This is the main entry point of the application.
+ static void Main(string[] args)
+ {
+ // if you want to use a different Application Delegate class from "AppDelegate"
+ // you can specify it here.
+ UIApplication.Main(args, null, "AppDelegate");
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Properties/AssemblyInfo.cs b/UserInterface/Layout/GridDemos/GridDemos.iOS/Properties/AssemblyInfo.cs
new file mode 100644
index 0000000000..a54bbaa3c9
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Properties/AssemblyInfo.cs
@@ -0,0 +1,36 @@
+using System.Reflection;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+
+// General Information about an assembly is controlled through the following
+// set of attributes. Change these attribute values to modify the information
+// associated with an assembly.
+[assembly: AssemblyTitle("GridDemos.iOS")]
+[assembly: AssemblyDescription("")]
+[assembly: AssemblyConfiguration("")]
+[assembly: AssemblyCompany("")]
+[assembly: AssemblyProduct("GridDemos.iOS")]
+[assembly: AssemblyCopyright("Copyright © 2014")]
+[assembly: AssemblyTrademark("")]
+[assembly: AssemblyCulture("")]
+
+// Setting ComVisible to false makes the types in this assembly not visible
+// to COM components. If you need to access a type in this assembly from
+// COM, set the ComVisible attribute to true on that type.
+[assembly: ComVisible(false)]
+
+// The following GUID is for the ID of the typelib if this project is exposed to COM
+[assembly: Guid("72bdc44f-c588-44f3-b6df-9aace7daafdd")]
+
+// Version information for an assembly consists of the following four values:
+//
+// Major Version
+// Minor Version
+// Build Number
+// Revision
+//
+// You can specify all the values or you can default the Build and Revision Numbers
+// by using the '*' as shown below:
+// [assembly: AssemblyVersion("1.0.*")]
+[assembly: AssemblyVersion("1.0.0.0")]
+[assembly: AssemblyFileVersion("1.0.0.0")]
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-568h@2x.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-568h@2x.png
new file mode 100644
index 0000000000..26c6461e50
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-568h@2x.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait.png
new file mode 100644
index 0000000000..5d0d1ab4c6
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait@2x.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait@2x.png
new file mode 100644
index 0000000000..0ee2688e8f
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default-Portrait@2x.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default.png
new file mode 100644
index 0000000000..b74643c0aa
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default@2x.png b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default@2x.png
new file mode 100644
index 0000000000..dbd6bd3e86
Binary files /dev/null and b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/Default@2x.png differ
diff --git a/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/LaunchScreen.storyboard b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/LaunchScreen.storyboard
new file mode 100644
index 0000000000..f12b936801
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.iOS/Resources/LaunchScreen.storyboard
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos.sln b/UserInterface/Layout/GridDemos/GridDemos.sln
new file mode 100644
index 0000000000..1e92955496
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos.sln
@@ -0,0 +1,152 @@
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.30011.22
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GridDemos.Android", "GridDemos.Android\GridDemos.Android.csproj", "{B75CDD57-578F-481E-8C84-90D127C37F35}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GridDemos.iOS", "GridDemos.iOS\GridDemos.iOS.csproj", "{372E940A-ADDE-42E5-9DB9-F0DC7715F908}"
+EndProject
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "GridDemos", "GridDemos\GridDemos.csproj", "{729099CC-861E-4088-A656-5E039BA4E363}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GridDemos.UWP", "GridDemos.UWP\GridDemos.UWP.csproj", "{916F3D8D-D706-4AFE-8F4D-5E169C8E3777}"
+EndProject
+Global
+ GlobalSection(SolutionConfigurationPlatforms) = preSolution
+ Debug|Any CPU = Debug|Any CPU
+ Debug|ARM = Debug|ARM
+ Debug|ARM64 = Debug|ARM64
+ Debug|iPhone = Debug|iPhone
+ Debug|iPhoneSimulator = Debug|iPhoneSimulator
+ Debug|x64 = Debug|x64
+ Debug|x86 = Debug|x86
+ Release|Any CPU = Release|Any CPU
+ Release|ARM = Release|ARM
+ Release|ARM64 = Release|ARM64
+ Release|iPhone = Release|iPhone
+ Release|iPhoneSimulator = Release|iPhoneSimulator
+ Release|x64 = Release|x64
+ Release|x86 = Release|x86
+ EndGlobalSection
+ GlobalSection(ProjectConfigurationPlatforms) = postSolution
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM.Deploy.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM64.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM64.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|ARM64.Deploy.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|iPhone.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x64.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x64.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x64.Deploy.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x86.ActiveCfg = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x86.Build.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Debug|x86.Deploy.0 = Debug|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|Any CPU.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM.Deploy.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM64.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM64.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|ARM64.Deploy.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|iPhone.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|iPhone.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x64.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x64.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x64.Deploy.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x86.ActiveCfg = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x86.Build.0 = Release|Any CPU
+ {B75CDD57-578F-481E-8C84-90D127C37F35}.Release|x86.Deploy.0 = Release|Any CPU
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|Any CPU.ActiveCfg = Debug|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|Any CPU.Build.0 = Debug|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|ARM.ActiveCfg = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|ARM64.ActiveCfg = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|iPhone.ActiveCfg = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|iPhone.Build.0 = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|iPhoneSimulator.ActiveCfg = Debug|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|iPhoneSimulator.Build.0 = Debug|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|x64.ActiveCfg = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Debug|x86.ActiveCfg = Debug|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|Any CPU.ActiveCfg = Release|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|Any CPU.Build.0 = Release|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|ARM.ActiveCfg = Release|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|ARM64.ActiveCfg = Release|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|iPhone.ActiveCfg = Release|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|iPhone.Build.0 = Release|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|iPhoneSimulator.ActiveCfg = Release|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|iPhoneSimulator.Build.0 = Release|iPhoneSimulator
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|x64.ActiveCfg = Release|iPhone
+ {372E940A-ADDE-42E5-9DB9-F0DC7715F908}.Release|x86.ActiveCfg = Release|iPhone
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|ARM.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|ARM.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|ARM64.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|ARM64.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|iPhone.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|iPhone.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|x64.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|x64.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|x86.ActiveCfg = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Debug|x86.Build.0 = Debug|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|Any CPU.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|ARM.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|ARM.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|ARM64.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|ARM64.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|iPhone.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|iPhone.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|x64.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|x64.Build.0 = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|x86.ActiveCfg = Release|Any CPU
+ {729099CC-861E-4088-A656-5E039BA4E363}.Release|x86.Build.0 = Release|Any CPU
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|Any CPU.ActiveCfg = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM.ActiveCfg = Debug|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM.Build.0 = Debug|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM.Deploy.0 = Debug|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM64.ActiveCfg = Debug|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM64.Build.0 = Debug|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|ARM64.Deploy.0 = Debug|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|iPhone.ActiveCfg = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|iPhoneSimulator.ActiveCfg = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x64.ActiveCfg = Debug|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x64.Build.0 = Debug|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x64.Deploy.0 = Debug|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x86.ActiveCfg = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x86.Build.0 = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Debug|x86.Deploy.0 = Debug|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|Any CPU.ActiveCfg = Release|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM.ActiveCfg = Release|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM.Build.0 = Release|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM.Deploy.0 = Release|ARM
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM64.ActiveCfg = Release|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM64.Build.0 = Release|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|ARM64.Deploy.0 = Release|ARM64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|iPhone.ActiveCfg = Release|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|iPhoneSimulator.ActiveCfg = Release|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x64.ActiveCfg = Release|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x64.Build.0 = Release|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x64.Deploy.0 = Release|x64
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x86.ActiveCfg = Release|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x86.Build.0 = Release|x86
+ {916F3D8D-D706-4AFE-8F4D-5E169C8E3777}.Release|x86.Deploy.0 = Release|x86
+ EndGlobalSection
+ GlobalSection(SolutionProperties) = preSolution
+ HideSolutionNode = FALSE
+ EndGlobalSection
+ GlobalSection(ExtensibilityGlobals) = postSolution
+ SolutionGuid = {9B30877F-1AA5-403E-90FD-D6C6721E44FB}
+ EndGlobalSection
+EndGlobal
diff --git a/UserInterface/Layout/GridDemos/GridDemos/App.xaml b/UserInterface/Layout/GridDemos/GridDemos/App.xaml
new file mode 100644
index 0000000000..106a23b60b
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/App.xaml
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos/App.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/App.xaml.cs
new file mode 100644
index 0000000000..40fdf9815a
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/App.xaml.cs
@@ -0,0 +1,26 @@
+using Xamarin.Forms;
+
+namespace GridDemos
+{
+ public partial class App : Application
+ {
+ public App()
+ {
+ InitializeComponent();
+
+ MainPage = new NavigationPage(new MainPage());
+ }
+
+ protected override void OnStart()
+ {
+ }
+
+ protected override void OnSleep()
+ {
+ }
+
+ protected override void OnResume()
+ {
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/AssemblyInfo.cs b/UserInterface/Layout/GridDemos/GridDemos/AssemblyInfo.cs
new file mode 100644
index 0000000000..c859952e34
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/AssemblyInfo.cs
@@ -0,0 +1,3 @@
+using Xamarin.Forms.Xaml;
+
+[assembly: XamlCompilation(XamlCompilationOptions.Compile)]
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Converters/DoubleToIntConverter.cs b/UserInterface/Layout/GridDemos/GridDemos/Converters/DoubleToIntConverter.cs
new file mode 100644
index 0000000000..88aff77eee
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Converters/DoubleToIntConverter.cs
@@ -0,0 +1,34 @@
+using System;
+using System.Globalization;
+using Xamarin.Forms;
+
+namespace GridDemos.Converters
+{
+ public class DoubleToIntConverter : IValueConverter
+ {
+ public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+ {
+ string strParam = parameter as string;
+ double multiplier = 1;
+
+ if (!string.IsNullOrEmpty(strParam))
+ {
+ Double.TryParse(strParam, out multiplier);
+ }
+ return (int)Math.Round((double)value * multiplier);
+ }
+
+ public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+ {
+ string strParam = parameter as string;
+ double divider = 1;
+
+ if (!string.IsNullOrEmpty(strParam))
+ {
+ Double.TryParse(strParam, out divider);
+ }
+
+ return (int)value / divider;
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/GridDemos.csproj b/UserInterface/Layout/GridDemos/GridDemos/GridDemos.csproj
new file mode 100644
index 0000000000..97bb57c712
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/GridDemos.csproj
@@ -0,0 +1,23 @@
+
+
+
+ netstandard2.0
+ true
+
+
+
+ portable
+ true
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/Code/BasicGridPageCS.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/BasicGridPageCS.cs
new file mode 100644
index 0000000000..1f9d4ab2e6
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/BasicGridPageCS.cs
@@ -0,0 +1,99 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public class BasicGridPageCS : ContentPage
+ {
+ public BasicGridPageCS()
+ {
+ Grid grid = new Grid
+ {
+ RowDefinitions =
+ {
+ new RowDefinition { Height = new GridLength(2, GridUnitType.Star) },
+ new RowDefinition(),
+ new RowDefinition { Height = new GridLength(100) }
+ },
+ ColumnDefinitions =
+ {
+ new ColumnDefinition(),
+ new ColumnDefinition()
+ }
+ };
+
+ // Row 0
+ // The BoxView and Label are in row 0 and column 0, and so only needs to be added to the
+ // Grid.Children collection to get default row and column settings.
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Green
+ });
+ grid.Children.Add(new Label
+ {
+ Text = "Row 0, Column 0",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ });
+
+ // This BoxView and Label are in row 0 and column 1, which are specified as arguments
+ // to the Add method.
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Blue
+ }, 1, 0);
+ grid.Children.Add(new Label
+ {
+ Text = "Row 0, Column 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 1, 0);
+
+ // Row 1
+ // This BoxView and Label are in row 1 and column 0, which are specified as arguments
+ // to the Add method overload.
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Teal
+ }, 0, 1, 1, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Row 1, Column 0",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 0, 1, 1, 2); // These arguments indicate that that the child element goes in the column starting at 0 but ending before 1.
+ // They also indicate that the child element goes in the row starting at 1 but ending before 2.
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Purple
+ }, 1, 2, 1, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Row1, Column 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 1, 2, 1, 2);
+
+ // Row 2
+ // Alternatively, the BoxView and Label can be positioned in cells with the Grid.SetRow
+ // and Grid.SetColumn methods.
+ BoxView boxView = new BoxView { Color = Color.Red };
+ Grid.SetRow(boxView, 2);
+ Grid.SetColumnSpan(boxView, 2);
+ Label label = new Label
+ {
+ Text = "Row 2, Column 0 and 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ };
+ Grid.SetRow(label, 2);
+ Grid.SetColumnSpan(label, 2);
+
+ grid.Children.Add(boxView);
+ grid.Children.Add(label);
+
+ Title = "Basic Grid demo";
+ Content = grid;
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/Code/CalculatorPageCS.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/CalculatorPageCS.cs
new file mode 100644
index 0000000000..3254b17aad
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/CalculatorPageCS.cs
@@ -0,0 +1,97 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public class CalculatorPageCS : ContentPage
+ {
+ public CalculatorPageCS()
+ {
+ Style plainButton = new Style(typeof(Button))
+ {
+ Setters =
+ {
+ new Setter { Property = Button.BackgroundColorProperty, Value = Color.FromHex ("#eee") },
+ new Setter { Property = Button.TextColorProperty, Value = Color.Black },
+ new Setter { Property = Button.CornerRadiusProperty, Value = 0 },
+ new Setter { Property = Button.FontSizeProperty, Value = 40 }
+ }
+ };
+
+ Style darkerButton = new Style(typeof(Button))
+ {
+ Setters =
+ {
+ new Setter { Property = Button.BackgroundColorProperty, Value = Color.FromHex ("#ddd") },
+ new Setter { Property = Button.TextColorProperty, Value = Color.Black },
+ new Setter { Property = Button.CornerRadiusProperty, Value = 0 },
+ new Setter { Property = Button.FontSizeProperty, Value = 40 }
+ }
+ };
+
+ Style orangeButton = new Style(typeof(Button))
+ {
+ Setters =
+ {
+ new Setter { Property = Button.BackgroundColorProperty, Value = Color.FromHex ("#E8AD00") },
+ new Setter { Property = Button.TextColorProperty, Value = Color.White },
+ new Setter { Property = Button.CornerRadiusProperty, Value = 0 },
+ new Setter { Property = Button.FontSizeProperty, Value = 40 }
+ }
+ };
+
+ Grid grid = new Grid { RowSpacing = 1, ColumnSpacing = 1 };
+
+ grid.RowDefinitions.Add(new RowDefinition { Height = new GridLength(150) });
+ grid.RowDefinitions.Add(new RowDefinition());
+ grid.RowDefinitions.Add(new RowDefinition());
+ grid.RowDefinitions.Add(new RowDefinition());
+ grid.RowDefinitions.Add(new RowDefinition());
+ grid.RowDefinitions.Add(new RowDefinition());
+
+ grid.ColumnDefinitions.Add(new ColumnDefinition());
+ grid.ColumnDefinitions.Add(new ColumnDefinition());
+ grid.ColumnDefinitions.Add(new ColumnDefinition());
+ grid.ColumnDefinitions.Add(new ColumnDefinition());
+
+ Label label = new Label
+ {
+ Text = "0",
+ HorizontalTextAlignment = TextAlignment.End,
+ VerticalTextAlignment = TextAlignment.End,
+ TextColor = Color.White,
+ FontSize = 60
+ };
+
+ grid.Children.Add(label, 0, 0);
+ Grid.SetColumnSpan(label, 4);
+
+ grid.Children.Add(new Button { Text = "C", Style = darkerButton }, 0, 1);
+ grid.Children.Add(new Button { Text = "+/-", Style = darkerButton }, 1, 1);
+ grid.Children.Add(new Button { Text = "%", Style = darkerButton }, 2, 1);
+ grid.Children.Add(new Button { Text = "div", Style = orangeButton }, 3, 1);
+ grid.Children.Add(new Button { Text = "7", Style = plainButton }, 0, 2);
+ grid.Children.Add(new Button { Text = "8", Style = plainButton }, 1, 2);
+ grid.Children.Add(new Button { Text = "9", Style = plainButton }, 2, 2);
+ grid.Children.Add(new Button { Text = "X", Style = orangeButton }, 3, 2);
+ grid.Children.Add(new Button { Text = "4", Style = plainButton }, 0, 3);
+ grid.Children.Add(new Button { Text = "5", Style = plainButton }, 1, 3);
+ grid.Children.Add(new Button { Text = "6", Style = plainButton }, 2, 3);
+ grid.Children.Add(new Button { Text = "-", Style = orangeButton }, 3, 3);
+ grid.Children.Add(new Button { Text = "1", Style = plainButton }, 0, 4);
+ grid.Children.Add(new Button { Text = "2", Style = plainButton }, 1, 4);
+ grid.Children.Add(new Button { Text = "3", Style = plainButton }, 2, 4);
+ grid.Children.Add(new Button { Text = "+", Style = orangeButton }, 3, 4);
+ grid.Children.Add(new Button { Text = ".", Style = plainButton }, 2, 5);
+ grid.Children.Add(new Button { Text = "=", Style = orangeButton }, 3, 5);
+
+ Button zeroButton = new Button { Text = "0", Style = plainButton };
+ grid.Children.Add(zeroButton, 0, 5);
+ Grid.SetColumnSpan(zeroButton, 2);
+
+ Title = "Calculator layout demo";
+ BackgroundColor = Color.FromHex("#404040");
+ Content = grid;
+ }
+ }
+}
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/Code/ColorSlidersGridPageCS.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/ColorSlidersGridPageCS.cs
new file mode 100644
index 0000000000..10b0d1f7a7
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/ColorSlidersGridPageCS.cs
@@ -0,0 +1,96 @@
+using Xamarin.Forms;
+using GridDemos.Converters;
+
+namespace GridDemos.Views
+{
+ public class ColorSlidersGridPageCS : ContentPage
+ {
+ BoxView boxView;
+ Slider redSlider;
+ Slider greenSlider;
+ Slider blueSlider;
+
+ public ColorSlidersGridPageCS()
+ {
+ // Create an implicit style for the Labels
+ Style labelStyle = new Style(typeof(Label))
+ {
+ Setters =
+ {
+ new Setter { Property = Label.HorizontalTextAlignmentProperty, Value = TextAlignment.Center }
+ }
+ };
+ Resources.Add(labelStyle);
+
+ // Root page layout
+ Grid rootGrid = new Grid
+ {
+ RowDefinitions =
+ {
+ new RowDefinition(),
+ new RowDefinition()
+ }
+ };
+
+ boxView = new BoxView { Color = Color.Black };
+ rootGrid.Children.Add(boxView);
+
+ // Child page layout
+ Grid childGrid = new Grid
+ {
+ Margin = new Thickness(20),
+ RowDefinitions =
+ {
+ new RowDefinition(),
+ new RowDefinition(),
+ new RowDefinition(),
+ new RowDefinition(),
+ new RowDefinition(),
+ new RowDefinition()
+ }
+ };
+
+ DoubleToIntConverter doubleToInt = new DoubleToIntConverter();
+
+ redSlider = new Slider();
+ redSlider.ValueChanged += OnSliderValueChanged;
+ childGrid.Children.Add(redSlider);
+
+ Label redLabel = new Label();
+ redLabel.SetBinding(Label.TextProperty, new Binding("Value", converter: doubleToInt, converterParameter: "255", stringFormat: "Red = {0}", source: redSlider));
+ Grid.SetRow(redLabel, 1);
+ childGrid.Children.Add(redLabel);
+
+ greenSlider = new Slider();
+ greenSlider.ValueChanged += OnSliderValueChanged;
+ Grid.SetRow(greenSlider, 2);
+ childGrid.Children.Add(greenSlider);
+
+ Label greenLabel = new Label();
+ greenLabel.SetBinding(Label.TextProperty, new Binding("Value", converter: doubleToInt, converterParameter: "255", stringFormat: "Green = {0}", source: greenSlider));
+ Grid.SetRow(greenLabel, 3);
+ childGrid.Children.Add(greenLabel);
+
+ blueSlider = new Slider();
+ blueSlider.ValueChanged += OnSliderValueChanged;
+ Grid.SetRow(blueSlider, 4);
+ childGrid.Children.Add(blueSlider);
+
+ Label blueLabel = new Label();
+ blueLabel.SetBinding(Label.TextProperty, new Binding("Value", converter: doubleToInt, converterParameter: "255", stringFormat: "Blue = {0}", source: blueSlider));
+ Grid.SetRow(blueLabel, 5);
+ childGrid.Children.Add(blueLabel);
+
+ // Place the child Grid in the root Grid
+ rootGrid.Children.Add(childGrid, 0, 1);
+
+ Title = "Nested Grids demo";
+ Content = rootGrid;
+ }
+
+ void OnSliderValueChanged(object sender, ValueChangedEventArgs e)
+ {
+ boxView.Color = new Color(redSlider.Value, greenSlider.Value, blueSlider.Value);
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridAlignmentPageCS.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridAlignmentPageCS.cs
new file mode 100644
index 0000000000..bb5f2bb037
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridAlignmentPageCS.cs
@@ -0,0 +1,133 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public class GridAlignmentPageCS : ContentPage
+ {
+ public GridAlignmentPageCS()
+ {
+ Grid grid = new Grid
+ {
+ RowSpacing = 0,
+ ColumnSpacing = 0,
+ RowDefinitions =
+ {
+ new RowDefinition(),
+ new RowDefinition(),
+ new RowDefinition()
+ },
+ ColumnDefinitions =
+ {
+ new ColumnDefinition(),
+ new ColumnDefinition(),
+ new ColumnDefinition()
+ }
+ };
+
+ // Row 0
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.AliceBlue
+ });
+ grid.Children.Add(new Label
+ {
+ Text = "Upper left",
+ HorizontalOptions = LayoutOptions.Start,
+ VerticalOptions = LayoutOptions.Start
+ });
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.LightSkyBlue
+ }, 1, 0);
+ grid.Children.Add(new Label
+ {
+ Text = "Upper center",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Start
+ }, 1, 0);
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.CadetBlue
+ }, 2, 0);
+ grid.Children.Add(new Label
+ {
+ Text = "Upper right",
+ HorizontalOptions = LayoutOptions.End,
+ VerticalOptions = LayoutOptions.Start
+ }, 2, 0);
+
+ // Row 1
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.CornflowerBlue
+ }, 0, 1);
+ grid.Children.Add(new Label
+ {
+ Text = "Center left",
+ HorizontalOptions = LayoutOptions.Start,
+ VerticalOptions = LayoutOptions.Center
+ }, 0, 1);
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.DodgerBlue
+ }, 1, 1);
+ grid.Children.Add(new Label
+ {
+ Text = "Center center",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 1, 1);
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.DarkSlateBlue
+ }, 2, 1);
+ grid.Children.Add(new Label
+ {
+ Text = "Center right",
+ HorizontalOptions = LayoutOptions.End,
+ VerticalOptions = LayoutOptions.Center
+ }, 2, 1);
+
+ // Row 2
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.SteelBlue
+ }, 0, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Lower left",
+ HorizontalOptions = LayoutOptions.Start,
+ VerticalOptions = LayoutOptions.End
+ }, 0, 2);
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.LightBlue
+ }, 1, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Lower center",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.End
+ }, 1, 2);
+
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.BlueViolet
+ }, 2, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Lower right",
+ HorizontalOptions = LayoutOptions.End,
+ VerticalOptions = LayoutOptions.End
+ }, 2, 2);
+
+ Title = "Grid alignment demo";
+ Content = grid;
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridSpacingPageCS.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridSpacingPageCS.cs
new file mode 100644
index 0000000000..c1df2256b0
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/Code/GridSpacingPageCS.cs
@@ -0,0 +1,90 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public class GridSpacingPageCS : ContentPage
+ {
+ public GridSpacingPageCS()
+ {
+ Grid grid = new Grid
+ {
+ RowSpacing = 0,
+ ColumnSpacing = 0,
+ RowDefinitions =
+ {
+ new RowDefinition { Height = new GridLength(2, GridUnitType.Star) },
+ new RowDefinition(),
+ new RowDefinition { Height = new GridLength(100) }
+ },
+ ColumnDefinitions =
+ {
+ new ColumnDefinition(),
+ new ColumnDefinition()
+ }
+ };
+
+ // Row 0
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Green
+ });
+ grid.Children.Add(new Label
+ {
+ Text = "Row 0, Column 0",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ });
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Blue
+ }, 1, 0);
+ grid.Children.Add(new Label
+ {
+ Text = "Row 0, Column 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 1, 0);
+
+ // Row 1
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Teal
+ }, 0, 1, 1, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Row 1, Column 0",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 0, 1, 1, 2);
+ grid.Children.Add(new BoxView
+ {
+ Color = Color.Purple
+ }, 1, 2, 1, 2);
+ grid.Children.Add(new Label
+ {
+ Text = "Row1, Column 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ }, 1, 2, 1, 2);
+
+ // Row 2
+ BoxView boxView = new BoxView { Color = Color.Red };
+ Grid.SetRow(boxView, 2);
+ Grid.SetColumnSpan(boxView, 2);
+ Label label = new Label
+ {
+ Text = "Row 2, Column 0 and 1",
+ HorizontalOptions = LayoutOptions.Center,
+ VerticalOptions = LayoutOptions.Center
+ };
+ Grid.SetRow(label, 2);
+ Grid.SetColumnSpan(label, 2);
+
+ grid.Children.Add(boxView);
+ grid.Children.Add(label);
+
+ Title = "Basic Grid demo";
+ Content = grid;
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml
new file mode 100644
index 0000000000..5e558c00c4
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml.cs
new file mode 100644
index 0000000000..8772479800
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/BasicGridPage.xaml.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public partial class BasicGridPage : ContentPage
+ {
+ public BasicGridPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml
new file mode 100644
index 0000000000..188c365937
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml.cs
new file mode 100644
index 0000000000..01726601b4
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/CalculatorPage.xaml.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public partial class CalculatorPage : ContentPage
+ {
+ public CalculatorPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml
new file mode 100644
index 0000000000..fa584f37bf
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml.cs
new file mode 100644
index 0000000000..6cc7ec4cc4
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/ColorSlidersGridPage.xaml.cs
@@ -0,0 +1,17 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public partial class ColorSlidersGridPage : ContentPage
+ {
+ public ColorSlidersGridPage()
+ {
+ InitializeComponent();
+ }
+
+ void OnSliderValueChanged(object sender, ValueChangedEventArgs e)
+ {
+ boxView.Color = new Color(redSlider.Value, greenSlider.Value, blueSlider.Value);
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml
new file mode 100644
index 0000000000..a6efeb59eb
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml.cs
new file mode 100644
index 0000000000..6c2a3462f9
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridAlignmentPage.xaml.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public partial class GridAlignmentPage : ContentPage
+ {
+ public GridAlignmentPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml
new file mode 100644
index 0000000000..1416a09b00
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml.cs
new file mode 100644
index 0000000000..a58c21ef0b
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/GridSpacingPage.xaml.cs
@@ -0,0 +1,12 @@
+using Xamarin.Forms;
+
+namespace GridDemos.Views
+{
+ public partial class GridSpacingPage : ContentPage
+ {
+ public GridSpacingPage()
+ {
+ InitializeComponent();
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml
new file mode 100644
index 0000000000..da1d0d13c0
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml.cs b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml.cs
new file mode 100644
index 0000000000..62dad813c4
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/GridDemos/Views/XAML/MainPage.xaml.cs
@@ -0,0 +1,25 @@
+using System;
+using System.Windows.Input;
+using Xamarin.Forms;
+
+namespace GridDemos
+{
+ public partial class MainPage : ContentPage
+ {
+ public ICommand NavigateCommand { get; private set; }
+
+ public MainPage()
+ {
+ InitializeComponent();
+
+ NavigateCommand = new Command(
+ async (Type pageType) =>
+ {
+ Page page = (Page)Activator.CreateInstance(pageType);
+ await Navigation.PushAsync(page);
+ });
+
+ BindingContext = this;
+ }
+ }
+}
diff --git a/UserInterface/Layout/GridDemos/README.md b/UserInterface/Layout/GridDemos/README.md
new file mode 100755
index 0000000000..c55d5749cf
--- /dev/null
+++ b/UserInterface/Layout/GridDemos/README.md
@@ -0,0 +1,20 @@
+---
+name: Xamarin.Forms - Grid
+description: "This sample demonstrates how to use the Xamarin.Forms Grid (UI)"
+page_type: sample
+languages:
+- csharp
+products:
+- xamarin
+extensions:
+ tags:
+ - ui
+urlFragment: userinterface-griddemos
+---
+# Grid
+
+This sample demonstrates how to use the Xamarin.Forms `Grid`.
+
+For more information about this sample, see [Xamarin.Forms Grid](https://docs.microsoft.com/xamarin/xamarin-forms/user-interface/layouts/grid).
+
+
diff --git a/UserInterface/Layout/GridDemos/Screenshots/01All.png b/UserInterface/Layout/GridDemos/Screenshots/01All.png
new file mode 100644
index 0000000000..8009afc94f
Binary files /dev/null and b/UserInterface/Layout/GridDemos/Screenshots/01All.png differ
diff --git a/UserInterface/Layout/StackLayoutDemos/README.md b/UserInterface/Layout/StackLayoutDemos/README.md
index 3fa4779c22..51d64ff112 100755
--- a/UserInterface/Layout/StackLayoutDemos/README.md
+++ b/UserInterface/Layout/StackLayoutDemos/README.md
@@ -11,7 +11,7 @@ extensions:
- ui
urlFragment: userinterface-stacklayoutdemos
---
-# CarouselView
+# StackLayout
This sample demonstrates how to use the Xamarin.Forms `StackLayout`.