Navigation Frame in silverlight

Question

0.00/5 (No votes)

See more:

I've a menu bar and below to that I've a frame control to navigate my pages, but the problem is when i run the project menu items displaying back to the frame not front side and when i place the cursor on it they disappearing. So any one help me how can i display menu bar in front of frame layout.

This is my XAML Code

XML

<Grid x:Name="LayoutRoot">
            <Grid.RowDefinitions>
                <RowDefinition Height="40"/>
                <RowDefinition Height="500"/>
            </Grid.RowDefinitions>
            <mn:MenuBar Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Top">
                <mn:MenuBarItem MenuText="Admissions">
                    <mn:MenuItem MenuText="New" x:Name="mnPgAdmisn" Click="mnPgAdmisn_Click"/>
                    <mn:MenuItem MenuText="Manage" />
                </mn:MenuBarItem>
                <mn:MenuBarItem MenuText="Students" DataContext="{Binding}">
                    <mn:MenuItem MenuText="Under Graduate" />
                    <mn:MenuItem MenuText="Post Graduate" x:Name="MnPGStudent" Click="MnPGStudent_Click" />
                </mn:MenuBarItem>
                <mn:MenuBarItem MenuText="Departments" >
                    <mn:MenuItem MenuText="New" />
                    <mn:MenuItem MenuText="Manage" />
                </mn:MenuBarItem>
                <mn:MenuBarItem MenuText="Transport" >
                    <mn:MenuItem MenuText="Routes" />
                </mn:MenuBarItem>
        </mn:MenuBar>
        <Button HorizontalAlignment="Right"  Height="30" Width="80" Content="Logout" Margin="5" Click="Logout_Button_Click" />
        <navigation:Frame Grid.Row="1" x:Name="nvContainer" HorizontalAlignment="Stretch" removed="#656D78" Width="Auto"/>
    </Grid>

Posted 30-Jul-12 19:15pm

suganyass

Updated 30-Jul-12 22:25pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v4

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-Jul-12 2:25am

Please post your codes.

suganyass 31-Jul-12 3:42am

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kenneth Haugland · Accepted Answer · 2012-07-30T21:53:00

Replace this:

XML

<button horizontalalignment="Right" height="30" width="80" content="Logout" margin="5" click="Logout_Button_Click" />
<navigation:frame grid.row="1" x:name="nvContainer" horizontalalignment="Stretch" removed="#656D78" width="Auto" xmlns:x="#unknown" xmlns:navigation="#unknown" />

With this:

XML

<stackpanel grid.row="1"> 
<Button HorizontalAlignment="Right"  Height="30" Width="80" Content="Logout" Margin="5" Click="Logout_Button_Click" />
        <navigation:frame  x:name="nvContainer" horizontalalignment="Stretch" removed="#656D78" width="Auto" xmlns:x="#unknown" xmlns:navigation="#unknown" />
</stackpanel>

And it should work...

SALuei · Accepted Answer · 2013-01-28T20:35:00

I do not know the reason, I use this method and solved the problem

XML

<Grid x:Name="LayoutRoot" ShowGridLines="True" MouseLeftButtonDown="LayoutRoot_MouseLeftButtonDown">
       <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
       </Grid.ColumnDefinitions>
       <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="*"/>
       </Grid.RowDefinitions>
          <toolkit:DockPanel Grid.Row="0" Canvas.ZIndex="3">
               <Canvas>
                   <MENU:SLMenu HorizontalAlignment="Stretch"
                 Dock="Top" Name="Mnu" FlowDirection="RightToLeft"
                 VerticalAlignment="Stretch" FontWeight="ExtraBlack"
                 FontSize="12" FontFamily="Tahoma" />
               </Canvas>
           </toolkit:DockPanel>
          <navigation:Frame Grid.Row="1" x:Name="MainFrame">
          </navigation:Frame>
          <!-- <Image Source="Images/1.jpg" Grid.Row="1" Height="Auto" Width="Auto" Name="image1" Stretch="Fill" /> -->
       </Grid>

Navigation Frame in silverlight

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Navigation Frame in silverlight

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us