Sidebar Navigation In WPF

Поділитися
Вставка
  • Опубліковано 6 вер 2024
  • In this video i demostrate how to implement sidebar page navigation with side
    Source Code:
    github.com/Tac...

КОМЕНТАРІ • 68

  • @moritzjurgensen4433
    @moritzjurgensen4433 Рік тому +2

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

  • @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

  • @lmanes
    @lmanes 2 роки тому +4

    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!

  • @kevinkisibo4878
    @kevinkisibo4878 2 роки тому +1

    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 8 місяців тому

    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

  • @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

  • @songhuyen9186
    @songhuyen9186 8 місяців тому

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

  • @basvandenboogaard8137
    @basvandenboogaard8137 Рік тому +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  Рік тому +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 Рік тому

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

  • @rafak4944
    @rafak4944 Рік тому +1

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

  • @jingchen3713
    @jingchen3713 2 роки тому

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

  • @kevinmungame1869
    @kevinmungame1869 Рік тому

    Clearly well explained.

  • @misters6451
    @misters6451 Рік тому

    Thank you man! It's the amazing tutorial!

  • @tycoayco
    @tycoayco Рік тому

    Awesome tutorial, thanks!

  • @Kira7542
    @Kira7542 Рік тому

    The explanation 10/10

  • @ihavenoclue12
    @ihavenoclue12 Рік тому

    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!

  • @ulyssesbejarano1847
    @ulyssesbejarano1847 Рік тому

    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?

  • @cheyzov
    @cheyzov Рік тому

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

  • @thengineeringcontinues2744
    @thengineeringcontinues2744 Рік тому

    can you help in holding the data in pages while navigating

  • @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 3 місяці тому

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

  • @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

  • @user-st5me3se4t
    @user-st5me3se4t 5 місяців тому

    hi, where can i fidn Geometry icons library?

  • @alexprice3637
    @alexprice3637 2 роки тому

    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  2 роки тому

      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 2 роки тому

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

  • @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 ua-cam.com/video/D9qNqDvZd3Y/v-deo.html

  • @OghamTheBold
    @OghamTheBold Рік тому

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

  • @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

  • @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 ua-cam.com/video/D9qNqDvZd3Y/v-deo.html

    • @sempach7983
      @sempach7983 Рік тому

      @@TacticDevs Thanks!

  • @liamlluls1588
    @liamlluls1588 Рік тому

    nice

  • @hoaihai8508
    @hoaihai8508 2 роки тому

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

    • @TacticDevs
      @TacticDevs  2 роки тому +1

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

  • @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

  • @GarrattCampton
    @GarrattCampton 2 роки тому

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

    • @TacticDevs
      @TacticDevs  2 роки тому

      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 2 роки тому

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

    • @TacticDevs
      @TacticDevs  2 роки тому

      @@GarrattCampton nice, worth looking into

    • @joel_robb
      @joel_robb 2 роки тому

      @@TacticDevs How can I use icons or images?

    • @TacticDevs
      @TacticDevs  2 роки тому

      @@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

  • @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 Рік тому

    i con is not displaying sir

  • @xbxb
    @xbxb Рік тому

    Source code link is not working anymore.

    • @TacticDevs
      @TacticDevs  Рік тому

      github.com/TacticDevGit/WPF-Sidebar-Navigation

    • @TacticDevs
      @TacticDevs  Рік тому

      i also updated the video description

  • @nguyenvanmanh224
    @nguyenvanmanh224 2 роки тому

    i want to display name Navbutton, pls

    • @TacticDevs
      @TacticDevs  2 роки тому +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 2 роки тому

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

    • @TacticDevs
      @TacticDevs  2 роки тому +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 2 роки тому

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

    • @TacticDevs
      @TacticDevs  2 роки тому

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