Update Pivot(disbled effects) add Session input design
authorriley
Thu, 24 Sep 2009 15:21:52 +0200
changeset 106 9dfc0ee0ab17
parent 105 13930076a06c
child 107 604696163664
Update Pivot(disbled effects) add Session input design
src/FingersDance.Control.SessionInput/FingersDance.Control.SessionInput.csproj
src/FingersDance.Control.SessionInput/UserControlSessionInput.xaml
src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources.xaml
src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/ConfirmationTick.xaml
src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/ConfirmationTick_files/image1.png
src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/SessionInput_Background.xaml
src/FingersDance/App.xaml
src/FingersDance/MainSurfaceWindow.xaml
--- a/src/FingersDance.Control.SessionInput/FingersDance.Control.SessionInput.csproj	Thu Sep 24 10:42:34 2009 +0200
+++ b/src/FingersDance.Control.SessionInput/FingersDance.Control.SessionInput.csproj	Thu Sep 24 15:21:52 2009 +0200
@@ -25,6 +25,7 @@
     <RunPostBuildEvent>OnBuildSuccess</RunPostBuildEvent>
     <StartupObject>
     </StartupObject>
+    <ExpressionBlendVersion>3.0.1927.0</ExpressionBlendVersion>
   </PropertyGroup>
   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
     <DebugSymbols>true</DebugSymbols>
@@ -58,6 +59,10 @@
     <Reference Include="Microsoft.Surface" />
     <Reference Include="Microsoft.Surface.Presentation" />
     <Reference Include="Microsoft.Surface.Presentation.Generic" />
+    <Resource Include="fingersDance.Control.SessionInput.ressources.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Resource>
     <Page Include="UserControlSessionInput.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>
@@ -99,6 +104,7 @@
     <Resource Include="FingersDance.Control.SessionInput.xml" />
   </ItemGroup>
   <ItemGroup>
+    <Resource Include="fingersDance.Control.SessionInput.ressources_Files\**\*.jpg;fingersDance.Control.SessionInput.ressources_Files\**\*.jpeg;fingersDance.Control.SessionInput.ressources_Files\**\*.png;fingersDance.Control.SessionInput.ressources_Files\**\*.bmp;fingersDance.Control.SessionInput.ressources_Files\**\*.gif;fingersDance.Control.SessionInput.ressources_Files\**\*.tif;fingersDance.Control.SessionInput.ressources_Files\**\*.tiff" />
     <Resource Include="Resources\WindowBackground.jpg" />
   </ItemGroup>
   <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
--- a/src/FingersDance.Control.SessionInput/UserControlSessionInput.xaml	Thu Sep 24 10:42:34 2009 +0200
+++ b/src/FingersDance.Control.SessionInput/UserControlSessionInput.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -4,30 +4,340 @@
 	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 	mc:Ignorable="d"
+	xmlns:Custom="http://schemas.microsoft.com/surface/2008" xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
 	x:Class="FingersDance.Control.SessionInput.UserControlSessionInput"
 	x:Name="UserControl"
-	Background="#FFA09E9E" Width="256" Height="192" xmlns:Custom="http://schemas.microsoft.com/surface/2008">
+	Background="#FFA09E9E" Width="256" Height="192">
 
