title: UWP Multiple VisualState Triggers in VisualStateManager
body: <p>I'm creating a Windows Universal App</p>
  
  <p>I want to do layout combined with 3 columns. Each column is showing different informations. </p>
  
  <p><strong>First</strong> column contains <code>ListView</code>. If you select an item, the <strong>Second</strong> column should show up.</p>
  
  <p><strong>Second</strong> column contains also <code>ListView</code>. If you select an item, the <strong>Third</strong> solumn should show up.</p>
  
  <p>In <strong>Third</strong> column are shown some informations.</p>
  
  <p>I need to show up only columns, that showing some informations (blank column hide). Also I want to add responsive feature. So on mobile should be shown only one column with the biggest priority.</p>
  
  <p><strong>Here is an example</strong></p>
  
  <p>Desktop (start):</p>
  
  <p>|     1     |</p>
  
  <p>Desktop (click on first ListView):</p>
  
  <p>|  1  |  2  |</p>
  
  <p>Desktop (click on the second ListView):</p>
  
  <p>| 1 | 2 | 3 |</p>
  
  <p>Mobile(start):</p>
  
  <p>| 1 |</p>
  
  <p>Desktop (click on first ListView):</p>
  
  <p>| 2 |</p>
  
  <p>Desktop (click on the second ListView):</p>
  
  <p>| 3 |</p>
  
  <p>So I want to create <code>VisualState</code> with two StateTriggers.</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;VisualState x:Name="VSShowThird"&gt;
      &lt;VisualState.StateTriggers&gt;
          &lt;AdaptiveTrigger MinWindowWidth="750" /&gt;
          &lt;StateTrigger IsActive="{Binding Path=ShowThirdColumn}" /&gt;
      &lt;/VisualState.StateTriggers&gt;
      &lt;VisualState.Setters&gt;
          &lt;Setter Target="FirstColumn.Visibility" Value="Visible" /&gt;
          &lt;Setter Target="SecondColumn.Visibility" Value="Visible" /&gt;
          &lt;Setter Target="ThirdColumn.Visibility" Value="Visible" /&gt;
      &lt;/VisualState.Setters&gt;
  &lt;/VisualState&gt;
  &lt;VisualState x:Name="VSShowSecond"&gt;
      &lt;VisualState.StateTriggers&gt;
          &lt;AdaptiveTrigger MinWindowWidth="750" /&gt;
          &lt;StateTrigger IsActive="{Binding Path=ShowSecondColumn}" /&gt;
      &lt;/VisualState.StateTriggers&gt;
      &lt;VisualState.Setters&gt;
          &lt;Setter Target="FirstColumn.Visibility" Value="Visible" /&gt;
          &lt;Setter Target="SecondColumn.Visibility" Value="Visible" /&gt;
          &lt;Setter Target="ThirdColumn.Visibility" Value="Collapsed" /&gt;
      &lt;/VisualState.Setters&gt;
  &lt;/VisualState&gt;
  &lt;VisualState x:Name="VSShowFirst"&gt;
      &lt;VisualState.StateTriggers&gt;
          &lt;AdaptiveTrigger MinWindowWidth="750" /&gt;
      &lt;/VisualState.StateTriggers&gt;
      &lt;VisualState.Setters&gt;
          &lt;Setter Target="FirstColumn.Visibility" Value="Visible" /&gt;
          &lt;Setter Target="SecondColumn.Visibility" Value="Collapsed" /&gt;
          &lt;Setter Target="ThirdColumn.Visibility" Value="Collapsed" /&gt;
      &lt;/VisualState.Setters&gt;
  &lt;/VisualState&gt;
  </code></pre>
  
  <p>But it isn't working properly.</p>
  
  <p>Can You suggest me any solution for this?</p>
  
  <p>Many thanks.</p>