Search code examples
pivotwin-universal-appsplitview

Windows 10 SplitView + Pivot not working properly


I have used SplitView in my Windows 10 Universal Application and I added pivot to the SplitView.Content

Problem is when I start the application I cant click on Pivot headers to navigate.

This problem is occurring on Phone only Desktop or tablet not showing this issue.

If I Click on Hamburger Menu to open SplitView.Pane and then close the Pane I can touch the pivot headers and navigate pivot items.

Why my Pivot headers are not clickable at the start?

<SplitView>
<SplitView.Content>
    <Pivot>
        <PivotItem />
        <PivotItem />
        <PivotItem />
    </Pivot>
</SplitView.Content>
<SplitView.Pane>
    Hamburger Menu Button
    Other Buttons
</SplitView.Pane>


Solution

  • Hi i have the same issues when i was using spiltview + pivot in UWP

    <SplitView>
         <SplitView.Pane>
          <!--  your view left bar view here -->
         </SplitView.Pane>
          <!-- remove your splitView.content tag then put your frame here -->
           <Frame x:Name="SplitViewFrame"/>
    </splitView>
    

    then set your select values like

    SplitViewFrame.Navigate(typeof(your pivot page));
    

    now it will be work