Question : Cant get Canvas.Top animation in silverlight to work

Just getting my feet wet in silverlight and am having a hard time getting a simple animation to work. I just want to move an object up as shown in the attached xaml code. What am I doing wrong here? I'm playing with SL4 ...

I know its something I'm doing wrong as I'm a noob at this so please point me in the right direction.

Code Snippet:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

Open in New Window

Select All

Answer : Cant get Canvas.Top animation in silverlight to work

Hallelujah!!!! Got IT!! ... Just needed the beginstoryboard tag ...

                       
         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

           
           
             <UserControl x:Class="Foundations.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="518" d:DesignWidth="800"> 
    <Canvas x:Name="LayoutRoot" Background="Black" Height="518" Width="800" HorizontalAlignment="center">
        <Canvas.Resources>
            <BeginStoryboard x:Name="myAnim">
            <Storyboard x:Name="myStoryboard">
                <DoubleAnimation 
                    Storyboard.TargetName="image1" 
                    Storyboard.TargetProperty="Opacity" 
                    From=".01" 
                    To="1.0" 
                    Duration="0:0:3" /> 
                <DoubleAnimation 
                    Storyboard.TargetProperty="(Canvas.Top)"
                    Storyboard.TargetName="border1" 
                    From="-10"
                    To="5"
                    Duration="0:0:1" 
                    BeginTime="0:0:2" />
            
                <DoubleAnimation 
                    Storyboard.TargetName="border1" 
                    Storyboard.TargetProperty="Opacity" 
                    From="1" 
                    To="0.3" 
                    Duration="00:00:00.5" />
            </Storyboard>
            </BeginStoryboard>
        </Canvas.Resources>
        <Image HorizontalAlignment="Left" x:Name="image1" Stretch="Fill" VerticalAlignment="Top" Source="/Foundations;component/Images/Foundations-bkg.jpg" />
        <Border BorderBrush="black" Background="black" Canvas.Top="-10" BorderThickness="1" Height="38" x:Name="border1" Width="800" />
    </Canvas>
</UserControl>

           
         

Open in New Window

Select All