Merge pull request #13 from jpbruyere/UpdateQueuingReview

Update queuing review and styling debug

14 files changed, 522 insertions, 0 deletions

diff --git a/Tests/Interfaces/Unsorted/test4.1.crow b/Tests/Interfaces/Unsorted/test4.1.crow
new file mode 100755
index 00000000..2ac55cd0
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/test4.1.crow
@@ -0,0 +1,98 @@
+<?xml version="1.0"?>
+<Group Name="MainGrp"
+	Width="800" Height="500"
+	Background="0.5,0.5,0.5,0.5" Foreground="White"
+	Margin="10" >
+	<Border 
+		BorderWidth="2" Foreground="Transparent"
+		Focusable="True"
+		MouseEnter="{Foreground = White}"
+		MouseLeave="{Foreground = Transparent}">
+
+		<HorizontalStack Name="hs0" Fit="true"
+			WidgetSpacing="10" 
+			VerticalAlignment="Center" 
+			Background="0.5,0.5,0.5,0.5">
+			<VerticalStack Name="vs1"
+				Margin="20" Width="400" Height="Fit">
+				<Label Name="labMouse" Text="MousePos"/>
+				<HorizontalStack Name="hsPbar" Fit="true">
+					<ProgressBar Name="pbBar" 
+						Width="100" Height="20"
+						Value="50"
+						Foreground="BlueCrayola" Background="DarkGray"
+						BorderWidth="2" Foreground="White"/>
+<!--					<Label Name="labPb"
+						Width="20"
+						TextAlignment="Right"/>
+					<ProgressBar Name="pbBar"
+						Width="100" Height="10"
+						Value="30"/>-->
+				</HorizontalStack>
+				<HorizontalStack  Name="hsFocus" Fit="true">
+					<Label Text="Focused:"/>
+					<Label Name="labFocus" />
+				</HorizontalStack>
+				<HorizontalStack Fit="true">
+					<Label Text="Active:"  Name="hsActive"/>
+					<Label Name="labActive"/>
+				</HorizontalStack>
+				<HorizontalStack Fit="true">
+					<Label Text="Hover:"  Name="hsHover"/>
+					<Label Name="labHover" />
+				</HorizontalStack>
+				<Button Margin="5" BorderWidth="0" Background="Gray" Width="Fit" Height="Fit">
+					<Label FontSize="10" Text="This is a test" Margin="5" FontColor="White" Foreground="White" />
+				</Button>
+				<TextBoxWidget 	TextAlignment="Left" Font="droid,14"						
+								Width="300" Height="Fit" Margin="2"
+								Foreground="White" BorderWidth="1"
+								Text="editable text"/>
+				<GroupBox Title="Group Box" Width="300" Height="100" 
+					Foreground="White" BorderWidth="2" Margin="3">
+					<Label Name="labValue" FontSize="14" Text="000"	TextAlignment="Center"/>
+				</GroupBox>
+				<Slider Height="10" Width="300" BorderWidth="1" Background="Transparent" />
+				<GraduatedSlider Name="slider" Height="30" Width="300" Foreground="BlueBell"/>
+			</VerticalStack>
+<!--			<VerticalStack Width="Fit" Height="Fit" BorderWidth="1" Margin="5" WidgetSpacing="4">
+				<Button Width="Fit" Height="Fit" Margin="15">
+					<Image Path="/mnt/data/Images/130px-Blason_ville_fr_Aubure_(Haut-Rhin).svg.png"/>
+				</Button>
+				<HorizontalStack>
+					<Label Text="Update" FontColor="White" VerticalAlignment="Center" />
+					<Label Name="labUpdate" Text="xxxx" FontSize="16" Width="60" TextAlignment="Center" Background="DarkGreen"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Fps:" Width = "30" VerticalAlignment="Center"  TextAlignment="Left"/>
+					<Label Name="labFps" Text="xxxx" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Min:" Width = "30" />
+					<Label Name="labFpsMin" Text="xxxx" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Max:" Width = "30"/>
+					<Label Name="labFpsMax" Text="xxxx" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+			</VerticalStack>
+
+			<Scroller Background="DimGray" Height="350" Width="300"  
+				 Margin="5" VerticalScrolling="true">
+				<VerticalStack Name="colors" VerticalAlignment="Top" Margin="5">
+					<ProgressBar Name="pbBar2" Width="100" Height="20" Value="50"
+								BorderWidth="2" Foreground="White" Foreground="BlueCrayola" Background="DarkGray"/>
+				</VerticalStack>
+			</Scroller>-->
+
+		</HorizontalStack>
+
+		<Slider 
+			Height="20" Width="300" 
+			Background="Transparent"
+			VerticalAlignment="Bottom" />
+		</Border>
+</Group>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/test4.crow b/Tests/Interfaces/Unsorted/test4.crow
new file mode 100755
index 00000000..06476f31
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/test4.crow
@@ -0,0 +1,169 @@
+<?xml version="1.0"?>
+<Group Name="MainGrp"
+	Width="800" Height="500"
+	Background="0.5,0.5,0.5,0.5" Foreground="White"
+	Margin="10" >
+	<Border Margin="10" CornerRadius="10"
+		Name="mainBorder"
+		BorderWidth="2" Foreground="Transparent"
+		Focusable="True"
+		MouseEnter="{Foreground = White}"
+		MouseLeave="{Foreground = Transparent}">
+		<HorizontalStack WidgetSpacing="1">
+			<VerticalStack Width="Fit">
+				<HorizontalStack WidgetSpacing="1" Fit="true">
+					<VerticalStack Fit="true">
+						<Label Text="{MousePosition}"/>
+						<HorizontalStack  Name="hsFocus" Fit="true">
+							<Label Text="Focused:"/>
+							<Label Name="labFocus"/>
+						</HorizontalStack>
+						<HorizontalStack Fit="true">
+							<Label Text="Active:"  Name="hsActive"/>
+							<Label Name="labActive"/>
+						</HorizontalStack>
+						<HorizontalStack Fit="true">
+							<Label Text="Hover:"  Name="hsHover"/>
+							<Label Name="labHover"/>
+						</HorizontalStack>
+					</VerticalStack>
+					<VerticalStack Fit="true">					
+						<CheckBox Name="chk1"/>
+						<CheckBox Name="chk2" IsChecked="true"/>
+
+					</VerticalStack>
+					<VerticalStack Fit="true">
+						<RadioButton IsChecked="true"/>
+						<RadioButton/>
+						<Button MouseClick="onButClick"/>
+					</VerticalStack>
+				</HorizontalStack>
+				<TextBox Name="textbox1" TextAlignment="Left" Font="droid,14"						
+								Width="200" Height="Fit" Margin="2" Background="White"
+								Forground="Black"
+								Foreground="DimGray" BorderWidth="1"
+								Text="editable text"/>
+				<Popper Width="100">
+					<Border Fit="True" Background="ArmyGreen">
+						<Image Margin="10" Fit="true" Path="#Crow.Images.Icons.tetra.png"/>
+					</Border>
+				</Popper>
+
+			</VerticalStack>
+			<VerticalStack Fit="true"  Margin="0" WidgetSpacing="1">
+				<Button  Margin="1" Width="150" Height="100">
+					<Image Path="#Tests.image.tetra.png"/>
+				</Button>
+				<Popper Width="100">
+					<Border Fit="True" Background="ArmyGreen">
+						<Image Margin="10" Fit="true" Path="#Crow.Images.Icons.tetra.png"/>
+					</Border>
+				</Popper>
+				<Expandable Name="expander" Width="150" Height="Fit">
+					<VerticalStack Name="vsExpanded" Width="100">
+						<CheckBox Name="chk1"/>
+						<CheckBox Name="chk2" IsChecked="true"/>
+						<CheckBox Name="chk3"/>
+						<CheckBox Name="chk4"/>
+					</VerticalStack>		
+				</Expandable>
+				<Expandable Name="expander2" Width="150" Height="Fit">
+					<VerticalStack Name="vsExpanded" Width="100">
+						<CheckBox Name="chk1"/>
+						<CheckBox Name="chk2" IsChecked="true"/>
+					</VerticalStack>		
+				</Expandable>
+				<Expandable Name="expander3" Width="150" Height="Fit">
+					<VerticalStack Name="vsExpanded" Width="100">
+						<CheckBox Name="chk1" IsChecked="true"/>
+						<CheckBox Name="chk2"/>
+					</VerticalStack>		
+				</Expandable>
+				<HorizontalStack>
+					<Label Text="Update" FontColor="White"/>
+					<Label Name="labUpdate" Text="{update}" FontSize="16" Width="60" TextAlignment="Center" Background="DarkGreen"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Fps:" Width = "30"/>
+					<Label Name="labFps" Text="{fps}" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Min:" Width = "30"/>
+					<Label Name="labFpsMin" Text="{fpsMin}" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+				<HorizontalStack>
+					<Label Text="Max:" Width = "30"/>
+					<Label Name="labFpsMax" Text="{fpsMax}" Font="droid bold, 14"
+						TextAlignment="Center" Background="AoEnglish"/>
+				</HorizontalStack>
+			</VerticalStack>
+			<HorizontalStack Width="Fit">
+				<Scroller Name="scroller1" Background="DimGray" Width="Fit"  
+					 Margin="5" VerticalScrolling="true" ScrollY="{../scrollbar1.Scroll}">
+					<VerticalStack Name="colors" VerticalAlignment="Top" Margin="1" Fit="true">
+<!--						<ProgressBar Name="pbBar2" Width="100" Height="20" Value="50"
+									BorderWidth="2" Foreground="White" Foreground="BlueCrayola" Background="DarkGray"/>
+						<ProgressBar Width="100" Height="20" Value="{fps}" BorderWidth="2"
+							Foreground="White" Foreground="BlueCrayola" Background="DarkGray"/>												-->
+					</VerticalStack>
+				</Scroller>
+				<ScrollBar Name="scrollbar1" Scroll="{../scroller1.ScrollY}" MaximumScroll="{../scroller1.MaximumScroll}"
+					Orientation="Vertical" Width="10" Height="Stretched"/>
+			</HorizontalStack>
+		</HorizontalStack>
+<!--		<HorizontalStack Name="hs0"
+			WidgetSpacing="1" 
+			VerticalAlignment="Top">
+			<Slider Orientation="Vertical" Height="300" Width="10" Background="Transparent" />
+			<VerticalStack Name="vs1" Spacing="5">
+				<Slider Height="10" Width="300" BorderWidth="1" Background="Transparent" />
+				<HorizontalStack WidgetSpacing="10">
+					
+
+					<Spinner Width="50" Value="5"></Spinner>
+				</HorizontalStack>
+				<HorizontalStack Name="hsPbar" Margin="5">
+					<ProgressBar Name="pbBar" 
+						Width="200" Height="20"
+						Minimum="0"
+						Maximum="200"
+						Value="{fps}"
+						Foreground="BlueCrayola" Background="DarkGray"
+						BorderWidth="2" Foreground="White"/>
+				</HorizontalStack>
+
+				<Button  Margin="5" BorderWidth="Stretched" Width="Fit" Height="Fit"  HorizontalAlignment="Center">
+					<Label FontSize="18" Text="This is a test" Margin="5" Foreground="Black" />
+				</Button>
+
+				<GroupBox Title="Group Box" Width="300" Height="100" 
+					Foreground="White" BorderWidth="2" Margin="3">
+					<Label Name="labValue" FontSize="14" Text="{../../slider.Value}" TextAlignment="Center"/>
+				</GroupBox>
+				<Slider Height="10" Width="300" BorderWidth="1" Background="Transparent" />
+				<GraduatedSlider Name="slider" Height="30" Width="300" Foreground="BlueBell"/>
+			</VerticalStack>
+	
+			<HorizontalStack Height="350" Width="Fit">
+				<Scroller Name="scroller1" Background="DimGray" Height="Stretched" Width="Fit"  
+					 Margin="5" VerticalScrolling="true" ScrollY="{../scrollbar1.Scroll}">
+					<VerticalStack Name="colors" VerticalAlignment="Top" Margin="1">
+						<ProgressBar Name="pbBar2" Width="100" Height="20" Value="50"
+									BorderWidth="2" Foreground="White" Foreground="BlueCrayola" Background="DarkGray"/>
+						<ProgressBar Width="100" Height="20" Value="{fps}" BorderWidth="2"
+							Foreground="White" Foreground="BlueCrayola" Background="DarkGray"/>												
+					</VerticalStack>
+				</Scroller>
+				<Scrollbar Name="scrollbar1" Scroll="{../scroller1.ScrollY}" MaximumScroll="{../scroller1.MaximumScroll}"
+					Orientation="Vertical" Width="16" />
+			</HorizontalStack>
+		</HorizontalStack>
+-->
+<!--		<Slider 
+			Height="20" Width="100" 
+			Background="Transparent"
+			VerticalAlignment="Bottom" />-->
+		</Border>
+</Group>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/test6.crow b/Tests/Interfaces/Unsorted/test6.crow
new file mode 100755
index 00000000..532450da
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/test6.crow
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<Border BorderWidth="1" Foreground="White" CornerRadius="10" Width="500" Height="300">
+	<VerticalStack Height="Stretched" Background="0.4,0.4,0.4,0.4">
+		<Border BorderWidth="1" Foreground="White"  Height="20" Background="0.1,0.5;1,0,0.5">
+			<HorizontalStack Name="hs" Margin="1" Spacing="1" Height="Fit" >
+				<GraphicObject Width="5"/>
+				<Image Name="Image" Margin="1" Width="12" Height="12" Path="#go.Images.Icons.tetra.png"/>
+				<Label Foreground="White" Width="Stretched" Name="Title" Margin="1" TextAlignment="Center" />
+				<Border CornerRadius="6" BorderWidth="1" Margin="0" Foreground="Transparent"  Height="12" Width="12"
+					MouseEnter="{Foreground=White}" MouseLeave="{Foreground=Transparent}">
+					<Image Focusable="true" Name="Image" Margin="0" Width="Stretched" Height="Stretched" 
+					Path="#go.Images.Icons.exit2.svg"/>
+				</Border>
+				<GraphicObject Width="5"/>
+			</HorizontalStack>
+		</Border>
+<!--		<Container Name="Content"/>-->
+		<HorizontalStack Spacing="10">
+			<GraphicObject Width="30"/>
+			<Image Name="Image" Width="40" Height="40" Background="Red"
+				Path="#go.Images.Icons.iconInfo.svg" />
+			<Label Font="serif, 12" Width="Stretched" Height="Stretched" Text="MessageBox"
+				Multiline="true" WordWrap="true"/>
+			<GraphicObject Width="30"/>
+		</HorizontalStack>
+		<HorizontalStack Height="Fit" Margin="5">
+			<GraphicObject/>
+			<Button Text="Ok"/>
+			<Button Text="Cancel"/>
+		</HorizontalStack>
+	</VerticalStack>
+</Border>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/testColorList.crow b/Tests/Interfaces/Unsorted/testColorList.crow
new file mode 100755
index 00000000..d9b67410
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testColorList.crow
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<Border BorderWidth="2" Fit="true">
+	<VerticalStack Fit="true" Margin="5">
+		<ListBox Data="{TestList}" Background="0.5,0.5,0.5,0.7"
+					 HorizontalAlignment="Center" Width="200" Height="200" Margin="5"
+					 ItemTemplate="#Tests.Interfaces.colorItem.crow">
+			<Template>
+				<Border BorderWidth="1" Height="{../HeightPolicy}" Width="{../WidthPolicy}">
+					<HorizontalStack Margin="1" Height="{../../HeightPolicy}" Width="{../../WidthPolicy}" >
+						<Scroller Name="scroller1" Height="{../../../HeightPolicy}" Width="{../../../WidthPolicy}" 
+								Margin="2" VerticalScrolling="true" ScrollY="{../scrollbar1.Value}"
+								ValueChanged="../../../_scroller_ValueChanged">
+							<VerticalStack Width="{../../../../WidthPolicy}" Height="Fit" MinimumSize="10,10"
+								Name="List" Margin="0"
+								VerticalAlignment="Top"
+								HorizontalAlignment="Left"
+								LayoutChanged="../../../../_list_LayoutChanged"/>
+						</Scroller>
+						<ScrollBar Name="scrollbar1" Value="{../scroller1.ScrollY}" 
+							Maximum="{../scroller1.MaximumScroll}" Orientation="Vertical" 
+							Width="14" Height="{../../../HeightPolicy}" />
+					</HorizontalStack>
+				</Border>
+			</Template>
+		</ListBox>
+		<HorizontalStack Fit="true" HorizontalAlignment="Right">
+			<Button Caption="Load list" MouseClick="OnLoadList"/>
+			<Button Caption="Clear" MouseClick="OnClear"/>
+		</HorizontalStack>
+	</VerticalStack>
+</Border>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/testDirViewer.crow b/Tests/Interfaces/Unsorted/testDirViewer.crow
new file mode 100755
index 00000000..dd6f9b8a
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testDirViewer.crow
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+
+	<VerticalStack Height="Fit" Width="Fit" Name="hstack" Margin="0" Spacing="Stretched">
+		<Border Height="Fit" Width="200" BorderWidth="2" CornerRadius="10">
+			<Label Name="labName" Text="{Name}" Width="Stretched" Height="Fit"/>
+		</Border>
+		<ListBox Data="{GetFileSystemInfos}" Width="Fit" Height="400"
+			Background="0.5,0.5,0.5,0.5"
+			SelectedItemChanged="OnSelectedItemChanged" 
+			ItemTemplate="Interfaces/tmpDirItem.goml" >
+			<Template>
+				<Border BorderWidth="1" MinimumSize="20,20" Height="{../HeightPolicy}" Width="{../WidthPolicy}">
+					<HorizontalStack Margin="1" Height="{../../HeightPolicy}" Width="{../../WidthPolicy}">
+						<Scroller  Name="scroller1" Height="{../../../HeightPolicy}" Width="{../../../WidthPolicy}" 
+						 Margin="2" VerticalScrolling="true" ScrollY="{../scrollbar1.Scroll}">
+							<VerticalStack Width="{../../../../WidthPolicy}" Height="Fit" Name="List" Margin="0" VerticalAlignment="Top"/>
+						</Scroller>
+						<Scrollbar Name="scrollbar1" Scroll="{../scroller1.ScrollY}" MaximumScroll="{../scroller1.MaximumScroll}"
+							Orientation="Vertical" Width="10" Height="{../../../HeightPolicy}" />
+					</HorizontalStack>
+				</Border>
+			</Template>
+		</ListBox>
+	</VerticalStack>
diff --git a/Tests/Interfaces/Unsorted/testFileDialog.goml b/Tests/Interfaces/Unsorted/testFileDialog.goml
new file mode 100644
index 00000000..715ff2fa
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testFileDialog.goml
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<FileDialog Width="500" Height="300"/>
+
diff --git a/Tests/Interfaces/Unsorted/testImage.crow b/Tests/Interfaces/Unsorted/testImage.crow
new file mode 100755
index 00000000..46ffdcb6
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/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="50%" 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.Images.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Background="Blue" Width="50" Height="100" Path="#Crow.Images.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.Images.Icons.tetra.png"/>
+		<Image Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image 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="SCALED NOT PROPORTIONNAL" Width="150"/>
+		<Image KeepProportions="false" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="10" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+		<Image KeepProportions="false" Background="Blue" Width="50" Height="100" Path="#Crow.Images.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/Tests/Interfaces/Unsorted/testLabel.crow b/Tests/Interfaces/Unsorted/testLabel.crow
new file mode 100755
index 00000000..51cf97b6
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testLabel.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<VerticalStack>
+	<TextRun Multiline="true" WordWrap="true" Width="Stretched" Height="100" Background="DimGray"
+		Text="This is a long text to test text wrapping, and so here is another statement to add to this meaningless text only designed to make a small test" />
+	<Label Name="labFps" Text="{fps}" Font="droid bold, 12"	TextAlignment="Center" Background="AoEnglish" />
+</VerticalStack>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/testMsgBox.crow b/Tests/Interfaces/Unsorted/testMsgBox.crow
new file mode 100755
index 00000000..680f43b4
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testMsgBox.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<MessageBox Title="message" Message="this is a message box"
+	Ok="onMsgBoxOk"
+	Cancel="onMsgBoxCancel"/>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/testOutOfClipUpdate.crow b/Tests/Interfaces/Unsorted/testOutOfClipUpdate.crow
new file mode 100755
index 00000000..b5e29f4e
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testOutOfClipUpdate.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Container Width="200" Height="100" Background="DimGray" Margin="5">
+	<Container Width="Stretched" Height="300" Background="DarkBlue">
+		<Label Text="{fps}" Background="BlueCrayola" VerticalAlignment="Center"/>
+	</Container>
+</Container>
diff --git a/Tests/Interfaces/Unsorted/testRadioButton2.crow b/Tests/Interfaces/Unsorted/testRadioButton2.crow
new file mode 100755
index 00000000..02231d25
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testRadioButton2.crow
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<VerticalStack Width="200" Height="Fit" Margin="20" Background="DimGray">
+	<RadioButton Caption="Radio1"/>
+	<RadioButton Caption="Radio2" IsChecked="true"/>
+	<RadioButton Caption="Radio3"/>
+	<RadioButton Caption="Radio4">
+		<Template>
+			<HorizontalStack Spacing="1" Height="{../HeightPolicy}" Width="{../WidthPolicy}">
+				<Image Margin="2" Width="14" Height="14" Path="{../../Image}" SvgSub="{../../SvgSub}"/>
+				<Label Text="{../../Caption}" Height="{../../HeightPolicy}" Width="{../../WidthPolicy}"/>
+			</HorizontalStack>
+		</Template>
+	</RadioButton>
+</VerticalStack>
+
diff --git a/Tests/Interfaces/Unsorted/testTabView.crow b/Tests/Interfaces/Unsorted/testTabView.crow
new file mode 100644
index 00000000..27c221f4
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testTabView.crow
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<HorizontalStack Fit="true">
+	<VerticalStack Fit="true">
+		<TabView Name="tabview1"
+			Width="400" Height="200" Orientation="Horizontal" Spacing="20">
+			<TabItem Name="TabItem1" Caption="tab item 1" Margin="0">
+				<VerticalStack Fit="true">
+					<CheckBox/>
+					<CheckBox/>
+					<CheckBox/>
+					<CheckBox/>
+				</VerticalStack>
+			</TabItem>
+			<TabItem Name="TabItem2" Caption="tab item 2" Width="Stretched" Height="Stretched" Margin="0" Background="Gray">
+				<VerticalStack Fit="true">
+					<RadioButton/>
+					<RadioButton/>
+					<RadioButton/>
+					<RadioButton/>
+				</VerticalStack>
+			</TabItem>
+			<TabItem Name="TabItem2" Caption="tab item 3" Width="Stretched" Height="Stretched" Margin="0" Background="Gray">
+				<Container Margin="5" CornerRadius="2" Width="Stretched" Height="Stretched">
+					<TextBox Margin="5" Width="Stretched" Height="Stretched" Multiline="true" TextAlignment="TopLeft"/>
+				</Container>
+			</TabItem>
+			<TabItem Name="TabItem2" Caption="tab item 4" Width="Stretched" Height="Stretched" Margin="0" Background="Gray">
+				<TextBox/>
+			</TabItem>
+		</TabView>
+		<Button Background="vgradient|0:DimGray|1:Black" HorizontalAlignment="Right"
+			Caption="Add new tab" Width="Fit" Height="30" MouseClick="onAddTabButClick"/>
+	</VerticalStack>
+</HorizontalStack>
+
diff --git a/Tests/Interfaces/Unsorted/testTreeView.crow b/Tests/Interfaces/Unsorted/testTreeView.crow
new file mode 100755
index 00000000..86bcae88
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testTreeView.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<TreeView Height="400" Width="200" Data="{List2}" ItemTemplate="#Crow.Templates.TreeViewItem.crow"/>
\ No newline at end of file
diff --git a/Tests/Interfaces/Unsorted/testTypeViewer.goml b/Tests/Interfaces/Unsorted/testTypeViewer.goml
new file mode 100755
index 00000000..caa454fc
--- /dev/null
+++ b/Tests/Interfaces/Unsorted/testTypeViewer.goml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+
+	<VerticalStack Height="Fit" Width="250" Name="hstack" Margin="0" Spacing="0">
+		<Border Height="Fit" Width="Stretched" BorderWidth="2" CornerRadius="10" Background="SteelBlue">
+			<Label Name="labName" Text="{Name}" Width="Stretched" Height="Fit" Margin="3"/>
+		</Border>
+		<ListBox Data="{Members}" Width="Stretched" Height="400" ItemTemplate="Interfaces/tmpMembers.goml" Focusable="true">
+			
+		</ListBox>
+	</VerticalStack>