Binding properties of two elements on a canvas

A canvas has two rectangles, one of which can be moved by means of a
slider. Is it possible to let the second follow the first by binding to
the 'Canvas.Left' of the rectangle?

The line
<Binding ElementName="rec" Path="Canvas.Left">
seems to be accepted in XAMLPad but does not produce the expected
result.




<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
>

<Canvas>
<StackPanel Orientation="Vertical" >

<StackPanel Orientation="Horizontal" >
<Slider Margin="5,5,5,5" Name="slider2"
DockPanel.Dock="Top" Maximum="1000"
Minimum="10" />
<Label Content="{Binding ElementName=slider2,
Path=Value}"></Label>
</StackPanel>
</StackPanel>
<Rectangle
Width="50"
Height="50"
Fill="yellow"
Canvas.Left="{Binding ElementName=slider2, Path=Value}"
Canvas.Bottom="325"
Name="rec"
/>

<Rectangle
Width="50"
Height="50"
Fill="Red"
Canvas.Top="120"
>
<Canvas.Left>
<Binding ElementName="rec" Path="Canvas.Left"> <!--- this is allowed
but does not work... */ -->

</Binding>
</Canvas.Left>
</Rectangle>
</Canvas>
</Page>


[Thanks]

Instead of Path="Canvas.Left" use Path="(Canvas.Left)"
--
Valentin Iliescu [MVP - Client Application Development]


"Illumineo" wrote:

> A canvas has two rectangles, one of which can be moved by means of a
> slider. Is it possible to let the second follow the first by binding to
> the 'Canvas.Left' of the rectangle?
>
> The line
> <Binding ElementName="rec" Path="Canvas.Left">
> seems to be accepted in XAMLPad but does not produce the expected
> result.
>
>
>
>
> <Page
> xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
> xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
> >
>
> <Canvas>
> <StackPanel Orientation="Vertical" >
>
> <StackPanel Orientation="Horizontal" >
> <Slider Margin="5,5,5,5" Name="slider2"
> DockPanel.Dock="Top" Maximum="1000"
> Minimum="10" />
> <Label Content="{Binding ElementName=slider2,
> Path=Value}"></Label>
> </StackPanel>
> </StackPanel>
> <Rectangle
> Width="50"
> Height="50"
> Fill="yellow"
> Canvas.Left="{Binding ElementName=slider2, Path=Value}"
> Canvas.Bottom="325"
> Name="rec"
> />
>
> <Rectangle
> Width="50"
> Height="50"
> Fill="Red"
> Canvas.Top="120"
> >
> <Canvas.Left>
> <Binding ElementName="rec" Path="Canvas.Left"> <!--- this is allowed
> but does not work... */ -->
>
> </Binding>
> </Canvas.Left>
> </Rectangle>
> </Canvas>
> </Page>
>
>
> [Thanks]
>
>