-	<Grid x:Name="LayoutRoot">
-		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment" Margin="112,12.818,8,0" x:Name="ST_Name" VerticalAlignment="Top" Text="" TextWrapping="Wrap"/>
-		<Label HorizontalAlignment="Left" VerticalAlignment="Top" Content="Name:" Margin="14.367,4.818,0,0" x:Name="LName"/>
-		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" Margin="112,36.626,8,0" x:Name="ST_Date" VerticalAlignment="Top" Text="" TextWrapping="Wrap"/>
-		<Label HorizontalAlignment="Left" VerticalAlignment="Top" Content="Date:" Margin="14.367,28.626,0,0" x:Name="LDate"/>
-		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment, VerticalAlignment, Height" Margin="112,62.586,8,0" x:Name="ST_Alias" VerticalAlignment="Top" Text="" TextWrapping="Wrap"/>
-		<Label HorizontalAlignment="Left" VerticalAlignment="Top" Content="Alias:" Margin="14.367,54.586,0,0" x:Name="LAlias"/>
-		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" Margin="112,87.677,8,0" x:Name="ST_Email" VerticalAlignment="Top" Text="" TextWrapping="Wrap"/>
-		<Label HorizontalAlignment="Left" Content="Email:" d:LayoutOverrides="Height" Margin="14.367,80.546,0,85.494" x:Name="LEmail"/>
-		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment, Height" Margin="112,0,8,64.403" x:Name="ST_Desc" VerticalAlignment="Bottom" Text="" TextWrapping="Wrap"/>
-		<Label HorizontalAlignment="Left" VerticalAlignment="Bottom" Content="Description:" Margin="14.367,0,0,64.403" Width="74.321" d:LayoutOverrides="Height"/>
-		<Custom:SurfaceButton RenderTransformOrigin="0.5,0.5" Margin="112,0,94,8" VerticalAlignment="Bottom" Content="" Height="50" x:Name="SurfaceButtonSubmit" ContactDown="SurfaceButtonSubmit_ContactDown" Click="SurfaceButtonSubmit_Click">
-			<Custom:SurfaceButton.RenderTransform>
+	<UserControl.Resources>
+		<Style x:Key="FingersDance.Control.SurfaceRadioButton" TargetType="{x:Type Custom:SurfaceRadioButton}">
+			<Setter Property="HorizontalContentAlignment" Value="Left"/>
+			<Setter Property="Background" Value="Transparent"/>
+			<Setter Property="Foreground" Value="Black"/>
+			<Setter Property="BorderBrush" Value="Transparent"/>
+			<Setter Property="Padding" Value="5,0,0,0"/>
+			<Setter Property="Template">
+				<Setter.Value>
+					<ControlTemplate TargetType="{x:Type Custom:SurfaceRadioButton}">
+						<ControlTemplate.Resources>
+							<Storyboard x:Key="ThreeStateExit">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
+								</DoubleAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Press">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+								</DoubleAnimationUsingKeyFrames>
+								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+									<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
+								</ThicknessAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Checked">
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+							</Storyboard>
+							<Storyboard x:Key="Release">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+									<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+								</DoubleAnimationUsingKeyFrames>
+								<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+									<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
+									<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+								</ThicknessAnimationUsingKeyFrames>
+							</Storyboard>
+							<Storyboard x:Key="Unchecked">
+								<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+							</Storyboard>
+							<Storyboard x:Key="ThreeStateEnter">
+								<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+									<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
+								</DoubleAnimationUsingKeyFrames>
+							</Storyboard>
+						</ControlTemplate.Resources>
+						<BulletDecorator x:Name="bulletDecorator" MinHeight="30" MinWidth="30" Height="Auto" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
+							<BulletDecorator.Bullet>
+								<Grid MinHeight="30" MinWidth="30" Width="30" Height="30" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" Stroke="Transparent" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+									<Rectangle x:Name="Button" Fill="{x:Null}" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Stroke="White"/>
+									<Rectangle x:Name="RenderOverlay" StrokeThickness="1" RadiusX="15" RadiusY="15" Margin="3" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Fill="{x:Null}" Stroke="{x:Null}"/>
+									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="GlowBorder" Margin="2" Opacity="0" Color="White" CornerRadius="{Binding ActualHeight, ElementName=GlowBorder}"/>
+									<Rectangle x:Name="Checkmark" Fill="{x:Null}" StrokeThickness="7" RadiusX="6" RadiusY="6" Margin="8" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
+												<GradientStop Color="#FF292929" Offset="1"/>
+												<GradientStop Color="#FF1B1B1B" Offset="0.276"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Rectangle x:Name="ThreeStateMark" StrokeThickness="1" RadiusX="13" RadiusY="13" Margin="6" Opacity="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#33000000" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+										<Rectangle.Fill>
+											<LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
+												<GradientStop Color="#FF292929" Offset="0.5"/>
+												<GradientStop Color="#FF1B1B1B" Offset="0.196"/>
+											</LinearGradientBrush>
+										</Rectangle.Fill>
+									</Rectangle>
+								</Grid>
+							</BulletDecorator.Bullet>
+							<Grid HorizontalAlignment="Stretch" Margin="5,0,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+								<Grid x:Name="ContentBox" HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Background="Transparent">
+									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" ClipToBounds="False" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
+								</Grid>
+							</Grid>
+						</BulletDecorator>
+						<ControlTemplate.Triggers>
+							<MultiTrigger>
+								<MultiTrigger.Conditions>
+									<Condition Property="IsThreeState" Value="True"/>
+									<Condition Property="IsChecked" Value="{x:Null}"/>
+								</MultiTrigger.Conditions>
+								<MultiTrigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
+											</DoubleAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.ExitActions>
+								<MultiTrigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ThreeStateMark" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.9"/>
+											</DoubleAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</MultiTrigger.EnterActions>
+							</MultiTrigger>
+							<Trigger Property="IsChecked" Value="False">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsChecked" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="1"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Checkmark" Storyboard.TargetProperty="Opacity" To="0"/>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsPressed" Value="True">
+								<Trigger.EnterActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+											</DoubleAnimationUsingKeyFrames>
+											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+												<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-2"/>
+											</ThicknessAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.EnterActions>
+								<Trigger.ExitActions>
+									<BeginStoryboard>
+										<Storyboard>
+											<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
+												<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+												<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+											</DoubleAnimationUsingKeyFrames>
+											<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="GlowBorder" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+												<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-2"/>
+												<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="2"/>
+											</ThicknessAnimationUsingKeyFrames>
+										</Storyboard>
+									</BeginStoryboard>
+								</Trigger.ExitActions>
+							</Trigger>
+							<Trigger Property="IsEnabled" Value="False">
+								<Setter Property="Fill" TargetName="Button" Value="#00000000"/>
+								<Setter Property="Stroke" TargetName="Button" Value="#33000000"/>
+								<Setter Property="Foreground" Value="#A5333333"/>
+								<Setter Property="Fill" TargetName="RenderOverlay" Value="#00000000"/>
+								<Setter Property="Stroke" TargetName="Checkmark" Value="#33000000"/>
+								<Setter Property="Opacity" TargetName="RenderOverlay" Value="0.5"/>
+							</Trigger>
+						</ControlTemplate.Triggers>
+					</ControlTemplate>
+				</Setter.Value>
+			</Setter>
+			<Style.BasedOn>
+				<Style TargetType="{x:Type ButtonBase}">
+					<Setter Property="SnapsToDevicePixels" Value="True"/>
+					<Setter Property="FocusVisualStyle">
+						<Setter.Value>
+							<Style>
+								<Setter Property="Control.Template">
+									<Setter.Value>
+										<ControlTemplate/>
+									</Setter.Value>
+								</Setter>
+							</Style>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="FontFamily" Value="Segoe UI"/>
+					<Setter Property="FontSize" Value="10"/>
+					<Setter Property="Foreground" Value="Black"/>
+					<Setter Property="Background" Value="#33A4B4BD"/>
+					<Setter Property="BorderBrush">
+						<Setter.Value>
+							<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
+								<GradientStop Color="#7FFFFFFF" Offset="0"/>
+								<GradientStop Color="#0CFFFFFF" Offset="1"/>
+							</LinearGradientBrush>
+						</Setter.Value>
+					</Setter>
+					<Setter Property="BorderThickness" Value="1"/>
+					<Setter Property="HorizontalContentAlignment" Value="Center"/>
+					<Setter Property="VerticalContentAlignment" Value="Center"/>
+					<Setter Property="Padding" Value="15,6"/>
+					<Setter Property="IsTabStop" Value="False"/>
+					<Setter Property="Focusable" Value="False"/>
+					<Setter Property="MinWidth" Value="30"/>
+					<Setter Property="MinHeight" Value="30"/>
+					<Setter Property="Template">
+						<Setter.Value>
+							<ControlTemplate TargetType="{x:Type ButtonBase}">
+								<ControlTemplate.Resources>
+									<Storyboard x:Key="Press">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+									<Storyboard x:Key="Release">
+										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+											<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+										</DoubleAnimationUsingKeyFrames>
+										<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+											<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+											<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+										</ThicknessAnimationUsingKeyFrames>
+									</Storyboard>
+								</ControlTemplate.Resources>
+								<Grid x:Name="Grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+									<Border x:Name="Shadow" Margin="1,1,1,0" BorderBrush="#33000000" BorderThickness="0,0,0,1" CornerRadius="6" Padding="1"/>
+									<Rectangle x:Name="Base" Fill="{TemplateBinding Background}" StrokeThickness="1" RadiusX="5" RadiusY="5" Margin="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Stroke>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#66000000" Offset="0"/>
+												<GradientStop Color="#33000000" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Stroke>
+									</Rectangle>
+									<Rectangle x:Name="RenderOverlay" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1" RadiusX="4" RadiusY="4" Margin="2" Opacity="1" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
+										<Rectangle.Fill>
+											<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+												<GradientStop Color="#26000000" Offset="0"/>
+												<GradientStop Color="#4CFFFFFF" Offset="1"/>
+											</LinearGradientBrush>
+										</Rectangle.Fill>
+									</Rectangle>
+									<Microsoft_Surface_Presentation_Generic:SurfaceShadowChrome x:Name="Glow" Margin="1" Opacity="0" Color="White" CornerRadius="4"/>
+									<ContentPresenter x:Name="Content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RenderTransformOrigin="0.5,0.5" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}">
+										<ContentPresenter.RenderTransform>
+											<TranslateTransform X="0" Y="-1"/>
+										</ContentPresenter.RenderTransform>
+									</ContentPresenter>
+								</Grid>
+								<ControlTemplate.Triggers>
+									<Trigger Property="IsPressed" Value="True">
+										<Trigger.EnterActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="1"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00.1000000" Value="-3"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.EnterActions>
+										<Trigger.ExitActions>
+											<BeginStoryboard>
+												<Storyboard>
+													<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(UIElement.Opacity)">
+														<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+														<SplineDoubleKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="0"/>
+													</DoubleAnimationUsingKeyFrames>
+													<ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Glow" Storyboard.TargetProperty="(FrameworkElement.Margin)">
+														<SplineThicknessKeyFrame KeyTime="00:00:00" Value="-3"/>
+														<SplineThicknessKeyFrame KeySpline="0.5,0.5,0.5,1" KeyTime="00:00:00.5000000" Value="1"/>
+													</ThicknessAnimationUsingKeyFrames>
+												</Storyboard>
+											</BeginStoryboard>
+										</Trigger.ExitActions>
+									</Trigger>
+									<Trigger Property="IsEnabled" Value="True"/>
+									<Trigger Property="IsEnabled" Value="False">
+										<Setter Property="Fill" TargetName="RenderOverlay" Value="#0CFFFFFF"/>
+										<Setter Property="Stroke" TargetName="RenderOverlay" Value="#33FFFFFF"/>
+										<Setter Property="Stroke" TargetName="Base" Value="#33000000"/>
+										<Setter Property="BorderBrush" TargetName="Shadow" Value="#00000000"/>
+										<Setter Property="Foreground" Value="#A5333333"/>
+										<Setter Property="Background" Value="Transparent"/>
+									</Trigger>
+								</ControlTemplate.Triggers>
+							</ControlTemplate>
+						</Setter.Value>
+					</Setter>
+				</Style>
+			</Style.BasedOn>
+		</Style>
+	</UserControl.Resources>
+
+	<Grid x:Name="LayoutRoot" Background="{DynamicResource SessionInput__Background_xaml}">
+		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment" Margin="112,17.818,8,0" x:Name="ST_Name" VerticalAlignment="Top" Text="" TextWrapping="Wrap" Background="{x:Null}" Foreground="White"/>
+		<Label HorizontalAlignment="Left" VerticalAlignment="Top" Content="Name:" Margin="14.367,9.818,0,0" x:Name="LName" Foreground="#FFBCB3B3"/>
+		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment, VerticalAlignment" Margin="112,50.626,8,0" x:Name="ST_Date" VerticalAlignment="Top" Text="" TextWrapping="Wrap" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White"/>
+		<Label HorizontalAlignment="Left" VerticalAlignment="Top" Content="Date:" Margin="14.367,42.626,0,0" x:Name="LDate" Foreground="#FFBCB3B3"/>
+		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment" Margin="112,82.586,8,0" x:Name="ST_Alias" VerticalAlignment="Top" Text="" TextWrapping="Wrap" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White"/>
+		<Label HorizontalAlignment="Left" Content="Alias:" Margin="14.367,74.586,0,91.454" x:Name="LAlias" Foreground="#FFBCB3B3" d:LayoutOverrides="Height"/>
+		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment" Margin="112,113.677,8,0" x:Name="ST_Email" VerticalAlignment="Top" Text="" TextWrapping="Wrap" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White"/>
+		<Label HorizontalAlignment="Left" Content="Email:" Margin="14.367,0,0,59.494" x:Name="LEmail" VerticalAlignment="Bottom" Foreground="#FFBCB3B3"/>
+		<Custom:SurfaceTextBox d:LayoutOverrides="HorizontalAlignment" Margin="112,0,8,30.403" x:Name="ST_Desc" VerticalAlignment="Bottom" Text="" TextWrapping="Wrap" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="White"/>
+		<Label x:Name="LDescription" HorizontalAlignment="Left" VerticalAlignment="Bottom" Content="Description:" Margin="14.367,0,0,30.403" Width="74.321" Foreground="#FFBCB3B3"/>
+		<Custom:SurfaceRadioButton RenderTransformOrigin="0.46,0.243" Margin="70.688,0,0,3" VerticalAlignment="Bottom" Content="" Height="30.403" x:Name="SurfaceButtonSubmit" ContactDown="SurfaceButtonSubmit_ContactDown" Click="SurfaceButtonSubmit_Click" HorizontalAlignment="Left" Style="{DynamicResource FingersDance.Control.SurfaceRadioButton}" Width="33.312" Background="{DynamicResource ConfirmationTick_xaml}" BorderBrush="{x:Null}">
+			<Custom:SurfaceRadioButton.RenderTransform>
 				<TransformGroup>
 					<ScaleTransform ScaleX="1" ScaleY="1"/>
 					<SkewTransform AngleX="0" AngleY="0"/>
 					<RotateTransform Angle="0"/>
 					<TranslateTransform X="0" Y="0"/>
 				</TransformGroup>
