How to style default NavigationUI











up vote
2
down vote

favorite












I'm using a Frame in a Window to display content and I added navigation with



<Frame NavigationUIVisibility="Visible" Name="FrameContent" VerticalAlignment="Stretch" Margin="0,34,-0.8,0.4" Grid.RowSpan="2"/>


And in Window.xsml.cs



FrameContent.Navigate(new HomeView());


And the navigation bar looks like this:



enter image description here



Is there any way of changing the default look of this bar? Or is the only option to create a new one?










share|improve this question




























    up vote
    2
    down vote

    favorite












    I'm using a Frame in a Window to display content and I added navigation with



    <Frame NavigationUIVisibility="Visible" Name="FrameContent" VerticalAlignment="Stretch" Margin="0,34,-0.8,0.4" Grid.RowSpan="2"/>


    And in Window.xsml.cs



    FrameContent.Navigate(new HomeView());


    And the navigation bar looks like this:



    enter image description here



    Is there any way of changing the default look of this bar? Or is the only option to create a new one?










    share|improve this question


























      up vote
      2
      down vote

      favorite









      up vote
      2
      down vote

      favorite











      I'm using a Frame in a Window to display content and I added navigation with



      <Frame NavigationUIVisibility="Visible" Name="FrameContent" VerticalAlignment="Stretch" Margin="0,34,-0.8,0.4" Grid.RowSpan="2"/>


      And in Window.xsml.cs



      FrameContent.Navigate(new HomeView());


      And the navigation bar looks like this:



      enter image description here



      Is there any way of changing the default look of this bar? Or is the only option to create a new one?










      share|improve this question















      I'm using a Frame in a Window to display content and I added navigation with



      <Frame NavigationUIVisibility="Visible" Name="FrameContent" VerticalAlignment="Stretch" Margin="0,34,-0.8,0.4" Grid.RowSpan="2"/>


      And in Window.xsml.cs



      FrameContent.Navigate(new HomeView());


      And the navigation bar looks like this:



      enter image description here



      Is there any way of changing the default look of this bar? Or is the only option to create a new one?







      c# wpf navigation






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 19 at 8:09

























      asked Nov 18 at 20:42









      Bassie

      3,6261746




      3,6261746
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          2
          down vote



          accepted










          In my WPF app I created my own, The simplest version of it was like:



          <Grid VerticalAlignment="Top" Height="50" Background="DarkGray">
          <StackPanel Orientation="Horizontal">
          <Button Content="Back" Click="Back_Btn"/>
          <Button Content="Next" Click="Next_Btn"/>
          </StackPanel>
          </Grid>


          In code behind:



          private void Next_Btn(object sender, RoutedEventArgs e)
          {
          if (this.NavigationService.CanGoForward)
          NavigationService.GoForward();
          else
          NavigationService.Navigate(new HomeView());
          }

          private void Back_Btn(object sender, RoutedEventArgs e)
          {
          if (this.NavigationService.CanGoBack)
          NavigationService.GoBack();
          else
          NavigationService.Navigate(new HomeView());
          }


          If you want you can design the buttons with materialdesign package from NuGet for example.



          The MVVM version of it is more complex.






          share|improve this answer























            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














             

            draft saved


            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53365254%2fhow-to-style-default-navigationui%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            2
            down vote



            accepted










            In my WPF app I created my own, The simplest version of it was like:



            <Grid VerticalAlignment="Top" Height="50" Background="DarkGray">
            <StackPanel Orientation="Horizontal">
            <Button Content="Back" Click="Back_Btn"/>
            <Button Content="Next" Click="Next_Btn"/>
            </StackPanel>
            </Grid>


            In code behind:



            private void Next_Btn(object sender, RoutedEventArgs e)
            {
            if (this.NavigationService.CanGoForward)
            NavigationService.GoForward();
            else
            NavigationService.Navigate(new HomeView());
            }

            private void Back_Btn(object sender, RoutedEventArgs e)
            {
            if (this.NavigationService.CanGoBack)
            NavigationService.GoBack();
            else
            NavigationService.Navigate(new HomeView());
            }


            If you want you can design the buttons with materialdesign package from NuGet for example.



            The MVVM version of it is more complex.






            share|improve this answer



























              up vote
              2
              down vote



              accepted










              In my WPF app I created my own, The simplest version of it was like:



              <Grid VerticalAlignment="Top" Height="50" Background="DarkGray">
              <StackPanel Orientation="Horizontal">
              <Button Content="Back" Click="Back_Btn"/>
              <Button Content="Next" Click="Next_Btn"/>
              </StackPanel>
              </Grid>


              In code behind:



              private void Next_Btn(object sender, RoutedEventArgs e)
              {
              if (this.NavigationService.CanGoForward)
              NavigationService.GoForward();
              else
              NavigationService.Navigate(new HomeView());
              }

              private void Back_Btn(object sender, RoutedEventArgs e)
              {
              if (this.NavigationService.CanGoBack)
              NavigationService.GoBack();
              else
              NavigationService.Navigate(new HomeView());
              }


              If you want you can design the buttons with materialdesign package from NuGet for example.



              The MVVM version of it is more complex.






              share|improve this answer

























                up vote
                2
                down vote



                accepted







                up vote
                2
                down vote



                accepted






                In my WPF app I created my own, The simplest version of it was like:



                <Grid VerticalAlignment="Top" Height="50" Background="DarkGray">
                <StackPanel Orientation="Horizontal">
                <Button Content="Back" Click="Back_Btn"/>
                <Button Content="Next" Click="Next_Btn"/>
                </StackPanel>
                </Grid>


                In code behind:



                private void Next_Btn(object sender, RoutedEventArgs e)
                {
                if (this.NavigationService.CanGoForward)
                NavigationService.GoForward();
                else
                NavigationService.Navigate(new HomeView());
                }

                private void Back_Btn(object sender, RoutedEventArgs e)
                {
                if (this.NavigationService.CanGoBack)
                NavigationService.GoBack();
                else
                NavigationService.Navigate(new HomeView());
                }


                If you want you can design the buttons with materialdesign package from NuGet for example.



                The MVVM version of it is more complex.






                share|improve this answer














                In my WPF app I created my own, The simplest version of it was like:



                <Grid VerticalAlignment="Top" Height="50" Background="DarkGray">
                <StackPanel Orientation="Horizontal">
                <Button Content="Back" Click="Back_Btn"/>
                <Button Content="Next" Click="Next_Btn"/>
                </StackPanel>
                </Grid>


                In code behind:



                private void Next_Btn(object sender, RoutedEventArgs e)
                {
                if (this.NavigationService.CanGoForward)
                NavigationService.GoForward();
                else
                NavigationService.Navigate(new HomeView());
                }

                private void Back_Btn(object sender, RoutedEventArgs e)
                {
                if (this.NavigationService.CanGoBack)
                NavigationService.GoBack();
                else
                NavigationService.Navigate(new HomeView());
                }


                If you want you can design the buttons with materialdesign package from NuGet for example.



                The MVVM version of it is more complex.







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 19 at 5:59

























                answered Nov 18 at 21:10









                Nehorai

                909110




                909110






























                     

                    draft saved


                    draft discarded



















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53365254%2fhow-to-style-default-navigationui%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Costa Masnaga

                    Fotorealismo

                    Sidney Franklin