Power BI

Content by Charles Sterling

Add simple page/scene navigation into Expression Interactive Designer

To add Page Navigation:

1.       Delete the default Scene from the Projects Panel.

2.       Add a new Page (File, New, Page Scene)

3.       Repeat step 2.

4.       Add an event to the first Page (i.e. add a button from the Library)

5.       In the Events panel click Add, select an event i.e. Click. Then in the Methods box type Page2 (or the name of the second page you have added)

6.       The CS page should then open, if not. Open the Page1 CS file (In the project panel click the arrow beside Page1.XAML, then double click the CS file)

7.       The CS file should now look like this ;


using System;

using System.IO;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Navigation;


namespace Page_Navigation


            public partial class Page1



                        public Page1()




                                    // Insert code required on object creation below this point.



                                    private void Page2(object sender, System.Windows.RoutedEventArgs e)





                                    private void Page2(object sender, System.Windows.RoutedEventArgs e)


                                                // TODO: Add event handler implementation here.









8.       Ok now you simple need to copy and paste the code below over: // TODO: Add event handler implementation here.


NavigationService.Navigate(new Uri(“Page2.xaml”, UriKind.Relative));


9.       Now Test your project J



To Navigate a Scene you need to follow the same process but with a Scene not a Page, however the Page method seems more tried and tested.

NavigationService navService = NavigationService.GetNavigationService(this);
navService.Navigate(new Uri(“Scene2.xaml”, UriKind.Relative));

Thanks to Carrie Longson for the post!