NavigationBar Questions

For anyone that comes across this searching for how to do it, the second question was able to be resolved in my case with:

    <navigation:NavigationBar.ItemTemplate>
        <DataTemplate>
            <StackPanel x:Name="spAccordionHeader" Orientation="Horizontal" MouseDown="spAccordionHeader_OnMouseDown">
                <Image Margin="4" Source="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=navigation:NavigationBar}, Path=SelectedItem.LargeIcon}" />
                <TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=navigation:NavigationBar}, Path=SelectedItem.Title}" />
            </StackPanel>
        </DataTemplate>
    </navigation:NavigationBar.ItemTemplate>

Hi Cory,

1) The buttons for the panes execute the NavigationBarCommands.SelectPane command when clicked.  The NavigationBar control has a method that watches for and handles those commands.  It only changes the selection though. 

You can probably watch for button click events on the navigation bar in general like:

navBar.AddHandler(Button.ClickEvent, new RoutedEventHandler(OnButtonClick));

There isn't a way to hide the selected pane button though.

2) There isn't an event for a NavigationBarHeader click but that is a control in itself.  You could probably use another AddHandler to watch for some mouse events that occur within a NavigationBarHeader.

Is it possible to hide the actively selected button outright?  Just spotted the line where you already answered this, sorry.  Would it be possible to have that ability added?  Something akin to an AccordionMode flag would be the simplest from a user standpoint I think (since that's really the only thing missing from it being a true Accordion.)

Also, on a side note: I'm not sure if you're viewing this in a browser or not but I used strikethrough over the font after posting the solution to that second question in the original post, the strikethrough doesn't show up for me outside of the editor though (using Waterfox, a Firefox derivitive.)

Hi Cory,

I'm not sure we want to get into hiding the selected pane button because I can foresee that leading to some usability issues with focus, layout, etc.  If you absolutely need to do it, you might be able to restyle the NavigationPane control to add support for that in its template via a trigger on the attached Selector.IsSelected property.

Thanks for the heads up on the forum strike-through not working.  We fixed that now.

Where would I need to point the trigger at to hide the button?

Hi Cory,

You'd probably add this trigger to the NavigationPane Style:

<Trigger Property="Selector.IsSelected" Value="True">
	<Setter Property="Visibility" Value="Collapsed" />
</Trigger>

Thanks, this worked perfectly.