Navigation to a Specific PivotItem

Question

How do I navigate to a specific Pivot-item of Pivot-Page when I tap an Image on Main-Page ?

The XAML codes are following for Image on Main Page

 <Image  Source="Assets/5.jpg" Stretch="UniformToFill" Height="150" Width="150" Margin="12,12,0,0"/>

And the code for Pivot-Page is following

<phone:PivotItem Header="fifth">
    ..........         
    ..........                      
        </phone:PivotItem>

I want to navigate to the fifth Pivot-Item when I tap the Image on Main Page..

AD.Net · Answer 1 · 2013-09-13T02:51:02.723

7

Pivot control has properties like SelectedItem or SelectedIndex which can be set to do this.

<phone:Pivot x:Name="pvControl">
<phone:PivotItem x:Name="piFive" Header="fifth">
    ..........         
    ..........                      
        </phone:PivotItem>

pvControl.SelectedItem = piFive;

edited Sep 13 '13 at 02:51

answered Sep 13 '13 at 02:37

AD.Net

13,352
2
28
47

Please give me an example – Deepal Pallav Suthar Sep 13 '13 at 02:47
Those properties are self explanatory. You can assign a pivot item to selecteditem or an int to selectedindex. – AD.Net Sep 13 '13 at 02:48

score 7 · Answer 2 · edited Apr 29 '14 at 12:48

You may want to send in your navigation args the index of the PivotItem you want to navigate to (if your Pivot HAS static PivotItems)

so you want to navigate to the FIFTH PivotItem, then you may want to pass a navigation parameter with the index of PivotItem (which is 4). In your PivotItem page, you will get the index from the passed param and select the PivotItem using the property SelectedIndex

For example, your Pivot is contained in PivotPage.xaml, then you may want to navigate to that page like so (you add the navigation call to the image tap event handler of course):

this.NavigationService.Navigate(new Uri("/PivotPage.xaml?item=4", UriKind.RelativeOrAbsolute));

item=4 is your navigation param

Then in your PivotPage.xaml code-behind, add an override to OnNavigateTo() method of PhoneApplicationPage, like so:

protected override void OnNavigatedTo(NavigationEventArgs e)
{
        base.OnNavigatedTo(e);
        if (NavigationContext.QueryString.ContainsKey("item"))
        {
            var index = NavigationContext.QueryString["item"];
            var indexParsed = int.Parse(index);
            Pivot.SelectedIndex = indexParsed;
        }
}

Navigation to a Specific PivotItem

2 Answers2

Linked