-			</Custom:SurfaceButton.RenderTransform>
-		</Custom:SurfaceButton>
+			</Custom:SurfaceRadioButton.RenderTransform>
+		</Custom:SurfaceRadioButton>
 	</Grid>
 </UserControl>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -0,0 +1,49 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+  <DrawingBrush x:Key="ConfirmationTick_xaml" Stretch="Uniform">
+    <DrawingBrush.Drawing>
+      <DrawingGroup ClipGeometry="F1 M 0,0L 118.985,0L 118.985,106.987L 0,106.987L 0,0">
+        <DrawingGroup.Children>
+          <ImageDrawing ImageSource="fingersDance.Control.SessionInput.ressources_files/ConfirmationTick_files/image1.png" Rect="0,-10,118,118" />
+        </DrawingGroup.Children>
+      </DrawingGroup>
+    </DrawingBrush.Drawing>
+  </DrawingBrush>
+  <DrawingBrush x:Key="SessionInput__Background_xaml" Stretch="Uniform">
+    <DrawingBrush.Drawing>
+      <DrawingGroup ClipGeometry="F1 M 0,0L 256.968,0L 256.968,192.976L 0,192.976L 0,0">
+        <DrawingGroup.Children>
+          <GeometryDrawing Brush="#FF636060" Geometry="F1 M 0.499939,0.499924L 256.468,0.499924L 256.468,192.476L 0.499939,192.476L 0.499939,0.499924 Z ">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+          <GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,12.5035L 235.137,12.5035">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+          <GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,45.8095L 235.137,45.8095">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+          <GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,76.4682L 235.137,76.4682">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+          <GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,109.793L 235.137,109.793">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+          <GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,139.786L 235.137,139.786">
+            <GeometryDrawing.Pen>
+              <Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF" />
+            </GeometryDrawing.Pen>
+          </GeometryDrawing>
+        </DrawingGroup.Children>
+      </DrawingGroup>
+    </DrawingBrush.Drawing>
+  </DrawingBrush>
+</ResourceDictionary>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/ConfirmationTick.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+	<DrawingBrush x:Key="ConfirmationTick" Stretch="Uniform">
+		<DrawingBrush.Drawing>
+			<DrawingGroup ClipGeometry="F1 M 0,0L 118.985,0L 118.985,106.987L 0,106.987L 0,0">
+				<DrawingGroup.Children>
+					<ImageDrawing ImageSource="fingersDance.Control.SessionInput.ressources_files/ConfirmationTick_files/image1.png" Rect="0,-10,118,118"/>
+				</DrawingGroup.Children>
+			</DrawingGroup>
+		</DrawingBrush.Drawing>
+	</DrawingBrush>
+</ResourceDictionary>
Binary file src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/ConfirmationTick_files/image1.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/FingersDance.Control.SessionInput/fingersDance.Control.SessionInput.ressources_files/SessionInput_Background.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+	<DrawingBrush x:Key="SessionInput__Background" Stretch="Uniform">
+		<DrawingBrush.Drawing>
+			<DrawingGroup ClipGeometry="F1 M 0,0L 256.968,0L 256.968,192.976L 0,192.976L 0,0">
+				<DrawingGroup.Children>
+					<GeometryDrawing Brush="#FF636060" Geometry="F1 M 0.499939,0.499924L 256.468,0.499924L 256.468,192.476L 0.499939,192.476L 0.499939,0.499924 Z ">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+					<GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,12.5035L 235.137,12.5035">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+					<GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,45.8095L 235.137,45.8095">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+					<GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,76.4682L 235.137,76.4682">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+					<GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,109.793L 235.137,109.793">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+					<GeometryDrawing Brush="#FFBCB3B3" Geometry="F1 M 21.8306,139.786L 235.137,139.786">
+						<GeometryDrawing.Pen>
+							<Pen Thickness="0.999875" LineJoin="Round" Brush="#FFFFFFFF"/>
+						</GeometryDrawing.Pen>
+					</GeometryDrawing>
+				</DrawingGroup.Children>
+			</DrawingGroup>
+		</DrawingBrush.Drawing>
+	</DrawingBrush>
+</ResourceDictionary>
--- a/src/FingersDance/App.xaml	Thu Sep 24 10:42:34 2009 +0200
+++ b/src/FingersDance/App.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -9,6 +9,7 @@
           <ResourceDictionary Source="/Microsoft.Surface.Presentation.Generic;v1.0.0.0;31bf3856ad364e35;component/themes\generic.xaml"/>
           <ResourceDictionary Source="pack://application:,,,/FingersDance.Control.Pivot;component/FingersDance.Control.Pivot.Ressource.xaml"/>
           <ResourceDictionary Source="pack://application:,,,/FingersDance.Control.TimeLine;component/FingersDance.Control.TimeLine.Ressources.xaml"/>
