title: Wrappanel and scrollviewer issue
body: <p>I need to display <code>Buttons</code>, which user can use to add controls. <code>Buttons</code> are categorized in groups. Here is the XAML I am having -</p>
  
  <pre><code>&lt;ScrollViewer
      VerticalScrollBarVisibility="Auto"&gt;
      &lt;GroupBox
          Name="maingroup"
          Header="Click To Add Controls"
          BorderBrush="Transparent"&gt;
          &lt;Grid&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition
                      Height="*" /&gt;
                  &lt;RowDefinition
                      Height="90" /&gt;
              &lt;/Grid.RowDefinitions&gt;
  
              &lt;GroupBox
                  Grid.Row="0"
                  Name="groupVarControls"
                  Header="{Binding Path=GroupBoxHeaderText, Mode=OneWay}"&gt;
                  &lt;ScrollViewer
                      HorizontalScrollBarVisibility="Auto"
                      VerticalScrollBarVisibility="Hidden"&gt;
                      &lt;WrapPanel
                          Margin="7,7,0,0"
                          AllowDrop="False"&gt;
                          &lt;syncfusion:RibbonButton
                              SizeForm="Large"
                              Name="BarControl"
                              LargeIcon="Images\Bar.png"
                              Label="Bar"
                              AllowDrop="True"&gt;
                          &lt;/syncfusion:RibbonButton&gt;
  
                       &lt;!-- 10 More buttons --&gt;
  
                      &lt;/WrapPanel&gt;
                  &lt;/ScrollViewer&gt;
              &lt;/GroupBox&gt;
  
              &lt;GroupBox
                  Grid.Row="1"
                  Name="groupVarControls2"
                  Visibility="{Binding Path=GroupBoxVisibility, Mode=OneWay}"
                  Header="Click to Add control"&gt;
                  &lt;ScrollViewer
                      VerticalScrollBarVisibility="Hidden"
                      HorizontalScrollBarVisibility="Auto"&gt;
                      &lt;WrapPanel
                          Margin="7,7,0,0"
                          AllowDrop="False"&gt;
                          &lt;syncfusion:RibbonButton
                              SizeForm="Large"
                              Name="ClockControl"
                              AllowDrop="False"
                              LargeIcon="Images\Clock.png"
                              Label="Clock"
                              Click="ClockControl_Click" /&gt;
  
                        &lt;!-- More buttons --&gt;
  
                      &lt;/WrapPanel&gt;
                  &lt;/ScrollViewer&gt;
              &lt;/GroupBox&gt;
          &lt;/Grid&gt;
      &lt;/GroupBox&gt;
  &lt;/ScrollViewer&gt;
  </code></pre>
  
  <p>I want a vertical <code>ScrollBar</code> common for both <code>WrapPanel</code>'s and individual horizontal <code>ScrollBar</code>'s. With this XAML scrollbars are not coming correctly, <code>ScrollViewer</code> causes the wrapping to be "disabled", it just leaves my controls in a single <code>row</code> (or <code>column</code>), and uses a <code>ScrollBar</code> right away. </p>
  
  <p>I can't give a fixed <code>widht</code> to <code>WrapPanel</code>'s as this control will be displayed in a <code>DockPanel</code>(similar to VS toolbox) and user can cnage it.</p>
  
  <p>Any ideas?</p>