Pleas how can add more than one type of navigationt to my app. e.g
MainView.ux …
‘’’
<!-- button for facebook -->
<Button ux:Class="FacebookButton" IgnoreStyle="true" Name="self_facebook" Margin="20,0,20,10" Padding="10,15,10,15">
<Fuse.BasicTheme.ButtonText ux:Name="buttonText" TextColor="#fff" Value="{Property self_facebook.Text}" TextAlignment="Center" />
<!-- <SolidColor Color="#1C3054"/> -->
<Rectangle Layer="Background" CornerRadius="6">
<SolidColor Color="#3b5998" />
</Rectangle>
</Button>
<!-- button for email -->
<Button ux:Class="EmailButton" IgnoreStyle="true" Name="self_email" Margin="20,0,20,0" Padding="10,15,10,15">
<Fuse.BasicTheme.ButtonText ux:Name="buttonText" TextColor="#646666" Value="{Property self_email.Text}" TextAlignment="Center" />
<!-- <SolidColor Color="#1C3054"/> -->
<Rectangle Layer="Background" CornerRadius="6">
<SolidColor Color="#FFF" />
</Rectangle>
</Button>
<!-- end of email button -->
<!-- button for continue -->
<Button ux:Class="ContinueButton" IgnoreStyle="true" Name="self_continue" Margin="20,0,20,0" Padding="10,15,10,15">
<Fuse.BasicTheme.ButtonText ux:Name="buttonText" TextColor="#FFF" Value="{Property self_continue.Text}" TextAlignment="Center" />
<!-- <SolidColor Color="#1C3054"/> -->
<Rectangle Layer="Background" CornerRadius="6">
<SolidColor Color="#6ECF7B" />
</Rectangle>
</Button>
<!-- end of email continue -->
<Panel>
<HierarchicalNavigation ux:Name="menu" ReuseExistingNode="false" Active="loginScreen" />
<Style>
<Page>
<EnteringAnimation>
<Move X="1" RelativeTo="ParentSize" />
</EnteringAnimation>
<ExitingAnimation>
<Move X="-1" RelativeTo="ParentSize" />
</ExitingAnimation>
</Page>
</Style>
<!-- Log in page of the all login buttons -->
<Page ux:Name="loginScreen">
<Style>
<Image StretchMode="UniformToFill" />
<Text TextColor="#FFF" />
<!-- <Button Alignment="Center" Padding="120,10,120,10" /> -->
</Style>
<StackPanel Alignment="Bottom">
<StackPanel Margin="0,0,0,300">
<Text Value="Wanderlust" FontSize="40" Alignment="Center" TextColor="#FFF" />
</StackPanel>
<Text Value="We will not post to your Facebook" FontSize="15" Alignment="Center" Margin="0,0,0,20" />
<FacebookButton>
<DockPanel>
<fa_facebook_f FontSize="20" Padding="20,0,0,0" />
<Text Value="Sign in with Facebook" Alignment="Center" />
</DockPanel>
</FacebookButton>
<EmailButton>
<DockPanel>
<fa_envelope FontSize="20" Padding="20,0,0,0" TextColor="#646666" />
<Text Value="Sign up using email" TextColor="#646666" Alignment="Center" />
<Clicked>
<NavigateTo Target="emailSignUp" />
</Clicked>
</DockPanel>
</EmailButton>
<WrapPanel Alignment="Center" Margin="0,10,0,30">
<Text Value="Already have an account? " FontSize="15" Alignment="Center" />
<Text Value="Log In" FontSize="19">
<Clicked>
<NavigateTo Target="emailLogin" />
</Clicked>
</Text>
</WrapPanel>
</StackPanel>
<Image File="Assets/background_login.jpg" />
</Page>
<!-- End of page for all login buttons -->
<!-- page for email registration form -->
<!-- page for email registration form -->
<Page ux:Name="emailSignUp">
<ScrollView>
<StackPanel>
<Grid RowCount="1" ColumnCount="3" Margin="0,30,0,10">
<fa_envelope FontSize="20" Row="0" Column="0" Alignment="Center" TextAlignment="Center" Opacity="0.45" />
<Text Value="Email sign up" FontSize="20" Row="0" Column="1" Alignment="Center" />
<fa_close FontSize="30" Alignment="Right" Row="0" Column="2" Margin="0,0,20,0" Opacity="0.44">
<Clicked>
<NavigateTo Target="loginScreen" />
</Clicked>
</fa_close>
</Grid>
<StackPanel Margin="30,10,30,0">
<TextInput PlaceholderColor="#000" PlaceholderText="First name" Opacity="0.54" />
<TextInput PlaceholderColor="#000" PlaceholderText="Last name" Opacity="0.54" />
<TextInput PlaceholderColor="#000" PlaceholderText="Username" Opacity="0.54" />
<TextInput PlaceholderColor="#000" PlaceholderText="Email address" Opacity="0.54" />
<TextInput PlaceholderColor="#000" PlaceholderText="Password" IsPassword="true" Opacity="0.54" />
<TextInput PlaceholderColor="#000" PlaceholderText="Confirm password" IsPassword="true" Opacity="0.54" />
<!-- <Text Value="Gender" FontSize="20" Opacity="0.54" /> -->
<Grid RowCount="1" ColumnCount="2" Margin="0,0,0,10">
<Text Value="Male:" Opacity="0.54" Row="0" Column="0" />
<Switch Value="{male}" Column="1" Clicked="{male_control}" />
</Grid>
<Grid RowCount="1" ColumnCount="2" Margin="0,0,0,40">
<Text Value="Female:" Opacity="0.54" Row="0" Column="0" />
<Switch Value="{female}" Row="0" Column="1" Clicked="{female_control}" />
</Grid>
<ContinueButton Text="CONTINUE" />
</StackPanel>
</StackPanel>
</ScrollView>
</Page>
<!-- end of page for email registration form -->
<!-- end of page for email registration form -->
<!-- page for email login form -->
<Page ux:Name="emailLogin">
<Style>
<Image StretchMode="UniformToFill" />
<TextInput TextColor="#FFF" />
</Style>
<ScrollView>
<StackPanel>
<Grid >
<fa_arrow_left TextColor="#FFF" FontSize="30" Alignment="Left" Row="0" Column="0" Margin="10,10,0,0" Opacity="0.70" />
<fa_close TextColor="#FFF" FontSize="30" Alignment="Right" Row="0" Column="1" Margin="10,10,10,0" Opacity="0.70">
<Clicked>
<NavigateTo Target="loginScreen" />
</Clicked>
</fa_close>
</Grid>
<StackPanel Margin="30,200,30,0">
<TextInput PlaceholderColor="#FFF" PlaceholderText="Username" />
<TextInput PlaceholderColor="#FFF" PlaceholderText="Password" IsPassword="true" />
<WrapPanel Margin="30,50,30,0">
<Text Value="Forgot your password? " TextColor="#FFF" />
<Text Value="Reset" TextColor="#FFF">
<Clicked>
<NavigateTo Target="forgetPassword" />
</Clicked>
</Text>
</WrapPanel>
<ContinueButton Text="LOG IN" Margin="30,100,30,0">
<Clicked>
<NavigateTo Target="ScrapBook" />
</Clicked>
</ContinueButton>
</StackPanel>
</StackPanel>
</ScrollView>
<Image File="Assets/background_login_2.jpg">
<Blur />
</Image>
</Page>
<!-- end of page for email login form -->
<!-- page for forget password form -->
<Page ux:Name="forgetPassword">
<Style>
<Image StretchMode="UniformToFill" />
<TextInput TextColor="#FFF" />
<Text TextWrapping="Wrap" />
</Style>
<ScrollView>
<StackPanel>
<fa_close TextColor="#FFF" FontSize="30" Alignment="Right" Row="0" Column="2" Margin="0,20,20,0" Opacity="0.70">
<Clicked>
<NavigateTo Target="loginScreen" />
</Clicked>
</fa_close>
<StackPanel Margin="30,200,30,0">
<Text Value="If you forgot your password, we can send you an email to reset it. " TextColor="#FFF" />
<TextInput PlaceholderColor="#FFF" PlaceholderText="Email" Margin="0,50,0,0" />
<ContinueButton Text="SEND EMAIL" Margin="60,100,30,0" />
</StackPanel>
</StackPanel>
</ScrollView>
<Image File="Assets/background_login_2.jpg" Opacity="1">
<Blur />
</Image>
</Page>
<!-- end of page for forget password form -->
</Panel>
<ScrapBooks ux:Name="ScrapBook"/>
</DockPanel>
‘’’
I want to also add a PageControl to this but it doesnt work
ScrapBooks.ux
‘’’
<Page ux:Name="Camera">
<Text Value="B" />
</Page>
<Page ux:Name="Location">
<Text Value="C" />
</Page>
‘’’
But its not working… Please your help and explanation would be helpful.