+          <ResourceDictionary Source="/FingersDance.Control.SaisieSeance;Component/fingersDance.Control.SessionInput.ressources.xaml"/>
         </ResourceDictionary.MergedDictionaries>
       </ResourceDictionary>
     </Application.Resources>
--- a/src/FingersDance/MainSurfaceWindow.xaml	Thu Sep 24 10:42:34 2009 +0200
+++ b/src/FingersDance/MainSurfaceWindow.xaml	Thu Sep 24 15:21:52 2009 +0200
@@ -7,16 +7,123 @@
     xmlns:FingersDance_Control_Pivot="clr-namespace:FingersDance.Control.Pivot;assembly=FingersDance.Control.Pivot"
     
     
+    xmlns:FingersDance_Control_SessionInput1="clr-namespace:FingersDance.Control.SessionInput;assembly=FingersDance.Control.SaisieSeance"
+    
+    
+    xmlns:Microsoft_Surface_Presentation_Generic="clr-namespace:Microsoft.Surface.Presentation.Generic;assembly=Microsoft.Surface.Presentation.Generic"
+    
+    
     x:Class="FingersDance.SurfaceWindow1"
     Title="FingersDance"
     Width="1024" Height="768" x:Name="mainSurfaceWindow" 
     Background="{x:Null}"
