title: How to show a large grid of buttons in a panorama item over 3 screens?
body: <p>i made a very wide grid with multiple rows and columns, and i filled the grid with buttons (there is no vertical scrolling). All that is contained in one panorama item. Approx. 3 screen widths are needed to cover the whole grid in horizontal scrolling (about 1500 px wide). </p>
  
  <p>So the problem is when the user flicks the screen in panorama - it jumps from the beginning of the panorama item all the way to the end of it. So effectively only the far left and far right side of the grid is available to the user (only if he scrolls really slowly, he can get to the rest of the content in the middle). </p>
  
  <p>Ideally, i would have three panorama items, with the content overlapping over all of them - so the content can be viewed with two flicks - but i can't achieve that. Is it possible to overlap the grid over 3 panorama items? Or maybe, is it possible to somehow add some kind of stops in the middle or divide that one panorama item that i currently have so that the screen stops somewhere in the middle?</p>
  
  <p>I can't find any examples for more than 2 screens, and wrapping doesn't work for me - i want a fixed height and i can't make buttons any smaller in width. Anyway, i even don't know is it possible to achieve all this? Maybe i'm overstreching the panorama capabilities...</p>
  
  <p>Thank you</p>
  
  <p>Edit:</p>
  
  <p>This would be an example of my problem (i have over 100 buttons so the xaml code is very large but this is the same basic problem i am trying to solve):</p>
  
  <pre><code>&lt;controls:PanoramaItem Header="first item" Orientation="Horizontal"&gt;
              &lt;Grid&gt;
                  &lt;Grid.RowDefinitions&gt;
                      &lt;RowDefinition Height="Auto" /&gt;
                  &lt;/Grid.RowDefinitions&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="500" /&gt;
                      &lt;ColumnDefinition Width="500" /&gt;
                      &lt;ColumnDefinition Width="500" /&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;Button Grid.Row="0"
                          Grid.Column="0"
                          Width="250"
                          Height="250"
                          Content="Button1" /&gt;
                  &lt;Button Grid.Row="0"
                          Grid.Column="1"
                          Width="250"
                          Height="250"
                          Content="Button2" /&gt;
                  &lt;Button Grid.Row="0"
                          Grid.Column="2"
                          Width="250"
                          Height="250"
                          Content="Button3" /&gt;
              &lt;/Grid&gt;             
          &lt;/controls:PanoramaItem&gt;
  </code></pre>
  
  <p>So if you put this into your panorama control - you get a very wide panorama item - and if you flick it from Button1 it jumps all the way to the far right on the Button3 - so it scrolls you past the Button2... I want it to stop scrolling on the Button2.</p>