Is there anyway I can have one mainpage, with tabs, which load child pages in the content area, but also have within the child page another navigation menu which loads siblings into the same content area it itself is in?
This is just a nested navigation frame situation really.
Do not create a second navigation frame. Simply set the datacontext of the hyperlink button on the nested page to the page where your navigation frame is, that way it can be targeted.
Related
Context
I'm building a social network based on a parent/children relationship. It looks like a hierarchical pyramidal tree like this :
User Interface
Here is a first shot at the user interface :
The main part (big white block in the middle) is the user "wall" (as the facebook wall), with some specific fonctionalities.
The top home button is a link to the parent user.
The bottom buttons are links to children users
Navigation Animations / Transitions
I just discovered Meteor and React and feel now able to make the navigation awesome !
The idea is that when you click on a user button (parent or child), the button becomes the central wall div, a new parent user button appears from the top, old children buttons disappear and new children button appaears from aside. If needed, i'll try to make a gif.
The problem
User buttons and member wall are the same component with different state, "parent'/"current"/"child" with associated css class.
Clicking a children button or parent button will change the URL, we will go from "member/iduser1" to "member/iduser2". So the idea is to load the missing components and change the state of the ones already present on the page.
I can pass an array of children ids, the current id and the parent id to the wrapper in order to build the different components, but won't they be completly rebuild ? My goal is just to change their status
How do you close a page on a Frame when using Navigation Framework? On a Frame I can only find methods GoBack and GoFoward, but no Close or something like that.
I think you can't do that straight, but you can approximate it by using a blank page and collapsing the Frame.
In other words: create an empty Page, with minimal XAML. When you want to 'close' your current page, navigate to your empty page instead (to unload your current page) and set the Visibility of your Frame to Collapsed. This should do what you want.
I have a window which contains a Frame which references a 'home' page that has buttons on it. When a button is clicked I want another page to show depending on which button was pressed. I attempted to use
NavigationService.Navigate('mynextpage.xaml')
and that works however, I want to use a customized navigation panel. I call
this.ShowsNavigationUI = false;
on my 'home' page but the bar still shows. Is there a way to accomplish what I am trying to do?
My page with the frame is a window so I do not know how to disable the Navigation bar there where I guess it is coming from.
Further testing shows that the ShowsNavigationUI property is false yet the nav bar shows itself in the parent window once there is a second page to go to (showing the 'home' page in the history.
TIA
if i understand you correctly you want to hide the navigation chrome of a Frame, to do so set
<Frame Name="hostFrame" NavigationUIVisibility="Hidden"/>
I created one master page with navigation frame. In a child page also containing one navigation frame once Child page loaded the outer next prev buttons are not working...
instead of using the hyperlinks, create a button with a click event. Then call
this.subframe.Navigate(new Uri("/Views/AboutContent/AboutPage1.xaml", UriKind.Relative));
subframe is the name of your nested frame. That should do it
you may also have to set this property in your nested frame:
JournalOwnership="OwnsJournal"
How can I access child page controls from the parent page in a Silverlight 3/4 Navigation Application? I wish to hide an image from the child page when I click a button in the parent page.
I think you can do this by returning a reference to the child page to the parent page when the navigation frame's Navigated event completes. The NavigationEventArgs parameter has a "Content" property which is set to the child page which has just been navigated to.