Navigate to a page with tabbed element

You still need the same approach. You will however use a page parameter to pass the selected tab. Here is how to do that.

  1. Add a new page property in the page that contains the tab. Set it to ${parameters.selectedTab}
  2. Data-bind the SelectedIndex property of the Tabs component to ${selectedTab}

Then you can navigate to that page by passing a parameter.

Here is how to navigate from a Link component (set the Path property and add a selectedTab parameter):


And here is how to navigate from a button (handle its Click event and use the Navigate to page action).

I am attaching a sample application that demonstrates this approach.
navigate-to-tab.zip (5.8 KB)

1 Like