From 9d50826c1886c1abbebb953044ff85f369998b17 Mon Sep 17 00:00:00 2001
From: "Frank A. Krueger" <fak@praeclarum.org>
Date: Sun, 10 Dec 2017 20:17:35 -0800
Subject: [PATCH] Improve the XAML Editor

---
 Samples/XamlPreviewPage.xaml    |  9 +++++++--
 Samples/XamlPreviewPage.xaml.cs | 12 ++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/Samples/XamlPreviewPage.xaml b/Samples/XamlPreviewPage.xaml
index 93adffc..a96fa29 100644
--- a/Samples/XamlPreviewPage.xaml
+++ b/Samples/XamlPreviewPage.xaml
@@ -3,6 +3,7 @@
 	<ContentPage.Content>
         <Grid>
             <Grid.RowDefinitions>
+                <RowDefinition Height="auto" />
                 <RowDefinition Height="*" />
             </Grid.RowDefinitions>
             <Grid.ColumnDefinitions>
@@ -10,8 +11,12 @@
                 <ColumnDefinition Width="*" />
             </Grid.ColumnDefinitions>
 
-            <Editor x:Name="editor" FontFamily="monospace" Grid.Row="0" Grid.Column="0" />
-            <ContentView x:Name="results" Grid.Row="0" Grid.Column="1" BackgroundColor="White" />
+            <StackLayout Orientation="Vertical" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
+                <Label Text="Xamarin.Forms XAML Editor" FontSize="24" FontAttributes="Bold" Margin="8,8,8,0" />
+                <Label Text="Edit the XAML below to see a live preview on the right" Margin="8,0,8,8" />
+            </StackLayout>
+            <Editor x:Name="editor" FontFamily="monospace" FontSize="12" Grid.Row="1" Grid.Column="0" />
+            <ContentView x:Name="results" Grid.Row="1" Grid.Column="1" BackgroundColor="White" />
         </Grid>
 	</ContentPage.Content>
 </ContentPage>
diff --git a/Samples/XamlPreviewPage.xaml.cs b/Samples/XamlPreviewPage.xaml.cs
index 08462bd..9059a88 100644
--- a/Samples/XamlPreviewPage.xaml.cs
+++ b/Samples/XamlPreviewPage.xaml.cs
@@ -23,10 +23,14 @@ namespace Samples
     <ColumnDefinition Width=""*"" />
     <ColumnDefinition Width=""*"" />
   </Grid.ColumnDefinitions>
-  <Label Text=""Top Left"" Grid.Row=""0"" Grid.Column=""0"" />
-  <Label Text=""Top Right"" Grid.Row=""0"" Grid.Column=""1"" />
-  <Label Text=""Bottom Left"" Grid.Row=""1"" Grid.Column=""0"" />
-  <Label Text=""Bottom Right"" Grid.Row=""1"" Grid.Column=""1"" />
+  <StackLayout Grid.Row=""0"" Grid.Column=""0"">
+    <Label Text=""Top Left"" />
+    <Entry Placeholder=""I'm ready for some text"" />
+    <Button Text=""I'm a button, but I don't do anything"" />
+  </StackLayout>
+  <Label Text=""Top Right"" Grid.Row=""0"" Grid.Column=""1"" TextColor=""White"" BackgroundColor=""#c5000b"" />
+  <Label Text=""Bottom Left"" Grid.Row=""1"" Grid.Column=""0"" TextColor=""Black"" BackgroundColor=""#ffd320"" />
+  <Label Text=""Bottom Right"" Grid.Row=""1"" Grid.Column=""1"" TextColor=""White"" BackgroundColor=""#008000"" />
 </Grid>
 </ContentView>";
             editor.TextChanged += (sender, e) => DisplayXaml ();