wip

1 files changed, 57 insertions, 111 deletions

diff --git a/Samples/common/ui/Interfaces/Divers/0.crow b/Samples/common/ui/Interfaces/Divers/0.crow
index d083946c..4b6c50fb 100644
--- a/Samples/common/ui/Interfaces/Divers/0.crow
+++ b/Samples/common/ui/Interfaces/Divers/0.crow
@@ -1,162 +1,108 @@
-<?xml version="1.0"?>
-<Window Caption="Showcase" Height="90%" Width="90%">
-	<HorizontalStack >
+<?xml version="1.0" encoding="UTF-8"?>
+<Window Caption="Showcase" Height="90%" Width="90%" Background="Jet">
+	<HorizontalStack>
 		<VerticalStack Width="30%" Margin="5">
 			<GroupBox Caption="Performance" Height="Fit">
-				<VerticalStack DataSource="{drawingMeasure}" Width="90%" Height="Fit" Spacing="2" >
+				<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"/>
+						<Label Style="FpsLabel" Text="Fps:" />
+						<Label Style="FpsDisp" Text="{minimum}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit" Tooltip="Minimum Frame per second">
-						<Label Text="Min:" Style="FpsLabel"/>
-						<Label Text="{fpsMin}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Min:" />
+						<Label Style="FpsDisp" Text="{fpsMin}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit" Tooltip="Maximum Frame per second">
-						<Label Text="Max:" Style="FpsLabel"/>
-						<Label Text="{fpsMax}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Max:" />
+						<Label Style="FpsDisp" Text="{fpsMax}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit" Tooltip="Update loop duration">
-						<Label Text="Update:" Style="FpsLabel"/>
-						<Label Text="{update}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Update:" />
+						<Label Style="FpsDisp" Text="{update}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit" Tooltip="Layouting process duration">
-						<Label Text="Layouting:" Style="FpsLabel"/>
-						<Label Text="{layouting}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Layouting:" />
+						<Label Style="FpsDisp" Text="{layouting}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit" Tooltip="Clipping duration">
-						<Label Text="Clipping:" Style="FpsLabel"/>
-						<Label Text="{clipping}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Clipping:" />
+						<Label Style="FpsDisp" Text="{clipping}" />
 					</HorizontalStack>
 					<HorizontalStack Height="Fit">
-						<Label Text="Drawing:" Style="FpsLabel"/>
-						<Label Text="{drawing}" Style="FpsDisp"/>
+						<Label Style="FpsLabel" Text="Drawing:" />
+						<Label Style="FpsDisp" Text="{drawing}" />
 					</HorizontalStack>
 				</VerticalStack>
 			</GroupBox>
-			<Label Width="Stretched" Margin="3" Background="DimGrey"/>
-			<TextBox Text="TextBox" Multiline="true" Margin="3"/>
+			<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"/>
+					<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"/>
+					<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}"/>
+				<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"/>
+						<CheckBox Style="CheckBox2" IsChecked="true" />
+						<CheckBox Style="CheckBox2" />
+						<CheckBox Style="CheckBox2" />
+						<CheckBox Style="CheckBox2" />
 					</VerticalStack>
-					<Splitter/>
+					<Splitter />
 					<VerticalStack Width="50%">
-						<RadioButton Style="RadioButton2"/>
-						<RadioButton Style="RadioButton2"/>
-						<RadioButton Style="RadioButton2"/>
-						<RadioButton Style="RadioButton2"/>
+						<RadioButton Style="RadioButton2" />
+						<RadioButton Style="RadioButton2" />
+						<RadioButton Style="RadioButton2" />
+						<RadioButton Style="RadioButton2" />
 					</VerticalStack>
 				</HorizontalStack>
 			</GroupBox>
 			<HorizontalStack Height="Fit">
-				<Label Text="Spinner"/>
-				<Spinner Fit="true"/>
+				<Label Text="Spinner" />
+				<Spinner Fit="true" />
 			</HorizontalStack>
 			<HorizontalStack Height="Fit">
-				<Button Caption="Button"/>
-				<Button Caption="Button" IsEnabled="false"/>
+				<Button Caption="Button">
+					<Label Font="{./Font}" Name="caption" Margin="3" Foreground="LightGrey" Text="{./Caption}" />
+				</Button>
+				<Button Caption="Button" IsEnabled="false">
+					<Label Font="{./Font}" Name="caption" Margin="3" Foreground="LightGrey" Text="{./Caption}" />
+				</Button>
 			</HorizontalStack>
 		</VerticalStack>
-		<Splitter/>
+		<Splitter />
 		<VerticalStack Width="40%" Margin="5" Spacing="5">
 			<Expandable>
-				<Image Path="#Crow.Icons.crow.svg"/>
+				<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%"/>
+			<Popper />
+			<Slider Height="10" Width="90%" />
 			<Container Height="Fit" Width="200" Background="DimGrey" Margin="2" CornerRadius="5">
-				<ProgressBar Background="DimGrey" Height="10" Value="50"/>
+				<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"/>
+			<MessageBox Movable="false" />
 			<ColorPicker CurrentColor="{²../go.Background}" Name="colorPicker" Margin="5" />
-			<Widget Name="go" Width="100" Height="60" Background="{../../colorList.SelectedItem}"/>
-			<Label Text="{../colorPicker.CurrentColor}"/>
+			<Widget Name="go" Width="100" Height="60" Background="{../../colorList.SelectedItem}" />
+			<Label Text="{../colorPicker.CurrentColor}" />
 		</VerticalStack>
-		<Splitter/>
+		<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"
-					 />
+			<ListBox Name="colorList" Data="{TestList}" Margin="5" ItemTemplate="Interfaces/colorItem.crow" />
 		</VerticalStack>
 	</HorizontalStack>
 </Window>
\ No newline at end of file