Two Pane View control not working as expected

Question

According to the Microsoft documentation, it states the following for the Two Pane View:

 By default, Pane1Length is set to Auto and it sizes itself to fit its content. Pane2Length is set to * and it uses all the remaining space.

With the following code, I don't see that defualt behavior being applied. Am I missing some extra properties I need to explicitly set? My end goal is simply for Pane1 to always show on a Single screen device, and hide Pane2.

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <muxc:TwoPaneView x:Name="MyTwoPaneView">
        <muxc:TwoPaneView.Pane1>
            <Grid x:Name="Pane1Root"
                  Background="Orange">
            </Grid>
        </muxc:TwoPaneView.Pane1>
        <muxc:TwoPaneView.Pane2>
            <Grid x:Name="Pane2Root"
                  Background="Green">
            </Grid>
        </muxc:TwoPaneView.Pane2>
    </muxc:TwoPaneView>
</Grid>

You could submit an issue in the [WinUI issues](https://github.com/microsoft/microsoft-ui-xaml/issues) — Roy Li - MSFT, Aug 04 '20 at 06:10

score 0 · Accepted Answer · answered Nov 17 '20 at 21:28

0

Fixed. Since Pane1 has no content or min width, Auto sizing gives it 0px of width in wide mode. Setting MinWidth will find that it appears when the window is wide enough.

answered Nov 17 '20 at 21:28

Maximus

1,441
14
38

Two Pane View control not working as expected

1 Answers1