-    xmlns:FingersDance_Control_SessionInput1="clr-namespace:FingersDance.Control.SessionInput;assembly=FingersDance.Control.SaisieSeance"
     
     
     >
   <s:SurfaceWindow.Resources>
     <ImageBrush x:Key="WindowBackground" Stretch="None" Opacity="0.6" ImageSource="pack://application:,,,/Resources/WindowBackground.jpg"/>
+  	<Style x:Key="FingersDance.Control.ScatterView" TargetType="{x:Type s:ScatterViewItem}">
+  		<Setter Property="Background">
+  			<Setter.Value>
+  				<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+  					<GradientStop Color="#FFA4B4BD" Offset="0"/>
+  					<GradientStop Color="#FFDFE9EE" Offset="1"/>
+  				</LinearGradientBrush>
+  			</Setter.Value>
+  		</Setter>
+  		<Setter Property="BorderBrush" Value="#33000000"/>
+  		<Setter Property="Foreground" Value="#FF515151"/>
+  		<Setter Property="BorderThickness" Value="1"/>
+  		<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
+  		<Setter Property="VerticalContentAlignment" Value="Stretch"/>
+  		<Setter Property="MinWidth" Value="48"/>
+  		<Setter Property="MinHeight" Value="48"/>
+  		<Setter Property="Template">
+  			<Setter.Value>
+  				<ControlTemplate TargetType="{x:Type s:ScatterViewItem}">
+  					<ControlTemplate.Resources>
+  						<Storyboard x:Key="ActivationTimeline">
+  							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
+  								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.01"/>
+  								<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.4500000" Value="1.03"/>
+  							</DoubleAnimationUsingKeyFrames>
+  							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
+  								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.01"/>
+  								<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.4500000" Value="1.03"/>
+  							</DoubleAnimationUsingKeyFrames>
+  						</Storyboard>
+  						<Storyboard x:Key="DeactivationTimeline">
+  							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
+  								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.03"/>
+  								<SplineDoubleKeyFrame KeySpline="0,0,0.148,0.933" KeyTime="00:00:00.7500000" Value="1.01"/>
+  							</DoubleAnimationUsingKeyFrames>
+  							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
+  								<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.03"/>
+  								<SplineDoubleKeyFrame KeySpline="0,0,0.148,0.933" KeyTime="00:00:00.7500000" Value="1.01"/>
+  							</DoubleAnimationUsingKeyFrames>
+  						</Storyboard>
+  					</ControlTemplate.Resources>
+  					<Grid x:Name="container" RenderTransformOrigin="{TemplateBinding RenderTransformOrigin}">
+  						<Grid.RenderTransform>
+  							<ScaleTransform ScaleX="1" ScaleY="1"/>
+  						</Grid.RenderTransform>
+  						<Border x:Name="contentBorder" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
+  							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
+  						</Border>
+  						<Rectangle x:Name="Sheen" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Focusable="False" IsHitTestVisible="False" Opacity="0.6" Fill="{x:Null}"/>
+  					</Grid>
+  					<ControlTemplate.Triggers>
+  						<MultiTrigger>
+  							<MultiTrigger.Conditions>
+  								<Condition Property="IsActive" Value="True"/>
+  								<Condition Property="ShowsActivationEffects" Value="True"/>
+  							</MultiTrigger.Conditions>
+  							<MultiTrigger.ExitActions>
+  								<BeginStoryboard x:Name="DeactivationTimeline_BeginStoryboard">
+  									<Storyboard>
+  										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
+  											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.03"/>
+  											<SplineDoubleKeyFrame KeySpline="0,0,0.148,0.933" KeyTime="00:00:00.7500000" Value="1.01"/>
+  										</DoubleAnimationUsingKeyFrames>
+  										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
+  											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.03"/>
+  											<SplineDoubleKeyFrame KeySpline="0,0,0.148,0.933" KeyTime="00:00:00.7500000" Value="1.01"/>
+  										</DoubleAnimationUsingKeyFrames>
+  									</Storyboard>
+  								</BeginStoryboard>
+  							</MultiTrigger.ExitActions>
+  							<MultiTrigger.EnterActions>
+  								<BeginStoryboard x:Name="ActivationTimeline_BeginStoryboard">
+  									<Storyboard>
+  										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)">
+  											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.01"/>
+  											<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.4500000" Value="1.03"/>
+  										</DoubleAnimationUsingKeyFrames>
+  										<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="container" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
+  											<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.01"/>
+  											<SplineDoubleKeyFrame KeySpline="0,1,1,1" KeyTime="00:00:00.4500000" Value="1.03"/>
+  										</DoubleAnimationUsingKeyFrames>
+  									</Storyboard>
+  								</BeginStoryboard>
+  							</MultiTrigger.EnterActions>
+  						</MultiTrigger>
+  						<Trigger Property="IsEnabled" Value="False">
+  							<Setter Property="Background" TargetName="contentBorder">
+  								<Setter.Value>
+  									<LinearGradientBrush EndPoint="0,0" StartPoint="0,1">
+  										<GradientStop Color="#4CA4B4BD" Offset="0"/>
+  										<GradientStop Color="#4CDFE9EE" Offset="1"/>
+  									</LinearGradientBrush>
+  								</Setter.Value>
+  							</Setter>
+  							<Setter Property="Foreground" Value="#A5333333"/>
+  							<Setter Property="BorderBrush" Value="#33000000"/>
+  						</Trigger>
+  					</ControlTemplate.Triggers>
+  				</ControlTemplate>
+  			</Setter.Value>
+  		</Setter>
+  	</Style>
   </s:SurfaceWindow.Resources>
 
   <Grid x:Name="MainGrid" Width="1024" Height="768" >
