title: Vertical and Horizontal ScrollBars are not working - WPF
body: <p>I have the following code:</p>
  
  <pre><code>&lt;DockPanel&gt;
          &lt;Grid&gt;
              &lt;Grid.ColumnDefinitions&gt;
                  &lt;!--This will make any control in this column of grid take 1/10 of total width--&gt;
                  &lt;ColumnDefinition Width="1*" /&gt;
                  &lt;!--This will make any control in this column of grid take 4/10 of total width--&gt;
                  &lt;ColumnDefinition Width="4*" /&gt;
                  &lt;!--This will make any control in this column of grid take 4/10 of total width--&gt;
                  &lt;ColumnDefinition Width="4*" /&gt;
                  &lt;!--This will make any control in this column of grid take 1/10 of total width--&gt;
                  &lt;ColumnDefinition Width="1*" /&gt;
              &lt;/Grid.ColumnDefinitions&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition /&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;Border BorderBrush="Black" BorderThickness="1" Grid.Row="0" Grid.Column="0"&gt;
                  &lt;StackPanel&gt;
                      &lt;Image Source="/SAMPLE;component/Images/1_Left.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/2_Left.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/3_Left.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/4_Left.png"/&gt;
                  &lt;/StackPanel&gt;
              &lt;/Border&gt;
              &lt;ScrollViewer Grid.Row="0" Grid.Column="1"&gt;
                  &lt;Canvas Name="Canvas1"&gt;
                      &lt;Image Name="LeftImage"/&gt;
                      &lt;Image Name="LeftIcon"/&gt;
                  &lt;/Canvas&gt;
              &lt;/ScrollViewer&gt;
              &lt;ScrollViewer Grid.Row="0" Grid.Column="2"&gt;
                  &lt;Canvas Name="Canvas2"&gt;
                      &lt;Image Name="RightImage"/&gt;
                      &lt;Image Name="RightIcon"/&gt;
                  &lt;/Canvas&gt;
              &lt;/ScrollViewer&gt;
              &lt;Border BorderBrush="Black" BorderThickness="1" Grid.Row="0" Grid.Column="3"&gt;
                  &lt;StackPanel&gt;
                      &lt;Image Source="/SAMPLE;component/Images/5_Right.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/6_Right.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/7_Right.png"/&gt;
                      &lt;Image Source="/SAMPLE;component/Images/8_Right.png"/&gt;
                  &lt;/StackPanel&gt;
              &lt;/Border&gt;
          &lt;/Grid&gt;
      &lt;/DockPanel&gt;
  </code></pre>
  
  <p>Even though the "LeftImage" and "RightImage" are having more width and height, the scroll bars are not working. I cannot able to scroll to view the complete image. Any help ?</p>
  
  <p>Thanks</p>