c# - Handle position of other pages when SplitView pane is open -

i trying implement splitview in app.but when ii set ispaneopen = true; pivots not moving right of split view pane.insted splitview pane opens on pivotitems. please me resolve this. in advance.

my main page:

        <page             x:class="splitview.mainpage"             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"             xmlns:local="using:splitview"             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"             mc:ignorable="d">              <grid background="{themeresource applicationpagebackgroundthemebrush}">                 <relativepanel x:name="myrelativepanel">                     <pivot x:name="mypivot" relativepanel.alignrightwith="spv">                         <pivotitem x:name="header1" header="header1">                             <listbox x:name="listview"                                     horizontalalignment="left"                                      height="auto"                                      verticalalignment="top"                                      width="172"                                     itemssource="{x:bind itemslist}"                                     />                          </pivotitem>                         <pivotitem x:name="header2" header="header2">                             <listbox x:name="listview1"                                     horizontalalignment="left"                                      height="auto"                                      verticalalignment="top"                                      width="172"                                     itemssource="{x:bind itemslist}"                                     />                         </pivotitem>                     </pivot>                      <local:splitviewpage x:name="spv"></local:splitviewpage>                 </relativepanel>              </grid>         </page> 

my splivview page:

    <page         x:class="splitview.splitviewpage"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:local="using:splitview"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         mc:ignorable="d">          <splitview x:name="mysplitview" displaymode="compactoverlay"  ispaneopen="false"                     compactpanelength="50" openpanelength="150">             <splitview.pane>                 <stackpanel background="gray">                     <button x:name="hamburgerbutton" fontfamily="segoe mdl2 assets" content="&#xe700;"                         width="50" height="50" background="transparent" click="hamburgerbutton_click"/>                     <stackpanel orientation="horizontal">                         <button x:name="menubutton1" fontfamily="segoe mdl2 assets" content="&#xe825;"                         width="50" height="50" background="transparent"/>                         <textblock text="button 1" fontsize="18" verticalalignment="center" />                     </stackpanel>                     <stackpanel orientation="horizontal">                         <button x:name="menubutton2" fontfamily="segoe mdl2 assets" content="&#xe10f;"                             width="50" height="50" background="transparent"/>                         <textblock text="button 2" fontsize="18" verticalalignment="center" />                     </stackpanel>                     <stackpanel orientation="horizontal">                         <button x:name="menubutton3" fontfamily="segoe mdl2 assets" content="&#xe1d6;"                             width="50" height="50" background="transparent"/>                         <textblock text="button 3" fontsize="18" verticalalignment="center" />                     </stackpanel>                 </stackpanel>             </splitview.pane>             <splitview.content>                 <grid>                     <textblock text="splitview basic" fontsize="54" foreground="white"                                horizontalalignment="center" verticalalignment="center"/>                 </grid>             </splitview.content>         </splitview>      </page> 

use display mode compactinline, instead of compactoverlay on splitview.

displaymode="compactinline"