Zooming SilverLight Form

[owernQuon]

How can I implement a zoom control to my SilverLight Form?I need not enlarge the static picture but the elements of Grid, dynamically changing.\[code\] <Style x:Key="ConnectorLineStyle" TargetType="Line"> <Setter Property="Stroke" Value="http://stackoverflow.com/questions/7482558/#FFFFBB00" /> <Setter Property="StrokeThickness" Value="http://stackoverflow.com/questions/7482558/1" /> </Style> </UserControl.Resources> <Grid x:Name="LayoutRoot"> <Grid.Background> <RadialGradientBrush> <GradientStop Color="#FF1C1C1C" Offset="0" /> <GradientStop Color="#FF3B3B3B" Offset="1" /> </RadialGradientBrush> </Grid.Background> <Grid.RowDefinitions> <RowDefinition Height="50" /> <RowDefinition /> </Grid.RowDefinitions> <StackPanel Grid.Row="1" > <Controls:SpiderWebControl x:Name="SpiderControl" ItemTemplate="{StaticResource RootItemTemplate}" Header="{Binding}" ConnectorStyle="{StaticResource ConnectorLineStyle}" /> </StackPanel> <StackPanel Orientation="Horizontal" d:LayoutOverrides="Height" Background="#FF232323"> <Button Content="Cleanup Layout" Click="DoLayout" Margin="5,5,10,5" /> </StackPanel> </Grid>\[/code\]My dynamically changeable elements are like this: \[code\] <Windows:HierarchicalDataTemplate x:Key="RootItemTemplate" ItemsSource="{Binding Children}" ItemTemplate="{StaticResource Level1ItemTemplate}"> <Grid Height="100" Width="100" Margin="5"> <Border BorderThickness="1" Padding="5" BorderBrush="#FF00AFC9" CornerRadius="5"> <Border.Background> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FF00C5E2" Offset="0" /> <GradientStop Color="#FF002F35" Offset="1" /> </LinearGradientBrush> </Border.Background> <Border.Effect> <DropShadowEffect ShadowDepth="0" BlurRadius="10" Color="#FF00BDD8" /> </Border.Effect> <TextBox TextWrapping="Wrap" Text="{Binding Title, Mode=TwoWay}" VerticalAlignment="Center" d:LayoutOverrides="Width" HorizontalAlignment="Center" FontWeight="Bold" FontSize="13.333" Style="{StaticResource EditableTitleStyle}" /> </Border> <Image HorizontalAlignment="Right" Source="add.png" Stretch="Fill" Width="16" VerticalAlignment="Bottom" Margin="0,0,2,2" Height="16"> <i:Interaction.Triggers> <i:EventTrigger EventName="MouseLeftButtonDown"> <Graph:AddSpiderItemAction /> </i:EventTrigger> </i:Interaction.Triggers> </Image> </Grid> </Windows:HierarchicalDataTemplate> I hope you will help me with this question)\[/code\]