diff --git "a/hackerton_button/button sample \341\204\211\341\205\245\341\206\257\341\204\206\341\205\247\341\206\274.pptx" "b/hackerton_button/button sample \341\204\211\341\205\245\341\206\257\341\204\206\341\205\247\341\206\274.pptx"
new file mode 100644
index 0000000..2f27377
Binary files /dev/null and "b/hackerton_button/button sample \341\204\211\341\205\245\341\206\257\341\204\206\341\205\247\341\206\274.pptx" differ
diff --git a/hackerton_button/res/layout/XamlPage.xaml b/hackerton_button/res/layout/XamlPage.xaml
index 5d57bc7..dbf576d 100755
--- a/hackerton_button/res/layout/XamlPage.xaml
+++ b/hackerton_button/res/layout/XamlPage.xaml
@@ -8,41 +8,51 @@
   HeightSpecification="-1" >
 
   <View.Layout>
-    <LinearLayout LinearOrientation="Vertical" CellPadding="0, 35"/>
+    <LinearLayout LinearOrientation="Horizontal" CellPadding="0, 20"/>
   </View.Layout>
-
-  <TextLabel x:Name="OutputText"
+  
+  <View
+    Weight="0.5"
     WidthSpecification="-1"
-    HeightSpecification="120"
-    BackgroundColor="#EEEEEE"
-    MultiLine="True"
-    Ellipsis="False"
-    VerticalAlignment="Bottom" />
-
-  <!-- Button example -->
-  <c:Button x:Name="Button1" Text="Touch me" Clicked="OnButtonClicked" />
+    HeightSpecification="-1">
 
-  <!-- CheckBox example -->
-  <View>
     <View.Layout>
-      <LinearLayout LinearOrientation="Vertical" CellPadding="0, 10"/>
+      <LinearLayout LinearOrientation="Vertical" CellPadding="0, 35"/>
     </View.Layout>
-    <c:CheckBox x:Name="Check1" Text="check 1" SelectedChanged="OnCheckBoxChanged" />
-    <c:CheckBox x:Name="Check2" Text="check 2" SelectedChanged="OnCheckBoxChanged" />
-  </View>
 
-  <!-- RadioButton example -->
-  <View c:RadioButtonGroup.IsGroupHolder="True">
-    <View.Layout>
-      <LinearLayout LinearOrientation="Vertical" CellPadding="0, 10"/>
-    </View.Layout>
-    <c:RadioButton x:Name="Radio1" Text="radio 1" IsSelected="True"/>
-    <c:RadioButton x:Name="Radio2" Text="radio 2" />
-    <c:RadioButton x:Name="Radio3" Text="radio 3" />
-  </View>
+    <!-- Button example -->
+    <c:Button x:Name="Button1" Text="Touch me" Clicked="OnButtonClicked" />
+
+    <!-- CheckBox example -->
+    <View>
+      <View.Layout>
+        <LinearLayout LinearOrientation="Vertical" CellPadding="0, 10"/>
+      </View.Layout>
+      <c:CheckBox x:Name="Check1" Text="check 1" SelectedChanged="OnCheckBoxChanged" />
+      <c:CheckBox x:Name="Check2" Text="check 2" SelectedChanged="OnCheckBoxChanged" />
+    </View>
+
+    <!-- RadioButton example -->
+    <View c:RadioButtonGroup.IsGroupHolder="True">
+      <View.Layout>
+        <LinearLayout LinearOrientation="Vertical" CellPadding="0, 10"/>
+      </View.Layout>
+      <c:RadioButton x:Name="Radio1" Text="radio 1" IsSelected="True"/>
+      <c:RadioButton x:Name="Radio2" Text="radio 2" />
+      <c:RadioButton x:Name="Radio3" Text="radio 3" />
+    </View>
 
-  <!-- Switch example -->
-  <c:Switch x:Name="Switch1" Text="switch 1" SelectedChanged="OnSwitchChanged"/>
-  <c:Switch x:Name="Switch2" Text="switch 2" IconRelativeOrientation="Right" SelectedChanged="OnSwitchChanged"/>
+    <!-- Switch example -->
+    <c:Switch x:Name="Switch1" Text="switch 1" SelectedChanged="OnSwitchChanged"/>
+    <c:Switch x:Name="Switch2" Text="switch 2" IconRelativeOrientation="Right" SelectedChanged="OnSwitchChanged"/>
+  
+  </View>
 
+  <TextEditor x:Name="OutputText"
+    Weight="0.5"
+    WidthSpecification="-1"
+    HeightSpecification="-1"
+    BackgroundColor="#EEEEEE"
+    EnableEditing="False"
+    PrimaryCursorPosition="99999" />
 </View>