@@ -69,7 +176,7 @@
   		<Rectangle Fill="{x:Null}" Stroke="#FFFFFFFF" x:Name="rect4"/>
   	</Grid>
   	<s:ScatterView x:Name="scaterview"  ContactChanged="scaterview_ContactChanged">
-  		<s:ScatterViewItem   Center="512,384" CanMove="True" CanRotate="False" CanScale="False" Background="{x:Null}" x:Name="ScatterViewItemPivot" ContactChanged="ScatterViewItemPivot_ContactChanged" >
+  		<s:ScatterViewItem   Center="512,384" CanMove="True" CanRotate="False" CanScale="False" Background="{x:Null}" x:Name="ScatterViewItemPivot" ContactChanged="ScatterViewItemPivot_ContactChanged" Style="{DynamicResource FingersDance.Control.ScatterView}" BorderBrush="{x:Null}" Foreground="{x:Null}" >
   			<FingersDance_Control_Pivot:UserControlPivot x:Name="UserControlPivot" EH_SurfaceButtonPlayer1_ContactDown="UserControlPivot_EH_SurfaceButtonPlayer1_ContactDown" EH_SurfaceButtonPlayer2_ContactDown="UserControlPivot_EH_SurfaceButtonPlayer2_ContactDown" EH_SurfaceButtonPlayer3_ContactDown="UserControlPivot_EH_SurfaceButtonPlayer3_ContactDown" EH_SurfaceButtonPlayer4_ContactDown="UserControlPivot_EH_SurfaceButtonPlayer4_ContactDown"/>
   		</s:ScatterViewItem>
   	</s:ScatterView>