sample directory

34 files changed, 2940 insertions, 0 deletions

diff --git a/Samples/ShowCase/ui/divers/0.crow b/Samples/ShowCase/ui/divers/0.crow
new file mode 100755
index 00000000..e7cf3e2f
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/0.crow
@@ -0,0 +1,162 @@
+<?xml version="1.0"?>
+<Window Caption="Showcase" Height="90%" Width="90%">
+	<HorizontalStack >
+		<VerticalStack Width="30%" Margin="5">
+			<GroupBox Caption="Performance" Height="Fit">
+				<VerticalStack DataSource="{drawingMeasure}" Width="90%" Height="Fit" Spacing="2" >
+					<HorizontalStack Height="Fit" Tooltip="Frame per second">
+						<Label Text="Fps:" Style="FpsLabel"/>
+						<Label Text="{minimum}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit" Tooltip="Minimum Frame per second">
+						<Label Text="Min:" Style="FpsLabel"/>
+						<Label Text="{fpsMin}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit" Tooltip="Maximum Frame per second">
+						<Label Text="Max:" Style="FpsLabel"/>
+						<Label Text="{fpsMax}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit" Tooltip="Update loop duration">
+						<Label Text="Update:" Style="FpsLabel"/>
+						<Label Text="{update}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit" Tooltip="Layouting process duration">
+						<Label Text="Layouting:" Style="FpsLabel"/>
+						<Label Text="{layouting}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit" Tooltip="Clipping duration">
+						<Label Text="Clipping:" Style="FpsLabel"/>
+						<Label Text="{clipping}" Style="FpsDisp"/>
+					</HorizontalStack>
+					<HorizontalStack Height="Fit">
+						<Label Text="Drawing:" Style="FpsLabel"/>
+						<Label Text="{drawing}" Style="FpsDisp"/>
+					</HorizontalStack>
+				</VerticalStack>
+			</GroupBox>
+			<Label Width="Stretched" Margin="3" Background="DimGrey"/>
+			<TextBox Text="TextBox" Multiline="true" Margin="3"/>
+			<HorizontalStack Height="Fit" Margin="5" Background="DimGrey" CornerRadius="10">
+				<VerticalStack Spacing="5" Width="50%">
+					<CheckBox Fit="true" Caption="test"/>
+					<CheckBox Fit="true"/>
+					<CheckBox Fit="true"/>
+					<CheckBox Fit="true" IsChecked="true"/>
+				</VerticalStack>
+				<VerticalStack Spacing="5" Width="50%">
+					<RadioButton Fit="true"/>
+					<RadioButton Fit="true" IsChecked="true"/>
+					<RadioButton Fit="true"/>
+					<RadioButton Fit="true"/>
+				</VerticalStack>
+			</HorizontalStack>
+			<HorizontalStack Height="Fit" Margin="5">
+				<Label Text="MouseEvents" Width="50%" Margin="3" Focusable="true"
+					Background="Jet"
+					Foreground="DimGrey"
+					TextAlignment="Center"
+					MouseEnter="{Foreground=White}"
+					MouseLeave="{Foreground=DimGrey}"
+					MouseDown="{Background=DarkRed}"
+					MouseClick="{Foreground=Green}"
+					MouseDoubleClick="{Foreground=Yellow}"
+					MouseUp="{Background=Jet}"/>
+				<Label Text="MouseEvents" Width="50%" Margin="3"
+					Background="Jet"
+					Foreground="DimGrey"
+					TextAlignment="Center"
+					MouseClick="{Foreground=Green}"
+					MouseDoubleClick="{Foreground=Yellow}"
+					MouseEnter="{Foreground=White}"
+					MouseLeave="{Foreground=DimGrey}"
+					MouseDown="{Background=SeaGreen}"
+					MouseUp="{Background=DimGrey}"/>
+			</HorizontalStack>
+			<GroupBox Caption="Templated controls" Height="Fit" Margin="5">
+				<HorizontalStack Height="Fit">
+					<VerticalStack Width="50%">
+						<CheckBox IsChecked="true" Style="CheckBox2"/>
+						<CheckBox Style="CheckBox2"/>
+						<CheckBox Style="CheckBox2"/>
+						<CheckBox Style="CheckBox2"/>
+					</VerticalStack>
+					<Splitter/>
+					<VerticalStack Width="50%">
+						<RadioButton Style="RadioButton2"/>
+						<RadioButton Style="RadioButton2"/>
+						<RadioButton Style="RadioButton2"/>
+						<RadioButton Style="RadioButton2"/>
+					</VerticalStack>
+				</HorizontalStack>
+			</GroupBox>
+			<HorizontalStack Height="Fit">
+				<Label Text="Spinner"/>
+				<Spinner Fit="true"/>
+			</HorizontalStack>
+			<HorizontalStack Height="Fit">
+				<Button Caption="Button"/>
+				<Button Caption="Button" IsEnabled="false"/>
+			</HorizontalStack>
+		</VerticalStack>
+		<Splitter/>
+		<VerticalStack Width="40%" Margin="5" Spacing="5">
+			<Expandable>
+				<Image Path="#Crow.Icons.crow.svg"/>
+			</Expandable>
+			<Popper>
+				<Border Fit="True" Background="DimGrey" CornerRadius="0" BorderWidth="1">
+					<Image Path="#Crow.Icons.crow.svg" Width="100" Height="100" Margin="10"
+						MouseEnter="{Background=LightGrey}"
+						MouseLeave="{Background=Transparent}"/>
+				</Border>
+			</Popper>
+			<Slider Height="10" Width="90%"/>
+			<Container Height="Fit" Width="200" Background="DimGrey" Margin="2" CornerRadius="5">
+				<ProgressBar Background="DimGrey" Height="10" Value="50"/>
+			</Container>
+			<Image Path="#Crow.Icons.crow.svg" Width="60" Height="60" Background="LightGrey" />
+<!--			<TabView Name="tabview1"
+				Height="120" Orientation="Horizontal" Spacing="15">
+				<TabItem Name="TabItem1" Caption="Tab 1" Margin="0">
+					<VerticalStack Fit="true">
+						<CheckBox/>
+						<CheckBox/>
+						<CheckBox/>
+						<CheckBox/>
+					</VerticalStack>
+				</TabItem>
+				<TabItem Name="TabItem2" Caption="Tab 2" Background="Grey">
+					<VerticalStack Fit="true">
+						<RadioButton/>
+						<RadioButton/>
+						<RadioButton/>
+						<RadioButton/>
+					</VerticalStack>
+				</TabItem>
+				<TabItem Name="TabItem3" Caption="Tab 3" Background="Grey">
+					<Container Margin="5" CornerRadius="2">
+						<TextBox Height="Stretched" Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+					</Container>
+				</TabItem>
+			</TabView>-->
+			<MessageBox Movable="false"/>
+			<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Margin="5" Fit="True" />
+			<Widget Name="go" Width="100" Height="60" Background="{../../colorList.SelectedItem}"/>
+			<Label Text="{../colorPicker.SelectedColor}"/>
+		</VerticalStack>
+		<Splitter/>
+		<VerticalStack Width="30%" Margin="5">
+<!--			<Border Margin="5" Height="Fit">
+				<Label Width="Stretched" Margin="1" Text="{../../dv.SelectedItem}"/>
+			</Border>
+			<Border Margin="5" Height="30%">
+				<DirectoryView Name="dv" CurrentDirectory="/" Margin="1"/>
+			</Border>
+			<Splitter/>-->
+			<ListBox Name="colorList" Data="{TestList}" Margin="5"
+					 ItemTemplate="Interfaces/colorItem.crow"
+					 Template="#Crow.ScrollingListBox.template"
+					 />
+		</VerticalStack>
+	</HorizontalStack>
+</Window>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/2.crow b/Samples/ShowCase/ui/divers/2.crow
new file mode 100755
index 00000000..b4a06b68
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/2.crow
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+	<TextBox Font="droid, 20" Text="test text box" Width="Stretched"/>
+	<HorizontalStack Margin="5" Fit="true" MouseEnter="{Background=White}" MouseLeave="{Background=Transparent}">
+		<Label Text="centered" Width="80" Height="30" Background="DarkBlue" TextAlignment="Center"/>
+		<Label Text="top left" Width="80" Height="30" Background="DarkBlue" TextAlignment="TopLeft"/>
+		<Label Text="top right" Width="80" Height="30" Background="DarkBlue" TextAlignment="TopRight"/>
+		<Label Text="right center" Width="80" Height="30" Background="DarkBlue" TextAlignment="Right"/>
+		<Label Text="bottom left" Width="80" Height="30" Background="DarkBlue" TextAlignment="BottomLeft"/>
+		<Label Text="bottom center" Width="80" Height="30" Background="DarkBlue" TextAlignment="Bottom"/>
+		<Label Text="bottom right" Width="80" Height="30" Background="DarkBlue" TextAlignment="BottomRight"/>
+	</HorizontalStack>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/3.crow b/Samples/ShowCase/ui/divers/3.crow
new file mode 100755
index 00000000..a1f5e95d
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/3.crow
@@ -0,0 +1,377 @@
+<?xml version="1.0"?>
+<HorizontalStack Fit="true">	
+	<VerticalStack Fit="true" Name="vsFps"  Spacing="10" >
+		<ProgressBar CornerRadius="5" Background="DimGrey" Margin="1" Maximum="1000" Value="{fps}" Width="200" Height="15"/>
+		<HorizontalStack Fit="true">
+			<Label Text="Memory:" Width="50" TextAlignment="Right"/>
+			<Label Text="{memory}" Font="droid,12" TextAlignment="Center"
+				Background="vgradient|0:RoyalBlue|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Fit="true" Name="vsFps"  Spacing="10" >
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Fit="true" Name="vsFps"  Spacing="10" >
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Fit="true" Name="vsFps"  Spacing="10" >
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Update:" Width="50" TextAlignment="Right"/>
+			<Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+			<Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+			<Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+			<Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" 
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Min:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+		<HorizontalStack Fit="true">
+			<Label Text="Max:" Width="50" TextAlignment="Right"/>
+			<Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+				Background="vgradient|0:SeaGreen|1:Black"/>
+		</HorizontalStack>
+	</VerticalStack>
+</HorizontalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/4.crow b/Samples/ShowCase/ui/divers/4.crow
new file mode 100755
index 00000000..ca696622
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/4.crow
@@ -0,0 +1,1695 @@
+<?xml version="1.0"?>
+<HorizontalStack>	
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="15%">
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Memory:" Style="labPerf" />
+			<Label Text="{memory}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Update:" Style="labPerf" />
+			<Label Text="{update}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Layouting:" Style="labPerf" />
+			<Label Text="{layouting}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Drawing:" Style="labPerf" />
+			<Label Text="{drawing}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Fps:" Style="labPerf" />
+			<Label Text="{fps}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Min:" Style="labPerf" />
+			<Label Text="{fpsMin}" Style="labPerfVal"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit">
+			<Label Text="Max:" Style="labPerf" />
+			<Label Text="{fpsMax}" Style="labPerfVal"/>
+		</HorizontalStack>
+	</VerticalStack>
+</HorizontalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/5.crow b/Samples/ShowCase/ui/divers/5.crow
new file mode 100755
index 00000000..7e3df064
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/5.crow
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<HorizontalStack Fit="true" Margin="5">
+	<VerticalStack Fit="true" Margin="2" Spacing="2">
+		<TextRun Text="text run test"/>
+<!--		<Label Text="label test"/>
+		<TextBox Text="text box test"/>
+		<Button Caption="test button"/>-->
+<!--		<CheckBox Caption="test checkbox"/>
+		<RadioButton Caption="test radiobutton"/>
+		<ComboBox/>
+		<Popper Caption="test popper">
+			<Label Text="label test"/>
+		</Popper>
+		<Expandable Caption="test expandable">
+			<Label Text="label test"/>
+		</Expandable>
+		<Border >
+			<Label Text="border test" Margin="3"/>
+		</Border>
+		<GroupBox Caption="Group box" >
+			<Label Text="border test" Margin="3"/>
+		</GroupBox>
+		<Container Fit="true" Background="DimGrey" Margin="3">
+			<Widget Width="20" Height="20" Background="LightGrey"/>
+		</Container>-->
+<!--		<ProgressBar Height="10" Width="150" Background="DimGrey" Value="50" />
+		<Slider Value="5" Width="150" Height="10"/>
+		<ScrollBar Orientation="Horizontal" Maximum="100" Value="50" Height="16" Width="150"/>
+		<Spinner Value="100"/>-->
+	</VerticalStack>
+<!--	<VerticalStack Width="150" Height="Fit" Margin="2" Spacing="2">
+		<TextRun Text="text run test" Width="Stretched"/>
+		<Label Text="label test" Width="Stretched"/>
+		<TextBox Text="text box test" Width="Stretched"/>
+		<Button Caption="test button" Width="Stretched"/>
+		<CheckBox Caption="test checkbox" Width="Stretched"/>
+		<RadioButton Caption="test radiobutton" Width="Stretched"/>
+		<ComboBox Width="Stretched"/>
+		<Popper Caption="test popper" Width="Stretched">
+			<Label Text="label test"/>
+		</Popper>
+		<Expandable Caption="test expandable" Width="Stretched">
+			<Label Text="label test"/>
+		</Expandable>
+		<Border  Width="Stretched">
+			<Label Text="border test" Margin="3"/>
+		</Border>
+		<GroupBox Caption="Group box"  Width="Stretched">
+			<Label Text="border test" Margin="3"/>
+		</GroupBox>
+		<Container Height="Fit"  Width="Stretched" Background="DimGrey" Margin="3">
+			<Widget Width="20" Height="20" Background="LightGrey"/>
+		</Container>
+		<ProgressBar Height="10" Width="Stretched" Background="DimGrey" Value="50" />
+		<Slider Value="5" Width="Stretched" Height="10"/>
+		<ScrollBar Orientation="Horizontal" Maximum="100" Value="50" Height="16" Width="Stretched"/>
+		<Spinner Value="100"  Width="Stretched"/>
+	</VerticalStack>-->
+</HorizontalStack>
+<!--<HorizontalStack Fit="true" Background="RoyalBlue" Margin="5">
+	<Widget Background="Red" Width="30" Height="20"/>
+	<Spinner Maximum="10000000000" SmallIncrement="10" Value="0"/>
+	<Widget Background="Green" Width="30" Height="20"/>
+</HorizontalStack>-->
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/6.crow b/Samples/ShowCase/ui/divers/6.crow
new file mode 100755
index 00000000..f537a71d
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/6.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" Background="DimGrey" Margin="5">
+<!--	<RadioButton/>-->
+	<Label Text="a" Width="Stretched" Background="Red"/>
+	<Label Text="{fps}" HorizontalAlignment="Right" Background="LimeGreen"/>
+</VerticalStack>
diff --git a/Samples/ShowCase/ui/divers/clip0.crow b/Samples/ShowCase/ui/divers/clip0.crow
new file mode 100755
index 00000000..0dee2ef1
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/clip0.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<Container Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=Grey}"
+		MouseLeave="{Background=LimeGreen}">
+	<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="false"
+		MouseEnter="{Background=DimGrey}" Width="100"
+		MouseLeave="{Background=RoyalBlue}"
+	 	Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </Container>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/clip1.crow b/Samples/ShowCase/ui/divers/clip1.crow
new file mode 100755
index 00000000..bc4c9279
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/clip1.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<Container Fit="true" Margin="20" Background="SkyBlue" CacheEnabled="false"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=LightGrey}"
+		MouseLeave="{Background=SkyBlue}">
+		<Container Fit="true" Margin="20" Background="Red" CacheEnabled="true"
+			HorizontalAlignment="Right" VerticalAlignment="Bottom"
+			MouseEnter="{Background=White}"
+			MouseLeave="{Background=Red}">
+			<Container Fit="true" Margin="20" Background="Yellow" CacheEnabled="false"
+				HorizontalAlignment="Right" VerticalAlignment="Bottom"
+				MouseEnter="{Background=Blue}"
+				MouseLeave="{Background=Yellow}">
+				<Container Margin="50" Background="LimeGreen" CacheEnabled="true"
+						HorizontalAlignment="Right" VerticalAlignment="Bottom"
+						MouseEnter="{Background=Grey}"
+						MouseLeave="{Background=LimeGreen}">
+					<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+						MouseEnter="{Background=DimGrey}"
+						MouseLeave="{Background=RoyalBlue}" 
+					 	Margin="1" Text="{drawing}" Background="RoyalBlue"/>
+				</Container>
+			</Container>
+		</Container>
+ </Container>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/clip2.crow b/Samples/ShowCase/ui/divers/clip2.crow
new file mode 100755
index 00000000..9292150f
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/clip2.crow
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<Group Fit="true" Margin="50" Background="Yellow" CacheEnabled="true"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=DimGrey}"
+		MouseLeave="{Background=Yellow}">
+<Group Width="300" Height="200" Margin="50" Background="LimeGreen" CacheEnabled="false"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=Grey}"
+		MouseLeave="{Background=LimeGreen}">
+	<Label Left="10" HorizontalAlignment="Right" VerticalAlignment="Center" CacheEnabled="true"
+		MouseEnter="{Background=DimGrey}" Width="100"
+		MouseLeave="{Background=RoyalBlue}"
+	 	Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </Group>
+ </Group>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/clip3.crow b/Samples/ShowCase/ui/divers/clip3.crow
new file mode 100755
index 00000000..82a98881
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/clip3.crow
@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<Group Fit="true" Margin="50" Background="Yellow" CacheEnabled="true"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=DimGrey}"
+		MouseLeave="{Background=Yellow}">
+	<HorizontalStack Fit="true">
+		<VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+				HorizontalAlignment="Right" VerticalAlignment="Bottom"
+				MouseEnter="{Background=Grey}"
+				MouseLeave="{Background=LimeGreen}">
+			<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+				MouseEnter="{Background=DimGrey}" Width="100"
+				MouseLeave="{Background=RoyalBlue}"
+			 	Margin="10" Text="{fps}" Background="RoyalBlue"/>
+			<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+				MouseEnter="{Background=DimGrey}" Width="100"
+				MouseLeave="{Background=RoyalBlue}"
+			 	Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+		 </VerticalStack>
+		<VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+				HorizontalAlignment="Right" VerticalAlignment="Bottom"
+				MouseEnter="{Background=Grey}"
+				MouseLeave="{Background=LimeGreen}">
+			<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+				MouseEnter="{Background=DimGrey}" Width="100"
+				MouseLeave="{Background=RoyalBlue}"
+			 	Margin="10" Text="{fpsMax}" Background="RoyalBlue"/>
+			<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+				MouseEnter="{Background=DimGrey}" Width="100"
+				MouseLeave="{Background=RoyalBlue}"
+			 	Margin="10" Text="{fpsMin}" Background="RoyalBlue"/>
+		 </VerticalStack>
+	</HorizontalStack>
+ </Group>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/clip4.crow b/Samples/ShowCase/ui/divers/clip4.crow
new file mode 100755
index 00000000..5caaf771
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/clip4.crow
@@ -0,0 +1,58 @@
+<?xml version="1.0"?>
+<Border Fit="true" BorderWidth="2"  >
+<Scroller CornerRadius="2" Height="200" Width="300" Background="DimGrey" Margin="2">
+	<VerticalStack Margin="10" VerticalAlignment="Top" Fit="true" Background="vgradient|0:RoyalBlue|1:Black" >
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 1"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 2"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 3"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 4"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 5"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 6"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 7"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 8"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 9"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 10"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 11"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 12"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 13"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 14"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 15"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 16"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 17"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 18"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 19"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 20"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 21"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 22"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 23"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 24"/>
+		 <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 25"/>
+	</VerticalStack>
+</Scroller>
+</Border>
+<!--<VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+		HorizontalAlignment="Right" VerticalAlignment="Bottom"
+		MouseEnter="{Background=Grey}"
+		MouseLeave="{Background=LimeGreen}">
+
+		<CheckBox Margin="20" Background="RoyalBlue"/>
+		<CheckBox/>
+		<CheckBox/>
+		<CheckBox/>
+		<CheckBox/>
+		<RadioButton/>
+		<RadioButton/>
+		<RadioButton/>
+		<RadioButton/>
+		<RadioButton/>
+		<CheckBox/>
+
+	<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+		MouseEnter="{Background=DimGrey}" Width="100"
+		MouseLeave="{Background=RoyalBlue}"
+	 	Margin="10" Text="{fps}" Background="RoyalBlue"/>
+	<Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+		MouseEnter="{Background=DimGrey}" Width="100"
+		MouseLeave="{Background=RoyalBlue}"
+	 	Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </VerticalStack>-->
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/colorPicker.crow b/Samples/ShowCase/ui/divers/colorPicker.crow
new file mode 100755
index 00000000..afdef146
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/colorPicker.crow
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<VerticalStack>
+	<ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Background="DimGrey" Margin="5" Fit="True" />
+	<Widget Name="go" Width="100" Height="60" Background="DarkBlue"/>
+	<Widget Name="go" Width="100" Height="60" Background="{../colorPicker.SelectedColor}"/>
+	<Label Text="{../colorPicker.SelectedColor}"/>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/fps.crow b/Samples/ShowCase/ui/divers/fps.crow
new file mode 100755
index 00000000..1d515a15
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/fps.crow
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<Border Fit="true" CornerRadius="5" BorderWidth="1">
+	<Container Name="MainGrp" Background="0.5,0.5,0.5,0.4" Width="120" Fit="true"
+		Margin="10" Focusable="True" >
+			<VerticalStack Fit="true" Name="vsFps"  Spacing="10" >
+				<HorizontalStack Fit="true">
+					<Label Text="Update:" Width="50" TextAlignment="Right"/>
+					<Label Margin="5" Name="labUpdate" Text="{update}" Font="droid,12" Background="SeaGreen" Width="50" TextAlignment="Center"/>
+				</HorizontalStack>
+				<HorizontalStack Fit="true">
+					<Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+					<Label Margin="5" Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" Background="SeaGreen"/>
+				</HorizontalStack>
+				<HorizontalStack Fit="true">
+					<Label Text="Min:" Width="50" TextAlignment="Right"/>
+					<Label Margin="5" Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center" Background="SeaGreen"/>
+				</HorizontalStack>
+				<HorizontalStack Fit="true">
+					<Label Text="Max:" Width="50" TextAlignment="Right"/>
+					<Label Margin="5" Text="{fpsMax}" Font="droid , 12" Background="SeaGreen" Width="50" TextAlignment="Center"/>
+				</HorizontalStack>
+			</VerticalStack>
+	</Container>
+</Border>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/perfMeasures.crow b/Samples/ShowCase/ui/divers/perfMeasures.crow
new file mode 100755
index 00000000..d2d5138f
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/perfMeasures.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Window Focusable="true" Caption="Measures" Width="30%" Height="300" MinimumSize="100,100">
+	<ListBox Data="{PerfMeasures}"
+		ItemTemplate="#ui.perfMsr.crow"/>
+</Window>
diff --git a/Samples/ShowCase/ui/divers/test1.1.crow b/Samples/ShowCase/ui/divers/test1.1.crow
new file mode 100755
index 00000000..e6f8e2af
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/test1.1.crow
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<Group Name="TopGroup" Width="500" Height="400" Margin="5"
+	Focusable="True" Background="Yellow">
+	<Group Name="InnerGroup" Width="Fit" Height="Fit" Margin="50" 
+		VerticalAlignment="Top" HorizontalAlignment="Left"
+		Focusable="True" Background="Green">
+		<Image VerticalAlignment="Bottom"			
+			Name="PhaseOverlay1" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+		<Image Top="100"		
+			Name="PhaseOverlay2" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+	</Group>
+	<Image VerticalAlignment="Center" HorizontalAlignment="Right"
+		Name="PhaseOverlay0" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+
+</Group>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/test1.2.crow b/Samples/ShowCase/ui/divers/test1.2.crow
new file mode 100755
index 00000000..00fb7d22
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/test1.2.crow
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<Container Background="Green" Height="400" Width="400">
+<VerticalStack Margin="10" Background="DarkBlue" Height="Fit" Width="Stretched">
+	<Label Text="label11" Width="Stretched"/>
+	<Label Text="label21"/>
+	<HorizontalStack Width="Fit" Height="Fit" Margin="5"
+		Focusable="True" Background="Blue">
+		<Label Text="label12"/>
+		<Label Text="label22"/>
+		<Label Text="label32"/>
+		<Label Text="label42"/>
+		<Label Text="label52"/>
+	</HorizontalStack>
+	<Label Text="label33" Background="Green" Width="Stretched"/>
+	<Button/>
+	<Label Text="label43"/>
+	<Label Text="label53"/>
+
+</VerticalStack>
+</Container>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/test1.crow b/Samples/ShowCase/ui/divers/test1.crow
new file mode 100755
index 00000000..74da4726
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/test1.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<Container Name="TopContainer" Width="400" Height="350"
+	Margin="20" Focusable="True" Background="Yellow">
+	<Container Name="MiddleContainer" Width="50%" Height="Stretched"
+		Margin="20" Focusable="True" Background="Green">
+			<Image VerticalAlignment="Bottom"			
+				Name="PhaseOverlay" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+	</Container>
+</Container>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/test2WayBinding.crow b/Samples/ShowCase/ui/divers/test2WayBinding.crow
new file mode 100755
index 00000000..cf76f72b
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/test2WayBinding.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+	<CheckBox IsChecked="{²BoolVal}"/>
+	<CheckBox Caption="second" IsChecked="{²BoolVal}"/>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testBind0.crow b/Samples/ShowCase/ui/divers/testBind0.crow
new file mode 100755
index 00000000..d8991c71
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testBind0.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+	<TextBox Text="{Datas}" Width="100" />
+	<Button Text="Set Text to Null" MouseClick="onSetDataToNull"/>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testCtxMenu.crow b/Samples/ShowCase/ui/divers/testCtxMenu.crow
new file mode 100755
index 00000000..5fd6072a
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testCtxMenu.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Widget Margin="10" Width="50%" Height="50%" Focusable="true"
+		Background="hgradient|0:Red|0.25:Blue|0.5:Green|0.75:Yellow|1:Red"
+		MinimumSize="50,50" ContextCommands="{Commands}"/>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testDisable.crow b/Samples/ShowCase/ui/divers/testDisable.crow
new file mode 100644
index 00000000..68d1cebb
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testDisable.crow
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" VerticalAlignment="Top" Background="0.7,0.7,0.7,0.5"
+	Margin="10" CornerRadius="10" ClipToClientRect="false">
+	<Label Font="20" Text="Enable / Disable test"/>
+	<Label Text="{fps}" IsEnabled="false" Font="30"/>
+	<Label Text="{fps}" IsEnabled="true" Font="30"/>
+		<Label Text="{fps}" IsEnabled="false" Font="30" Background="SeaGreen"/>
+	<Label Text="{fps}" IsEnabled="true" Font="30" Background="SeaGreen"/>
+	<Button Caption="Button" IsEnabled="true" Background="Grey"/>
+	<Button Caption="Button" IsEnabled="false" Background="Grey"/>
+	<Button Caption="Button" IsEnabled="true" />
+	<Button Caption="Button" IsEnabled="false" />
+	<Spinner Fit="true"/>
+	<Spinner IsEnabled="false" Fit="true"/>
+	<CheckBox/>
+	<CheckBox IsEnabled="false"/>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testFileDialog.crow b/Samples/ShowCase/ui/divers/testFileDialog.crow
new file mode 100644
index 00000000..868baf63
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testFileDialog.crow
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<FileDialog Caption="Open File" CurrentDirectory="/" SearchPattern="*.*"/>
+
diff --git a/Samples/ShowCase/ui/divers/testFocus.crow b/Samples/ShowCase/ui/divers/testFocus.crow
new file mode 100755
index 00000000..1f262631
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testFocus.crow
@@ -0,0 +1,82 @@
+<?xml version="1.0"?>
+<VerticalStack>
+	<Menu>
+		<MenuItem Caption="File" Width="Fit">
+			<MenuItem Command="{CMDTest}"/>
+			<MenuItem Caption="Open"/>
+			<MenuItem Caption="Save"/>
+			<MenuItem Caption="Quit"/>
+		</MenuItem>
+		<MenuItem Caption="Edit" Name="edit" Width="Fit">
+			<MenuItem Caption="Cut"/>
+			<MenuItem Caption="Copy"/>
+			<MenuItem Caption="Paste"/>
+			<MenuItem Caption="Special" Name="special" Width="Fit">
+				<MenuItem Caption="Cut"/>
+				<MenuItem Caption="Copy"/>
+				<MenuItem Caption="Paste"/>
+			</MenuItem>
+			<MenuItem Caption="Special2" Name="special" Width="Fit">
+				<MenuItem Caption="Cut"/>
+				<MenuItem Caption="Copy"/>
+				<MenuItem Caption="Paste"/>
+			</MenuItem>
+		</MenuItem>
+		<MenuItem Caption="Help" Width="Fit">
+			<MenuItem Caption="About"/>
+			<MenuItem Caption="Help"/>
+		</MenuItem>
+	</Menu>
+	<HorizontalStack Height="Fit">
+		<Label Text="Hover:" Width="50" Foreground="Grey"/>
+		<Label Text="{HoverWidget}"/>
+	</HorizontalStack>
+	<HorizontalStack Height="Fit">
+		<Label Text="Focus:" Width="50" Foreground="Grey"/>
+		<Label Text="{FocusedWidget}"/>
+	</HorizontalStack>
+	<HorizontalStack Height="Fit">
+		<Label Text="Active:" Width="50" Foreground="Grey"/>
+		<Label Text="{ActiveWidget}"/>
+	</HorizontalStack>
+	<Container Fit="true" Margin="50" Background="SlateGrey">
+		<Label Text="MouseEvents" Margin="3" Focusable="true" Fit="true"
+			Background="Jet"
+			Foreground="DimGrey"
+			TextAlignment="Center"
+			MouseEnter="{Foreground=White}"
+			MouseLeave="{Foreground=DimGrey}"
+			MouseDown="{Background=DarkRed}"
+			MouseClick="{Foreground=Green}"
+			MouseDoubleClick="{Foreground=Yellow}"
+			MouseUp="{Background=Jet}"/>
+	</Container>
+	<TextBox Width="300" Margin="10"/>
+	<Slider Width="300" Height="12"/>
+	<ComboBox Data="{TestList}" Width="120">
+		<ItemTemplate DataType="Crow.Color">
+			<HorizontalStack
+						HorizontalAlignment="Left"
+						Height="Fit" Width="200" Margin="1" Focusable="true"
+						MouseEnter="{Background=hgradient|0:DarkRed|1:Transparent}"
+						MouseLeave="{Background=Transparent}">
+				<Widget Height="12" Width="20" Background="{}" Margin="0" CornerRadius="3"/>
+				<Label Text="{}" Margin="0" Width="Stretched"/>
+			</HorizontalStack>
+		</ItemTemplate>
+	</ComboBox>
+	<HorizontalStack Height="Fit" Margin="1" Background="DimGrey" Width="200">
+				<VerticalStack Spacing="2" Width="50%">
+					<CheckBox Caption="test" MouseEnter="{Background=Blue}" MouseLeave="{Background=Transparent}"/>
+					<CheckBox />
+					<CheckBox />
+					<CheckBox IsChecked="true"/>
+				</VerticalStack>
+				<VerticalStack Spacing="2" Width="50%">
+					<RadioButton Fit="true"/>
+					<RadioButton Fit="true" IsChecked="true"/>
+					<RadioButton Fit="true"/>
+					<RadioButton Fit="true"/>
+				</VerticalStack>
+			</HorizontalStack>
+</VerticalStack>
diff --git a/Samples/ShowCase/ui/divers/testIMLContainer.crow b/Samples/ShowCase/ui/divers/testIMLContainer.crow
new file mode 100644
index 00000000..2ba5f2cd
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testIMLContainer.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<IMLContainer Path="Interfaces/Divers/colorPicker.crow"/>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testImage.crow b/Samples/ShowCase/ui/divers/testImage.crow
new file mode 100755
index 00000000..ccdd87c0
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testImage.crow
@@ -0,0 +1,87 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="SCALED PROPORTIONNAL" Width="150"/>
+		<Image Width="10%" Height="Fit" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg"/>
+		<Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+		<Image Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image Margin="2" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+		<Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+	</HorizontalStack>
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="SCALED NOT PROPORTIONNAL" Width="150"/>
+		<Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Margin="2" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+		<Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+	</HorizontalStack>
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="UNSCALED" Width="150"/>
+		<Image Scaled="false" Background="Blue" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Margin="10" Background="Blue" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Background="Blue" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Background="Blue" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Background="Blue" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Background="Blue" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+		<Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+	</HorizontalStack>
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="SCALED PROPORTIONNAL" Width="150"/>
+		<Image Background="Blue" Path="#Crow.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+		<Image Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+		<Image Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+		<Image Background="Blue" Width="50" Height="100" Path="#Crow.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Background="Blue" Width="100" Height="50" Path="#Crow.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Icons.tetra.png"/>
+		<Image Background="Blue" Width="50" Height="Fit" Path="#Crow.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Icons.tetra.png"/>
+	</HorizontalStack>
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="SCALED NOT PROPORTIONNAL" Width="150"/>
+		<Image KeepProportions="false" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="10" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="50" Height="100" Path="#Crow.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+	</HorizontalStack>
+	<HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Label Text="UNSCALED" Width="150"/>
+		<Image Scaled="false" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Margin="10" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+	</HorizontalStack>
+	<HorizontalStack Width="Fit" Height="100" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+		<Image Background="Blue" Path="#Tests.image.crow0.svg" />
+		<Image Margin="10" Background="White" Path="#Tests.image.crow0.svg" />
+		<Image Background="White" Width="20" Height="10" Path="#Tests.image.crow0.svg" />
+		<Image Margin="1" Background="White" Width="20" Height="10" Path="#Tests.image.crow0.svg" />
+	</HorizontalStack>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testMenu.crow b/Samples/ShowCase/ui/divers/testMenu.crow
new file mode 100755
index 00000000..08822445
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testMenu.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Menu>
+	<MenuItem Caption="File" Width="Fit">
+		<MenuItem Command="{CMDTest}"/>
+	</MenuItem>
+</Menu>
diff --git a/Samples/ShowCase/ui/divers/testOutOfClipUpdate.crow b/Samples/ShowCase/ui/divers/testOutOfClipUpdate.crow
new file mode 100755
index 00000000..22523b8c
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testOutOfClipUpdate.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Container Width="200" Height="100" Background="DimGrey" Margin="5">
+	<Container Width="Stretched" Height="800" Background="DarkBlue">
+		<Label Text="{fps}" Background="RoyalBlue" VerticalAlignment="Center"/>
+	</Container>
+</Container>
diff --git a/Samples/ShowCase/ui/divers/testPropLess.crow b/Samples/ShowCase/ui/divers/testPropLess.crow
new file mode 100755
index 00000000..42282c11
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testPropLess.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<Label Margin="50" MinimumSize="10,10" Background="DimGrey" Text="{PropertyLessBinding}"/>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testShape.crow b/Samples/ShowCase/ui/divers/testShape.crow
new file mode 100644
index 00000000..d1f9f3cc
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testShape.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Container Fit="true" Background="Red" Tooltip="test tooltip" >
+	<Shape Foreground="Transparent" Background="DimGrey" Path="M 5.5,0.5 L 10.5,10.5 L 0.5,10.5 Z"
+		MouseEnter="{Background=hgradient|0:DimGrey|0.5:RoyalBlue|1:Black}"
+		MouseLeave="{Background=DimGrey}"/>
+</Container>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testStacks.crow b/Samples/ShowCase/ui/divers/testStacks.crow
new file mode 100755
index 00000000..99279cd4
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testStacks.crow
@@ -0,0 +1,86 @@
+<?xml version="1.0"?>
+<Window Width="500" Height="300" MinimumSize="50,50">
+<HorizontalStack Margin="5" Background="DimGrey">
+	<VerticalStack Width="200" Margin="5" Background="Grey">
+		<VerticalStack Fit="true" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</VerticalStack>
+		<VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun Background="SkyBlue" Height="Stretched"/>
+		</VerticalStack>
+		<HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+		<HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+			<HorizontalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="Stretched" Height="Stretched" Margin="5" Background="Grey">
+		<VerticalStack Fit="true" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</VerticalStack>
+		<VerticalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun TextAlignment="Center" Background="SkyBlue" Width="Stretched" Height="Stretched"/>
+		</VerticalStack>
+		<HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+		<HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+			<HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+	</VerticalStack>
+	<VerticalStack Width="Fit" Margin="5" Background="Grey">
+		<VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue" HorizontalAlignment="Left"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</VerticalStack>
+		<VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun Background="SkyBlue" Height="Stretched"/>
+		</VerticalStack>
+		<HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+		<HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+			<HorizontalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+			<TextRun Background="SkyBlue"/>
+			<TextRun Background="SkyBlue" Width="Stretched"/>
+			<TextRun Background="SkyBlue"/>
+		</HorizontalStack>
+	</VerticalStack>
+</HorizontalStack>
+</Window>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testTextBox.crow b/Samples/ShowCase/ui/divers/testTextBox.crow
new file mode 100755
index 00000000..d0fe0af4
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testTextBox.crow
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<VerticalStack Background="SteelBlue" Fit="true">
+	<HorizontalStack Fit="true">
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="TopLeft"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Top"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="TopRight"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Left"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Center"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Right"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="BottomLeft"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Bottom"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="BottomRight"/>
+	</HorizontalStack>
+	<HorizontalStack Fit="true">
+		<TextBox Background="DarkGrey" Height="30" Width="70" TextAlignment="Top" HorizontalStretch="true" Text="TopStretch"/>
+		<TextBox Background="DarkGrey" Height="30" Width="60" TextAlignment="Center" HorizontalStretch="true" Text="HorizontalStretch" />
+		<TextBox Background="DarkGrey" Height="30" Width="60" TextAlignment="Bottom" HorizontalStretch="true" Text="BottomStretch"/>
+		<TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Left" VerticalStretch="true" Text="LeftStretch"/>
+		<TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Center" VerticalStretch="true" Text="VerticalStretch"/>
+		<TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Right" VerticalStretch="true" Text="RightStretch"/>
+		<TextBox Background="DarkGrey" Height="30" Width="50" HorizontalStretch="true" VerticalStretch="true" Text="Fit"/>
+	</HorizontalStack>	
+	<TextBox Name="tb" Multiline="true" Font="droid,16" Margin="5" Text="A\nBB\nCCC\nDDDD"/>
+	<TextBox Multiline="true" Font="droid,16" Name="tb5" Margin="5" Text="{../tb.SelectedText}"/>
+<!--	<TextBox Font="droid,10" Name="tb1" Margin="5" Text="this is a test of a text box"/>
+	<TextBox Width="300" Height="35" Text="this is a test of a text box"/>-->
+	<TextBox Font="droid,10" Name="tb2" Margin="0" Text="this is a test of a text box"/>
+	<TextBox Font="droid,10" Name="tb3" Margin="5" Text="this is a test of a text box"/>
+	<TextBox Font="droid,10" Name="tb4" Margin="5" Text="this is a test of a text box"/>
+	<TextBox Font="droid,10" Name="tb5" Margin="20" Text="this is a test of a text box"/>
+	<TextBox Multiline="true" Font="droid,10" Name="tb6" Margin="5" Text="this is a test of a text box\nthis is a test of a text box"/>
+	<TextBox Multiline="true" Font="droid,10" Name="tb7" Margin="1" TextAlignment="Center"
+		Text="this is a test of a text box\nthis is a test\nthis is a test when line are centered"/>
+	<TextBox Multiline="true" Font="droid,10" Name="tb8" Margin="1" TextAlignment="Center"
+		Text="this is a test of a text box\n\n\nthis is a test\nthis is a test when line are centered"/>
+</VerticalStack>
\ No newline at end of file
diff --git a/Samples/ShowCase/ui/divers/testVisibility.crow b/Samples/ShowCase/ui/divers/testVisibility.crow
new file mode 100755
index 00000000..9f9464c9
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/testVisibility.crow
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<Container Margin="20" Background="Red" >
+	<Container Margin="20" Background="Green" MouseDown="{../go1.Visible=True}" >
+		<Widget Name="go1" Margin="20" Background="DimGrey" Visible="false" MouseDown="{Visible=false}"
+			MouseEnter="{Background=Blue}"
+			MouseLeave="{Background=DimGrey}"/>
+	</Container>
+</Container>
diff --git a/Samples/ShowCase/ui/divers/test_stack.crow b/Samples/ShowCase/ui/divers/test_stack.crow
new file mode 100755
index 00000000..044fd7f0
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/test_stack.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<VerticalStack Background="DarkBlue" Height="300" Width="200">
+<!--	<Label Text="label11" Width="Stretched" Background="Green"/>
+	<Label Text="label21"/>-->
+	<HorizontalStack Width="Fit" Height="Fit" Margin="5"
+		Focusable="True" Background="Blue">
+
+		<Label Text="label12"/>
+		<VerticalStack Background="Red" Fit="true">
+			<Label Text="label99"/>
+			<Label Text="label999"/>
+		</VerticalStack>
+		<Label Text="label22"/>
+<!--		<Label Text="label32"/>
+		<Label Text="label42"/>
+		<Label Text="label52"/>-->
+	</HorizontalStack>
+<!--	<Label Text="label33" Background="Green" Width="Stretched"/>-->
+<!--	<Label Text="label43"/>-->
+<!--	<Border Margin="10">
+		<Label Text="label53" Background="Red" Height="Stretched" CornerRadius="10"/>
+	</Border>-->
+	<Label Text="label43"/>
+	<Label Text="label43"/>
+</VerticalStack>
diff --git a/Samples/ShowCase/ui/divers/welcome.crow b/Samples/ShowCase/ui/divers/welcome.crow
new file mode 100644
index 00000000..fa6da1e6
--- /dev/null
+++ b/Samples/ShowCase/ui/divers/welcome.crow
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<Border BorderStyle="Sunken" Fit="true" Background="0.7,0.7,0.7,0.5" CornerRadius="10">
+	<VerticalStack Margin="20">
+		<Image Path="#Crow.Icons.crow.svg"/>
+<!--		<Label Font="Times bold, 60" Text="C.R.O.W"/>-->
+		<HorizontalStack Fit="true" DataSource="{CrowVersion}" Spacing="0">
+			<Label Foreground="Black" Font="mono, 12" Text="version: "/>		
+			<Label Foreground="Black" Font="mono, 12" Text="{Major}"/>		
+			<Label Foreground="Black" Font="mono, 12" Text="."/>
+			<Label Foreground="Black" Font="mono, 12" Text="{Minor}"/>
+			<Label Foreground="Black" Font="mono, 12" Text="."/>
+			<Label Foreground="DimGrey" Font="mono, 12" Text="{Build}"/>
+		</HorizontalStack>
+		<Widget Height="30"/>
+		<Label Font="20" Text="Press &lt;F2&gt; and &lt;F3&gt; to cycle into the examples"/>
+		<Label Font="20" Text="Those are basic tests used to validate changes,"/>
+		<Widget Height="30"/>
+		<Label Foreground="DimGrey" Font="20" Text="&lt;F5&gt; => File dialog example"/>
+		<Label Foreground="DimGrey" Font="20" Text="&lt;F6&gt; => Window example"/>
+	</VerticalStack>
+</Border>
\ No newline at end of file