C# WPF UI | How to Design Flat Data Table Dashboard in WPF (Customize Datagrid)
HTML-код
- Опубликовано: 31 май 2022
- Hello my friends , in this tutorial we'll learn how to create a data table dashboard in C# WPF. also we'll learn how to use MahApps Icons Nuget and customize datagrid in WPF.
--------------------- Social Networks -------------------------
Instagram : / wpfacademy
Facebook : / wpfacademy
Telegram : t.me/WPFAcademy
--------------------- Music -------------------------
1.
Through My Eyes (Instrumental) by Mike Leite / mikeleite
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/_through-my-eyes
Music promoted by Audio Library • Through My Eyes (Instr...
2.
Fantasy by Declan DP Music / declandp
Licensing Agreement: www.declandp.info/music-licensing
Free Download / Stream: bit.ly/2CcD0Hd
Music promoted by Audio Library • Fantasy - Declan DP (N...
3.
Lioness (Instrumental) by DayFox / dayfox
Free Download / Stream: bit.ly/lioness-instrumental
Music promoted by Audio Library • Lioness (Instrumental)...
![Eminem - Houdini [Official Music Video]](http://i.ytimg.com/vi/22tVWwmTie8/mqdefault.jpg)
You're absolutely amazing! Design is massive! Thank you
WOW ... YOU ARE A PROFESSIONAL
I'm so sad that I've only just seen the video.
Your live coding is cool and beautiful.
Thank you for sharing the good video.
I've been thinking about making a desktop app with Flutter recently and it looks like you could make it nice and beautiful really quickly.
Amazing work
Your channel is just awesome! I just got lucky to discover it! of course you got my subscription..
Thanks and welcome😀
Felicitaciones, se agradece tan buen aporte... Saludos
Very beauty UI. Thanks.
Thank you so much
You're welcome 😊
Beautiful design
Thanks 🌺
Nice Work Man thank you for this Nice DataGrid
Glad you like it!
Excellent work. You could do something in WinUI. I know it's a bit different than WPF, and I'd like to see something with this new design framework.
I also like to experience new things. I will definitely try it and if it works well, I will share it.
And thank you for your suggestion.
@@WpfUI WPF Is the Future .. it can work in any platform windows , macOS ... that is what I think ... Am I right?
I think what you are talking about is WinUI, WPF is still very powerful, but its last version was 4.5. WinUI is the replacement for WPF and UWP, it still uses the powerful XAML controls, but unlike WPF, WinUI is updated every 6 months. It is very similar to WPF, but it is cross-platform and open source.
But the problem with WinUI is that it supports newer versions of Windows, such as Windows 11 and post-2018 updates of Windows 10.
I have many requests from customers that the program should work on Windows 7, 8 and even XP.
Wow ... Nice Explain sir
Thanks and welcome
Hello there. Thanks for your content. I just founded. It is really helpful. One question though. How do I show a user profile card when the image is clicked. Thanks for the response in advance.
Mamnoon dadash lotf kardi
Khahesh Mishe :D
I loved the layout style, but I wanted to know if there's a way I can do this style with user control and return data from a mysql query
cool design. could you tell me how to learn this UI design, some books or website could you recommend, thanks your excellent work.
I just say Thank u so much for this greate Tutirial. Could you be my teacher in wpf ?
Sure, why not. :)
Wow
wow its awesome
Thanks 😀
Thank you for video. Scroll with pagination confused me alittle bit
Never tought something as good as this can be done in WPF. It looks awesome.
I have some questions:
Is the UI scalable ? Like if the app is full screen or snaped to half of the screen or made really small would it still look good ?
Dose what are you showing us here works in MAUI too ?
If you have have experience with JS/HTML/CSS, which one do you think is easier to use ?
I am using Electron now to make desktop apps but when I see that it uses ~500mb for a chat app it gets sad and makes me looks for alternatives and WPF/MAUI seems nice considering that I am a fan of C#/NET Core .
Thanks you for your comment.
- You can write scalable codes in Xaml, but this thing I wrote is not very complex and scalable (maybe difficult for the audience)
- MAUI using other extra controls and is different and I don't think the codes work well the same there
- I haven't experienced Electron yet:)
@@WpfUI Thank you for your answer.
thanks for datagrid custom design
🌺😀
Could you please share the source code of this project ?
You are awesome
Thanks 😀
Good afternoon, can you tell me what packages you install in this video?
I'm amazed! Excellent work! But may I ask where does the 'SolidColorBrush' came from? TIA :)
and the Style before the DataGridStyle1 .. I want to learn more! TIA
Thanks.
You can write your SolidColorBrush or use predefined colors.
Amazing (17:00)
Can you make a guide to inserting a database into SQL? And I'm curious about how to change the value entered in the item when the button is pressed. TY sir
Hello. In this channel, I try to work more on the UI of programs. You can use Microsoft tutorials to connect a database to your program. like this (docs.microsoft.com/en-us/dotnet/desktop/wpf/controls/walkthrough-display-data-from-a-sql-server-database-in-a-datagrid-control?view=netframeworkdesktop-4.8)
You can also use Button Sender as your data type (like : ((FrameworkElement)sender).DataContext ) to get a row of Datagrid and then edit it.
you can use entitwork core to make database connections, it work fine with wpf.
It will be nice if you drop the code on a Git repository.
I have already uploaded it on GitHub. I will put the link again for you.
github.com/sajjad-z/WPF-DataTable-Dashboard
@@WpfUI Thank you for the tutorial, I am a WPF enthusiast, this really help me upgrade my skills, especially in UI dev.
Sir how can we add horizontal scrolling, if the number of column increases. Trying to figure out for a long time. Would be a great help if you could provide it. Thank you for this.
Just set the property HorizontalScrollBarVisibility of DataGrid element to Visible
Your Website is down. Could you please Share the Project Files?
Kindly share code or repository of all your design and project, if possible
In older comments i shared Github link :
github.com/sajjad-z/WPF-DataTable-Dashboard
A great video. Is it possible to download this project?
17:00 datagrid styling
Excellent work, did you accept commissions in something like fiverr? I need a little bit of help creating a menu UI, nothing crazy and i know i cant do it with out your help.
Thanks Pablo, You can email me to talk more.
ZareDeveloper@gmail.com
I'm doing the same thing while searching, I can't click on the textbox?
in strange way i got that The property 'IsEmpty' was not found in type 'String'
and i tried to fix it but i cant
the strange thing is that blend is still git the error but the app is working
strange
Hi mate, you just need remove this attribute "Path", it works for me
@@lolf5483 thanks now it works!
How can I use tab button in this form
where can I find the source code as show in the video to learning ,thanks
In comments you can found the Github links :)
github.com/sajjad-z/WPF-DataTable-Dashboard
Sir . could you please tell me how to add new members to the datagrid 😢
Make one of MAUI, no free template/design can be found on youtube or google
where I can get those icons ?
Its super nice, but please slow the video down next time. Better 2 hours normal human speed than 30 mins superhuman 4x speed.
Sorry about that. I usually speed up the video by 300%, if you set it to 0.25 you can watch it even slower than normal.
17:00
hello. I would like to ask permission to create an open source version of the MVVM pattern based on your excellent design and release it as a video.
I live in Korea. Please allow me. The source of the design will always be indicated with a link. The added part is an employee management program using modeling using MS-SQL.
is this cross-platform compatible (Windows, MAC, Linux, Android, iOS, Web, etc.)???
for MAC and Linux you must ReBuild the project.
Can u guide me how to bind with databases like MSSQL , or some docs
The topic of the channel is user interface design, but maybe I will make videos about it in the future
Can I use this design in my project, but I will not copy codes
Yes sure 😀
And the github repo?
I cant add datagridstyle can u help me
Just right click on Datagrid and then copy of original Datagrid style.
bro where is the source code? how do we learn? please upload and share the link. thanks
Excellent! Could you please share the code?
Hi Chris, You can see it on Github 😀
github.com/sajjad-z/WPF-DataTable-Dashboard
@@WpfUIThanks for sharing.
Please help wich software this made
hi can i get the source code for it?
You can see it on Github :
github.com/sajjad-z/WPF-DataTable-Dashboard
Tôi đã xem tới 9:16
MouseLeftBottonDown=" " ? 2:21
Nevermind lol
Popcom 🎉❤🎉 silençe you 😊❤😊😊😊
Can I give you a 1000 likes?!
Could you please add source code 😁😁😁😁
Yes sure. But I've already uploaded to Github and posted links to people in the comments.
github.com/sajjad-z/WPF-DataTable-Dashboard
can you send me the code?
Already shared on Github :
github.com/sajjad-z/WPF-DataTable-Dashboard
I would also like to have such a nice datagrid but you are just too fast for me
Music nahi dalana tha
Not with Music
showing very fast...
HELP
Could definitely have done without the music. Was just awful.
Video is incomplete without sound or music. I apologize, but the presence of music (or vocals in the future) is required. 🌸
its a jok what you implemented, its just fassade no functionality just ui