Adaptive XAML for CaptureElements - xaml

Question

I have two UWP app configurations: Vertical and Horizontal and I dont want to duplicate functional in XAML.
HoriazntalView.xaml:
<Grid>
<!-- some common logic for two pages -->
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
<Grid.ColumnDefinitions/>
<CaptureElement x:Name="First" Grid.Column="0" />
<CaptureElement x:Name="Second" Grid.Column="1" />
<!-- some common logic for two pages -->
<Grid/>
VerticalView.xaml:
<Grid>
<!-- some common logic for two pages -->
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<Grid.RowDefinitions/>
<CaptureElement x:Name="First" Grid.Row="0" />
<CaptureElement x:Name="Second" Grid.Row="1" />
<!-- some common logic for two pages -->
<Grid/>
Can I get something like:
View.xaml
<Grid>
<!-- some common logic for two pages -->
<!-- adaptive part -->
<!-- some common logic for two pages -->
<Grid/>
I tried following ways for adaptive part:
Use VisualStateManager with StackPanel
<StackPanel x:Name="PreviewsStack"
Orientation="Vertical">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="HorizontalView">
<VisualState.Setters>
<Setter Target="PreviewsStack.Orientation" Value="Horizontal"/>
</VisualState.Setters>
</VisualState>
<VisualState x:Name="VerticalView">
<VisualState.Setters>
<Setter Target="PreviewsStack.Orientation" Value="Vertical"/>
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<CaptureElement x:Name="First" />
<CaptureElement x:Name="Second"/>
</StackPanel>
Use VisualStateManager with Grid
<Grid x:Name="PreviewsGrid"
Grid.Column="1">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="VerticalView">
<VisualState.Setters>
<Setter Target="FirstPreviewGrid.Grid.Row" Value="0"/>
<Setter Target="FirstPreviewGrid.Grid.ColumnSpan" Value="2"/>
<Setter Target="SecondPreviewGrid.Grid.Row" Value="1"/>
<Setter Target="SecondPreviewGrid.Grid.ColumnSpan" Value="2"/>
</VisualState.Setters>
</VisualState>
<VisualState x:Name="HorizontalView">
<VisualState.Setters>
<Setter Target="FirstPreviewGrid.Grid.Column" Value="0"/>
<Setter Target="FirstPreviewGrid.Grid.RowSpan" Value="2"/>
<Setter Target="SecondPreviewGrid.Grid.Column" Value="1"/>
<Setter Target="SecondPreviewGrid.Grid.RowSpan" Value="2"/>
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid x:Name="FirstPreviewGrid">
<CaptureElement x:Name="FirstPreview"/>
</Grid>
<Grid x:Name="SecondPreviewGrid">
<CaptureElement x:Name="SecondPreview"/>
</Grid>
</Grid>
Both attempts will be used in code-behind like:
var state = /* condition */
? nameof(VerticalView)
: nameof(HorizontalView);
VisualStateManager.GoToState(this, state, false);
But none of the attempts work.
Can I manage that?