<EdgeNavigator>
<sideMenu ux:Name="sideMenu" />
<DockPanel>
<Navigator DefaultPath="start">
<StartPage ux:Template="start" router="router" title="Start"/>
<MainPage ux:Template="main" router="router" title="Friends"/>
</Navigator>
</DockPanel>
</EdgeNavigator>
Hi bohyun,
is there a question?
We are implementing “Navigator” in “EdgeNavigator” environment.
“NavigateToggle” on “topbar” in “MainView.ux” has been executed well.
However, “NavigateToggle” does not work when calling “MainPage” after applying “Navigator”.
mainView.ux
<EdgeNavigator>
<sideMenu ux:Name="sideMenu" />
<DockPanel>
<mainBG Color="{baseColor}" />
<Navigator DefaultPath="start">
<StartPage ux:Template="start" sideMenu="sideMenu" baseColor="{baseColor}" router="router"/>
<MainPage ux:Template="main" sideMenu="sideMenu" baseColor="{baseColor}" router="router"/>
</Navigator>
</DockPanel>
</EdgeNavigator>
MainPage.ux
<DockPanel>
<TopBar sideMenu="sideMenu" Title="FRIENDS" bColor="{baseColor}" />
<DockPanel>
<StackPanel Alignment="VerticalCenter">
<Text Alignment="HorizontalCenter" FontSize="40" TextColor="#333">~~~~</Text>
</StackPanel>
</DockPanel>
</DockPanel>
TopBar.ux
<Panel Color="{ReadProperty bColor}">
<Shadow Size="3" Distance="1" />
<StatusBarBackground />
<Panel Height="56">
<trip.Text Alignment="Center" TextColor="#333" FontSize="20" >{ReadProperty Title}</trip.Text>
<Panel>
<buttonTopMenu Alignment="Right">
<Clicked>
<NavigateToggle Target="sideMenu" />
</Clicked>
</buttonTopMenu>
</Panel>
</Panel>
</Panel>
sideMenu.ux
<Shadow ux:Name="shadow1" Angle="0" Distance="8" Size="16" Color="#0000"/>
<Panel>
<Text Value="SideMenu" Alignment="Center" TextColor="#FFF" FontSize="20" />
</Panel>
Please post a complete, minimal reproduction that we could copy-paste and run. It’s impossible to help otherwise. The snippets you shared do not explain what the problem is, and we can’t reconstruct your app just from these bits.
That said, I do have a feeling that you should take a look at Dependencies, maybe that clears it up.