Sidebar Navigation In WPF

[@lmanes]

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]

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

[@kevinkisibo4878]

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

[@wildniscamper7276]

awesome done bro!!! you skipped all the boring parts without losing the focus and explained everything clear and straight forward. easy to follow and learn whats going on. very good video editing skills and c# skills. cheers from bavaria

[@PoggersFloppa]

hey do you know how i would add an already existing page to this without the page messing up because of the column definitions?

[@wildniscamper7276]

@@PoggersFloppa ask chatgpt😜 i would say, there is a lot of ways to to that, but im not a programmer. i'm struggling with the reachability of variables with bindings and all that stuff.. if you want to include a whole page to your project, just add a new element with right click on the projectfolder in VS and than you have to adjust the namespace and maby something more...that part can be tricky but it shoudln't... anyway thats all i can "help" ya.. cheers from bavaria✌

[@PoggersFloppa]

@@wildniscamper7276 oh okay, thanks anyway! cheers from down under

[@wildniscamper7276]

@@PoggersFloppa no worries bra✌️ try it with chatgpt.. just copy everything and put it in.. sometimes it takes a few times but i got a full ui with 9 pages modbus tcp to sps with webcam interface... i almost got it as a MVVM but i mixed binding with set velues and to get all that in seperate files messes up my code and i can't handle all the problems than😂😭 its a powerfull tool but as i said..easy stuff can be very hard...✌️

[@PoggersFloppa]

@@wildniscamper7276 aight thanks

[@hambugerlelol7482]

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

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

[@fooballers7883]

Excellent tutorial......really appreciate your effort. thank you.

[@deepakmane387]

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

[@TacticDevs]

Sure thing no problem

[@songhuyen9186]

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

[@josbexerra8115]

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

[@TacticDevs]

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

[@kevinmungame1869]

Clearly well explained.

[@Kira7542]

The explanation 10/10

[@misters6451]

Thank you man! It's the amazing tutorial!

[@tycoayco]

Awesome tutorial, thanks!

[@jingchen3713]

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

[@rafak4944]

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

[@basvandenboogaard8137]

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]

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]

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

[@OghamTheBold]

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

[@thengineeringcontinues2744]

can you help in holding the data in pages while navigating

[@cheyzov]

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

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

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

The dependency property in that case would be a string

[@victorgaeteflores]

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

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

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

[@ChristianColumbo]

hi, where can i fidn Geometry icons library?

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

[@liamlluls1588]

nice

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

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 kzbin.info/www/bejne/emrUf6R6q7-Xabs

[@cheyzov]

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

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

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

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

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]

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

[@GarrattCampton]

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

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

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

[@TacticDevs]

@@GarrattCampton nice, worth looking into

[@joel_robb]

@@TacticDevs How can I use icons or images?

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

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

[@TacticDevs]

Yes you can check out this video on how to use fonts kzbin.info/www/bejne/emrUf6R6q7-Xabs

[@sempach7983]

@@TacticDevs Thanks!

[@helmas_witch]

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

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

@@TacticDevs Thank you!

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

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]

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

[@hoaihai8508]

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

[@TacticDevs]

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

[@sukurullashaikh9313]

i con is not displaying sir

[@xbxb]

Source code link is not working anymore.

[@TacticDevs]

github.com/TacticDevGit/WPF-Sidebar-Navigation

[@TacticDevs]

i also updated the video description

[@nguyenvanmanh224]

i want to display name Navbutton, pls

[@TacticDevs]

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]

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

[@TacticDevs]

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

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

[@TacticDevs]

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