Sidebar Navigation In WPF

Поделиться
HTML-код
  • Опубликовано: 24 май 2022
  • In this video i demostrate how to implement sidebar page navigation with side
    Source Code:
    github.com/TacticDevGit/WPF-S...

Комментарии • 68

  • @lmanes
    @lmanes 2 года назад +2

    your content is one of the best out there!! thank you so much. When you get some sort of members/support to your channel i'll be definily a part of it!

  • @moritzjurgensen4433
    @moritzjurgensen4433 Год назад +1

    one of the most understandable tutorials I've ever seen! thank you :)

  • @kevinkisibo4878
    @kevinkisibo4878 2 года назад

    You are A gem to me. Everything in your playlist is A golden Egg. Thanks very much.

  • @kevinmungame1869
    @kevinmungame1869 Год назад

    Thank you so much. I had moved away from wpf due to small things I missed in their docs but now is all well answered.

  • @hambugerlelol7482
    @hambugerlelol7482 5 месяцев назад

    bro thx a lot, i used to do normal WPF but didnt know anything about wpf application projects and espectially teh UI, so much thx

  • @songhuyen9186
    @songhuyen9186 5 месяцев назад

    thank you a lot for all your videos, I learned a lot from you!

  • @jingchen3713
    @jingchen3713 Год назад

    Thank you, this tutorial was very helpful to me.👍

  • @misters6451
    @misters6451 Год назад

    Thank you man! It's the amazing tutorial!

  • @tycoayco
    @tycoayco Год назад

    Awesome tutorial, thanks!

  • @kevinmungame1869
    @kevinmungame1869 Год назад

    Clearly well explained.

  • @deepakmane387
    @deepakmane387 2 года назад +4

    Your explanation is easy to follow and the link to source code helps to code along, which keeps users interested till the end. Fantastic Instructor. Can you also make a tutorial for entire WPF app with enterprise level features which can start/stop services of remote server as well show service state continuosuly like a monitoring app. Looking forward for EF type of architecture

  • @josbexerra8115
    @josbexerra8115 2 года назад +1

    Gracias Mister Tactis.... saludos de los andes peruanos... a pesar que no tiene subtítulos se entiende....

    • @TacticDevs
      @TacticDevs  2 года назад

      eso es genial de escuchar, los subtítulos estarán disponibles automáticamente después de unas horas

  • @Kira7542
    @Kira7542 Год назад

    The explanation 10/10

  • @ihavenoclue12
    @ihavenoclue12 10 месяцев назад

    Hi! Great tutorial! One thing - Source Code link appears to be gone. Is there any way to get to it? I'm wondering where you got the data for the icons - the geometry? thanks!

  • @cheyzov
    @cheyzov Год назад

    Hi again! Can you help me, how to set kinda "start Page" for sidebar?

  • @rafak4944
    @rafak4944 Год назад +1

    Great job! Now the same, but MVVM please :-)

  • @thengineeringcontinues2744
    @thengineeringcontinues2744 Год назад

    can you help in holding the data in pages while navigating

  • @ulyssesbejarano1847
    @ulyssesbejarano1847 11 месяцев назад

    I am trying to get the NavButtons to be displayed horizontally as a top bar instead of vertically on the left as a sidebar. Can someone tell me how to edit that, no sure where to type horizontal orientation?

  • @ahamburger947
    @ahamburger947 Год назад

    Hi, thanks for this tutorial! If I would like to set a text block instead of an icon for the NavButton, how should the dependency property look like? And what would the type be?

    • @TacticDevs
      @TacticDevs  Год назад

      The dependency property in that case would be a string

    • @victorgaete5524
      @victorgaete5524 15 дней назад

      @@TacticDevs Thank you for your answer, but I cant see the text when I replace the dependency :(

  • @alexprice3637
    @alexprice3637 Год назад

    I am new to WPF so apologies. I am currently trying to change the colours of the individual geometry icons using the Fill property (Currently they are all grey). I have tried implementing my own dependency property for this but I cannot figure out how to have different coloured geometry icons in the navigation bar. Any ideas?

    • @TacticDevs
      @TacticDevs  Год назад

      Geometry is only used to store information,the actual control that displays the geometry is the Path control, You can create a brush dependency property then bind it to the fill property of the Path, Another thing to note is sometimes the geometry you decide to use may only have a stroke therefore you have to double check

    • @alexprice3637
      @alexprice3637 Год назад

      @@TacticDevs Thank you very much, had not come across System.windows.media.brush which solved my issue!

  • @user-st5me3se4t
    @user-st5me3se4t 2 месяца назад

    hi, where can i fidn Geometry icons library?

  • @basvandenboogaard8137
    @basvandenboogaard8137 11 месяцев назад +1

    Hey first of all thanks for this great tutorial! 1 question left, how can I set a default screen. When I now open the app there is just the black screen with the beautiful sidebar. But can I let it show for example by default pageX?
    You helped me a lot with this tutorial. I am totally new to C# and made a sort of sidebar, but just with buttons and opening new pages every time. Now my logics are the same but a 1000 times easier to navigate between the pages.

    • @TacticDevs
      @TacticDevs  11 месяцев назад +1

      To set a default page you can sit the content of the frame to specific page this code can be placed in the MainWindow this means with application start up and the layout is initiated it will also add the page to the frame

    • @basvandenboogaard8137
      @basvandenboogaard8137 11 месяцев назад

      @@TacticDevs Thank you, I got it working now!

  • @java2enterprise
    @java2enterprise Год назад

    can you explain me how you define or find the geometric syntax of example windows logo?? Can i chose a custom icon without a geometric syntax example like an path link?? THX dude..

    • @TacticDevs
      @TacticDevs  Год назад

      You can use font icons That means you wouldn’t have to define the geometric syntax, concerning the windows logo it contains multiple colors so if you’re trying to achieve multiple colors it’s best to use an image instead of a path, however it can still be done but very cumbersome, check out this video on how to use font based icons ruclips.net/video/D9qNqDvZd3Y/видео.html

  • @Trixxxik
    @Trixxxik Год назад

    Hello, genuinely nice tutorial, but I would like to add my own icons. How do I get geometry data from my logo or photo?

    • @TacticDevs
      @TacticDevs  Год назад

      you can use inkscape, with inkscape you can trace a photo and extract the geometry data you also do the same svg files

  • @liamlluls1588
    @liamlluls1588 Год назад

    nice

  • @khoahuynhhuubao9592
    @khoahuynhhuubao9592 Год назад

    Hi, when i try to install materialdesigninxml in the project and add materialdesign resource dictionary in app.xml file => rebuild the project. I did not change any code but navbutton do not present. @@ Can you explain it to me?

    • @TacticDevs
      @TacticDevs  Год назад

      You need to make sure that the navbutton’s style is not deleted or you can place the navbutton’s style in the app.xaml

    • @yosh2842
      @yosh2842 Год назад

      @@TacticDevshello I have the same problem.
      How do you embed it in the app file

  • @cheyzov
    @cheyzov Год назад

    Hello, can you please help, where can I get a geometry syntax?

    • @TacticDevs
      @TacticDevs  Год назад

      Most of the geometry syntax can be found in SVG files you can download SVG files from icons8 or other websites that provide Vector icons,The best way is to use an icon pack These may contain number of icon You can choose from

    • @cheyzov
      @cheyzov Год назад

      @@TacticDevs tysm! had already solved that problem, but ty anyway, ur video really help me in studying

  • @OghamTheBold
    @OghamTheBold Год назад

    My *NavButton* in the _Designer_ was "0" _Height_ but after running was correct

  • @GarrattCampton
    @GarrattCampton Год назад

    anyway to use icons instead of geometry? I can't customise this.

    • @TacticDevs
      @TacticDevs  Год назад

      So far they are three options, icons, geometry and fonts. Geometry and fonts allow you to have control over the color ,icons because they are mostly images, you have no control over the color

    • @GarrattCampton
      @GarrattCampton Год назад

      @@TacticDevs I was able to find geometry in FontAwesome Icons, took some digging :)

    • @TacticDevs
      @TacticDevs  Год назад

      @@GarrattCampton nice, worth looking into

    • @joel_robb
      @joel_robb Год назад

      @@TacticDevs How can I use icons or images?

    • @TacticDevs
      @TacticDevs  Год назад

      @@joel_robb You can simply edit the control template to accommodate an image control then create a dependence property of the type imagesource then bind it to the source of the image

  • @sempach7983
    @sempach7983 Год назад

    Can I use text instead of icons? I need help, I don't know how to do it.

    • @TacticDevs
      @TacticDevs  Год назад

      Yes you can check out this video on how to use fonts ruclips.net/video/D9qNqDvZd3Y/видео.html

    • @sempach7983
      @sempach7983 Год назад

      @@TacticDevs Thanks!

  • @hoaihai8508
    @hoaihai8508 Год назад

    why my trigger doesn't have "IsSelected" property 😢 help me pls

    • @TacticDevs
      @TacticDevs  Год назад +1

      You need to set the target type on the controltemplate to Navbutton And make sure that the Navbutton inherits from the listboxitem class

  • @helmas_witch
    @helmas_witch Год назад

    Hello. How to insert my svg in Data in Path?

    • @TacticDevs
      @TacticDevs  Год назад

      Unfortunately WPF does not support rendering of SVG ,however you can convert an SVG to a path the only thing is that you would only have to choose one color, You can use an application like inkscape which allows you to get the path information

    • @helmas_witch
      @helmas_witch Год назад

      @@TacticDevs Thank you!

  • @sukurullashaikh9313
    @sukurullashaikh9313 8 месяцев назад

    i con is not displaying sir

  • @xbxb
    @xbxb 9 месяцев назад

    Source code link is not working anymore.

    • @TacticDevs
      @TacticDevs  9 месяцев назад

      github.com/TacticDevGit/WPF-Sidebar-Navigation

    • @TacticDevs
      @TacticDevs  9 месяцев назад

      i also updated the video description

  • @nguyenvanmanh224
    @nguyenvanmanh224 Год назад

    i want to display name Navbutton, pls

    • @TacticDevs
      @TacticDevs  Год назад +1

      You can edit the Navbutton’s control template, you can add a textblock or label to the control template ,you also have to create a dependency property to store the name property than bind that property to the textblock or label

    • @nguyenvanmanh224
      @nguyenvanmanh224 Год назад

      @@TacticDevs I add Content property but it's not showing.
      link this:

    • @TacticDevs
      @TacticDevs  Год назад +1

      @@nguyenvanmanh224 The content property was not used in the control template so it means it won’t show, the control template defines how the control will appear therefore you have to add a textblock to display the name, However text block will not know what to display that’s why you have to create a binding, bind the textbox’s text property to a dependency property defined in the Navbutton can a decide to bind it to an existing property meaning a property that was inherited or you can define another property

    • @nguyenvanmanh224
      @nguyenvanmanh224 Год назад

      @@TacticDevs oh tks, I understand, can you help me write an example showing text in navbutton, pls.

    • @TacticDevs
      @TacticDevs  Год назад

      @@nguyenvanmanh224 check out this link for the Example Code shorturl.at/bdjMW