title: WrapPanel in ListBox with Horizontal & Vertical Scrolling
body: <p>According to <a href="https://stackoverflow.com/a/2573386/864101">https://stackoverflow.com/a/2573386/864101</a>, I'm using this code:</p>
  
  <pre><code>&lt;ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"&gt;
      &lt;ListBox.ItemsPanel&gt;
          &lt;ItemsPanelTemplate&gt;
              &lt;WrapPanel HorizontalAlignment="Center" VerticalAlignment="Center" /&gt;
          &lt;/ItemsPanelTemplate&gt;
      &lt;/ListBox.ItemsPanel&gt;
      &lt;Image Source="http://placehold.it/50x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/60x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/70x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/80x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/90x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/100x50" Stretch="None"/&gt;
      &lt;Image Source="http://placehold.it/600x200" Stretch="None"/&gt;
  &lt;/ListBox&gt;
  </code></pre>
  
  <p>This is how it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/xa19G.png" alt=""></p>
  
  <p>I need to have both the horizontal &amp; vertical scrollbars, just like this (just a quick mockup using HTML):</p>
  
  <p><img src="https://i.stack.imgur.com/84sot.png" alt=""></p>
  
  <p>Using <code>ScrollViewer.HorizontalScrollBarVisibility="Disabled"</code> made the images wrap but disabled the horizontal scroll bar, which is why I can't see the rest of the <code>600x200</code> image.</p>
  
  <p>I've struggled hours on this fixing this but no luck, can some please help me?</p>
  
  <p>The images in the ListBox are updated with different dimensions from user input.</p>