<! -- Contentpanel-place additional content here -->
<Grid X: Name = "contentpanel" grid. Row = "1" margin = "12,0, 12,0">
<Grid. rowdefinitions>
<Rowdefinition Height = ". 8 *"> </rowdefinition>
<Rowdefinition Height = ". 2 *"> </rowdefinition>
</Grid. rowdefinitions>
<Image Source = "assets/splashimage.jpg" verticalalignment = "center" horizontalalignment = "center" width = "471" Height = "492"> </image>
<Button content = "start! "Name =" startbutton "grid. Row =" 1 "verticalalignment =" center "horizontalalignment =" center "> </button>
</GRID>
<! -- Contentpanel-place additional content here -->
<Grid X: Name = "contentpanel" grid. Row = "1" margin = "12,0, 12,0">
Here is the definition of rows. 8 *. 2 * indicates that a row occupies 80% places and a row occupies 20% places.
<Grid. rowdefinitions>
<Rowdefinition Height = ". 8 *"> </rowdefinition>
<Rowdefinition Height = ". 2 *"> </rowdefinition>
</Grid. rowdefinitions>
Here is the content section, which is displayed according to the preceding row layout.
<Image Source = "assets/splashimage.jpg" verticalalignment = "center" horizontalalignment = "center" width = "471" Height = "492"> </image>
<Button content = "start! "Name =" startbutton "grid. Row =" 1 "verticalalignment =" center "horizontalalignment =" center "> </button>
</GRID>