wpf control width binding

Question

I have two borders with content, The second border width changes depending on the content, I\'m trying to bind the first border to the second border width but it\'s not working

Answer 1

Change the path to ActualWidth.

Answer 2

change path to ViewportWidth too !

<Grid x:Name="mainGrid">
//and some elements exist there
  <Grid> 
    <Border x:Name="border_btn" Width="{Binding ElementName=root ,Path=ViewportWidth, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>  
  </Grid>
</Grid>

use ViewportWidth instead of ActualWidth because in this case ActualWidth is always shown 0! for test this problem you can test this with this line in your xaml.

  <TextBlock Text="{Binding  ElementName=mainGrid, Path=ActualWidth ,Mode=TwoWay}" Foreground="Red"/>