![JD's Code Lab](/img/default-banner.jpg)
- 52
- 411 815
JD's Code Lab
United States
Registrace 13. 06. 2020
Welcome to the epicenter of innovation! đ I'm Junaid Shaikh, your guide on a captivating journey through Software UI Designing in WPF using Visual Studio 2019. đš Dive deep into crafting exceptional user experiences, from stunning WPF UI Designs to the magic of Excel Macros. đĄ Join our vibrant community of learners and creators as we explore, code, and grow together. Hit subscribe for thrilling insights, tips, and the occasional "aha!" moment. Don't miss out - your next great discovery awaits! đ„
WPF C# | Enhance Your WPF Apps with a Beautiful Splash Screen | UI Design in Wpf C# (Jd's Code Lab)
đŹ Portfolio Splash - Dynamic Image Showcase in WPF đŹ
Hey Guys,
Welcome to JD's Code Lab! In this video, I'll show you how to design an eye-catching splash screen in WPF, perfect for showcasing your images dynamically. đ
đ Video Breakdown:
00:00:00 Intro
00:00:08 End Result
00:00:20 Overview
00:00:31 Project Structure
00:01:26 Overview of the XAML File
00:03:52 Overview of the Codebehind File
00:04:25 End Result
đšâđ» Download Source Codes and Become a Patron:
Access the source codes and support the channel on Patreon:
đ www.patreon.com/posts/108067678
đ„ 6 Awesome Ways to Support the Channel: đ„
â Buy Me A Coffee:
Show your support with a small donation. Every coffee helps! đâ€ïž
đ www.buymeacoffee.com/jdscodelab
đŁ Share This Video:
Sharing is caring! Spread the word on social media.
đ czcams.com/video/s0uAA2MRrnw/video.html
đ Give This Video A Thumbs Up:
Like the video to show your appreciation.
đ Subscribe and Click the Bell:
Never miss an update. Subscribe and hit the notification bell for more amazing content.
đ bit.ly/2V2GnxZ
đ Become a Patron:
Support my channel monthly and get early access to videos, source codes, and exclusive posts.
đ www.patreon.com/jdscodelab
đ Join CZcams Membership:
Join our CZcams membership for as low as $5 to support the channel and get exclusive perks.
đ bit.ly/3zRKV9H
đ Download Assets:
Access the necessary assets for this project here:
đ drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing
đ„ Explore More:
Check out my other playlists for more exciting content:
Other UI Designs in WPF:
Explore various UI designs to enhance your WPF applications.
đ czcams.com/play/PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0.html
User Controls Playlist:
Learn how to create and utilize user controls in WPF.
đ czcams.com/play/PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD.html
Thank you for watching and supporting JD's Code Lab! Letâs create something amazing together. đđ»âš
Hey Guys,
Welcome to JD's Code Lab! In this video, I'll show you how to design an eye-catching splash screen in WPF, perfect for showcasing your images dynamically. đ
đ Video Breakdown:
00:00:00 Intro
00:00:08 End Result
00:00:20 Overview
00:00:31 Project Structure
00:01:26 Overview of the XAML File
00:03:52 Overview of the Codebehind File
00:04:25 End Result
đšâđ» Download Source Codes and Become a Patron:
Access the source codes and support the channel on Patreon:
đ www.patreon.com/posts/108067678
đ„ 6 Awesome Ways to Support the Channel: đ„
â Buy Me A Coffee:
Show your support with a small donation. Every coffee helps! đâ€ïž
đ www.buymeacoffee.com/jdscodelab
đŁ Share This Video:
Sharing is caring! Spread the word on social media.
đ czcams.com/video/s0uAA2MRrnw/video.html
đ Give This Video A Thumbs Up:
Like the video to show your appreciation.
đ Subscribe and Click the Bell:
Never miss an update. Subscribe and hit the notification bell for more amazing content.
đ bit.ly/2V2GnxZ
đ Become a Patron:
Support my channel monthly and get early access to videos, source codes, and exclusive posts.
đ www.patreon.com/jdscodelab
đ Join CZcams Membership:
Join our CZcams membership for as low as $5 to support the channel and get exclusive perks.
đ bit.ly/3zRKV9H
đ Download Assets:
Access the necessary assets for this project here:
đ drive.google.com/drive/folders/1rgjvNh4PVSMSbLudexmMr7hjFiye5FeE?usp=sharing
đ„ Explore More:
Check out my other playlists for more exciting content:
Other UI Designs in WPF:
Explore various UI designs to enhance your WPF applications.
đ czcams.com/play/PLe_Naf3_gfQlNJq0PXK17m8B-2LMXyF_0.html
User Controls Playlist:
Learn how to create and utilize user controls in WPF.
đ czcams.com/play/PLe_Naf3_gfQkRTxAfi4OODGuI1pgt21TD.html
Thank you for watching and supporting JD's Code Lab! Letâs create something amazing together. đđ»âš
zhlĂ©dnutĂ: 201
Video
WPF C# | Busy Indicator User Control in WPF | User Controls in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 3KPĆed rokem
Hey Guys, In this video I am going to show you how to design Busy Indicator user control in WPF. What is Busy Indicator? - A control which is shown with progress on screen during long running process. 00:00:00 Intro 00:00:10 Project Creation 00:00:40 Add User Control 00:01:02 Adding Dependency Properties 00:03:52 Design Busy Indicator User Control 00:06:22 Add Icons.xaml File (Link provided bel...
WPF C# | Customize DataGrid Control in WPF | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 38KPĆed 2 lety
Hey Guys, In this video I am going to show you how to customize DataGrid control in WPF. 00:00:00 Intro 00:00:36 Add DataGrid 00:01:03 Add Columns 00:02:15 Style: DataGrid 00:05:15 Style: DataGrid Column Header 00:08:16 Style: DataGrid Row 00:10:10 Style: DataGrid Row Details 00:11:47 End Results Become a patron to download the source codes: www.patreon.com/posts/55584095 âïž 6 Ways To Say Thank...
WPF C# | File Explorer UI Redesign (MVVM Code Part) | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 8KPĆed 3 lety
Hey Guys, Welcome back to the next video of File Explorer UI. In this video we will cover the code part by following MVVM pattern. The video is going to be very exciting as there is a lot to learn. Kindly watch the entire video so you won't miss a step. And don't forget to Like, Subscribe & Share. Stay tuned for more such videos! 00:00:00 Intro 00:00:11 Create Model & ViewModel 00:01:44 Define ...
WPF C# | File Explorer UI Redesign (Design Part) | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 5KPĆed 3 lety
Hey Guys, Welcome back to my another video. In this tutorial, we will be designing File Explorer UI. 0:00 Intro 0:17 Styling Window 16:58 Side Navigation 19:26 Drive and Folder Button 32:16 Explorer Header 33:32 Menu Header Button 36:50 Expand/Collapse Menu Header Toggle Button 40:00 SearchBox 50:10 Dark/Light Mode Toggle Button 53:40 Explorer Header Sub Menu 54:40 Explorer Header Sub Menu Butt...
[Trending] WPF C# | File Explorer Redesign Coming Soon... | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 3,8KPĆed 3 lety
Hey Guys, Welcome back to my another video. Here's a sneak peek of my upcoming video on redesign of File Explorer. Let me know in the comment if you're excited for the video.đ Stay tuned and don't forget to Like, Subscribe & Share. Link to design tutorial: czcams.com/video/eamZ54DHqZk/video.html Link to code behind to add functionalities: czcams.com/video/652m-Ekjduo/video.html Become a patron ...
WPF C# | How to customize Calendar Control in WPF? | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 14KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. So, in today's tutorial i will show you how to customize the Calendar control in WPF. Kindly watch the entire video. And don't forget to Like, Subscribe & Share. Stay tuned for more such videos! âBuy me a Coffee: www.buymeacoffee.com/jdscodelab Become a member to get access to perks: czcams.com/channels/k2GyexoK16XiKkrXLD_O2Q.htmljoin Become ...
WPF C# | Epic Games Launcher UI | Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 6KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. This is the third and last part of Epic Games Launcher UI. So, In this video we are going to design the Store Page and i will show you new way to design a Navigation Menu which will contain two sections the upper menu buttons section and the footer menu buttons section. Also we will learn how to customize the Combo Box and many more. So, kind...
WPF C# | Epic Games Launcher UI | Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 2,5KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. This is the second part of Epic Games Launcher UI. So, In this video, I will design the Sign In page with custom extended buttons we will be using as Login Service Buttons and also we will design the Preparing to launch page for the Epic Store. So, kindly watch the entire video. Also support me on patreon or you can also join membership by cl...
WPF C# | Epic Games Launcher UI | Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 7KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. This is the first part of Epic Games Launcher UI. So, In this video, I will show you how to customize the WindowChrome i.e. the native Title Bar and Window Style without losing the default window animations and docking features etc. This video will be very helpful for you to get started and design custom Window UI's. So, kindly watch the enti...
WPF C# | Multiple Style In One Application | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 4,3KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. In today's tutorial, I will show you how to switch between multiple themes (styles) in one application on runtime and also save the current theme and restore last saved theme. This video will be very helpful for you to get started and design multi theme application. So, kindly watch the entire video. Also support me on patreon to get early ac...
WPF C# | Rockstar Game Launcher UI Design| UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 9KPĆed 3 lety
Hey Guys, Welcome back to my another video tutorial. Yes, i know i got late. Sorry about that. But, the reason is due to voice over i am not able to record everything at once. And my goal is to provide you with quality videos. I know you guys will understand and it won't be any issue. Thanks a lot for your understanding. So, in today's tutorial we will be designing Rockstar Game Launcher UI wit...
WPF C# | Login UI With Image Transition Animation | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 4,5KPĆed 3 lety
WPF C# | Login UI With Image Transition Animation | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat App UI Part - 6 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 7KPĆed 3 lety
WPF UI Designs C# | Chat App UI Part - 6 | WPF C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 3,1KPĆed 3 lety
WPF C# | Steam Redesign Part - 3 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 1,6KPĆed 3 lety
WPF C# | Steam Redesign Part - 2 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Steam Redesign Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 6KPĆed 3 lety
WPF C# | Steam Redesign Part - 1 | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Internet Download Manager UI Redesign | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 3,9KPĆed 3 lety
WPF C# | Internet Download Manager UI Redesign | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Drag & Drop to Upload File UI | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 10KPĆed 3 lety
WPF C# | Drag & Drop to Upload File UI | UI Design in Wpf C# (Jd's Code Lab)
[Trending] WPF C# | File Manager Application Dashboard UI | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 54KPĆed 3 lety
[Trending] WPF C# | File Manager Application Dashboard UI | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 5 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 2,9KPĆed 3 lety
WPF UI Designs C# | Chat Application UI Part - 5 | WPF C# (Jd's Code Lab)
WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 15KPĆed 3 lety
WPF C# | Login UI | UI Design in Wpf C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 4 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 2,2KPĆed 3 lety
WPF UI Designs C# | Chat Application UI Part - 4 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 3 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 2,3KPĆed 3 lety
WPF UI Designs C# | Chat Application UI Part - 3 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 2 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 4,8KPĆed 3 lety
WPF UI Designs C# | Chat Application UI Part - 2 | WPF C# (Jd's Code Lab)
WPF UI Designs C# | Chat Application UI Part - 1 | WPF C# (Jd's Code Lab)
zhlĂ©dnutĂ 25KPĆed 3 lety
WPF UI Designs C# | Chat Application UI Part - 1 | WPF C# (Jd's Code Lab)
WPF C# | E-Course Dashboard UI | WPF UI Designs C# (Jd's Code Lab)
zhlĂ©dnutĂ 3,5KPĆed 3 lety
WPF C# | E-Course Dashboard UI | WPF UI Designs C# (Jd's Code Lab)
WPF C# | IValueConverter & INotifyPropertyChanged | Interface in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 1,6KPĆed 3 lety
WPF C# | IValueConverter & INotifyPropertyChanged | Interface in Wpf C# (Jd's Code Lab)
WPF C# | Set Blur, Acrylic, etc. effect to window | UI Design in Wpf C# (Jd's Code Lab)
zhlĂ©dnutĂ 12KPĆed 3 lety
WPF C# | Set Blur, Acrylic, etc. effect to window | UI Design in Wpf C# (Jd's Code Lab)
WPF C# | Navigation Menu With Sub Menu | Wpf User Controls (Jd's Code Lab)
zhlĂ©dnutĂ 23KPĆed 3 lety
WPF C# | Navigation Menu With Sub Menu | Wpf User Controls (Jd's Code Lab)
Hey everyone! đ Thank you for watching my tutorial on creating a stunning WPF splash screen - "Portfolio Splash"! If you enjoyed this video, please consider giving it a thumbs up and subscribing to the channel for more awesome content. đđ đĄ Support the Channel: âą Become a Patron: Get early access to videos, source codes, and exclusive content! đ www.patreon.com/posts/108067678 âą Buy Me a Coffee: Small donations help keep the content coming. đ www.buymeacoffee.com/jdscodelab đ Download Assets & Source Code: đ www.patreon.com/posts/108067678 đŁ Share this video with your fellow developers and help the community grow! Your support means the world to me. â€ïž đŹ Let me know in the comments what you'd like me to design next! Your suggestions help shape future content. Happy coding, and let me know in the comments if you have any questions or suggestions! đ»âš #WPF #SplashScreen #PortfolioSplash #Tutorial #JDCodeLab
Thank you . Welcome back and I hope you do more content from now on :)
Trying my best to work on consistent uploads.
Brilliant, It's been a while but it's nice to see more of your videos. Hope I don't have to wait a year for the next one :)
I hope so đ. I have been occupied with office work lately. But will try to post more content from now on.
how to make the StaticResourses rightArrow at 17:38?
Here: drive.google.com/drive/folders/1FUwLQNXvPax7N0jVpP7HaApeeWAvLSB7
A very good tutorial that demonstrates the great possibilities that exist and can be explored in WPF.
Can this be made in linux?
Your channel is the best programming I have seen.
i am using visual studio 2013
Yes, you can still develop the same in vs 2013
Why dont you explain your videos?? Dont know how to speak?
In my earlier videos, I didn't have a mic setup for voiceover. In my recent videos, I've included explanations.
Hello! I did everything like in your video but my Window didn't change... its like default white background and no buttons are visible. IDK what's wrong. I also checked your repository and just copypasted code from this video to my project due to the correct way, but its still not working! Can u please help me and maybe guess what's the problem?
Please check if you have added window.xaml resource dictionary in app.xaml 11:17
Could you provide the code for this, some of the things you're doing aren't working on my project. Specifically ValueToAngleConverter. It keeps saying " Unable to cast object of type 'System.String' to type 'System.Windows.Data.IValueConverter'. "
Did you follow this correctly on Line 17: EndAngle="{Binding Converter=ValueToAngleConverter, ElementName=circularProgress, Path=Value}" czcams.com/video/A1xnQarpAbY/video.htmlsi=fMDbVu-kPnftUuUl&t=388
<Themes:DataGridHeaderBorder there is arror
it was very brief and clear
At the step Edit a Copy for a Template,It didn't create a datagrid style for me and i just had a controltemplate for a datagrid. When i added datagrid style by myself it create error pls help me
Hi, please share the SS on my email jdscodelab@gmail.com
Hello, when I download your code and open it, there is an error in the .mdf database file, so what should I do to fix it?
Hi there. Can you specify what is the error message you are getting? If you are facing database connectivity error then you will need to replace the path of the database in the connection string property in ViewModel class.
Did you manage to solve the problem?
i dont have a Assets folder of any sort please can you help me?
Here you go: drive.google.com/drive/folders/1hd23-Os7t7CCw-03gurerua6n55hsHyO
SHEEEESH that was the quickest reply ever!@@JDsCodeLab
how to import? @@JDsCodeLab
I know it's kindo f late but what if I want to cover all screen with the modal window ?
Call a new window with TopMost property to true and windowstyle none.
With all due respect, this has to be the worst WPF tutorial I've ever watched..., parts of the code are missing, very long chapters without testing if the changes were reflected or not, very fast transitions, and no explanation of what you are actually doing, and not even a finished project to verify if something is wrong or mismatched. I would highly recommend working more on optimizing the presentation of the video to allow people to follow up and actually understand what they are doing, after all, the purpose of the tutorial is to learn how to design a game launcher with WPF not to clone it blindly.
I appreciate your feedback on the video, and I'm sorry to hear that you found it lacking. I'll definitely take your comments into consideration for future tutorials to make them more informative and user-friendly. It's important to provide clear explanations, complete code, and proper testing steps to help viewers learn effectively. Thank you for your constructive criticism, and I'll work on improving the quality of my tutorials. If you have any specific suggestions or questions, please feel free to share them.
I think this is a very useful tutorial, thanks for uploading! However, the loud music in the background is very very annoying. IMO it'd be better to have just your voice.
It's really cool!!! Is this really functioning? not only UI?
It's UI only
XDG03 Default value type does not match type of property 'ImageSource'. at 31:10
Thanks you soo much, it looks perfectly:))
Great job. Would you like to try the Steam Big picture redesign, it will be a good addition to your Steam redesign?
It was very hard to keep up, you were going really fast, and even with me slowing it down or pausing, it was difficult to understand.
thanks dude
if there are more characters in your last message, your "Last Message Time" will fly to the moon. How to ensure adaptability to this moment?
it would be cool to see how you would redo the DatePicker :)
waiting for you to come back and continue your videos! very beautiful controlls
Hi, very cool videos, thanks! Do more videos of redesigning standard controllers!!! Thanks
TeĆekkĂŒrler.
It's not connected to internet like other chats
Hi Habib Ur Rehman. This is just the UI design. Business part you'll have to write on your own.
Could you possibly share your project files cause I'm having issues with loading the chat conversation in the user control window, the same problem you had but fixed with adding mConversations, for me this doesnt fix it, even after rebuilding, reopening the project.
at 15:59 u have a wrong code. It should be This.Text = Passbox.password.
HI Font Resource Styles Please share
JD's, just a fantastic tutorial. I am following it pretty well (newbie in WPF) and can't see what you do around minute 14 in order to get the Minimize, Maximize and Close buttons to appear correctly. In mine it shows the numbers and letters đ
Hi. You will need to download segoe-mdl2 font and install it on your system. Then you can use that font to show maximize, minimize and close symbols.
After adding <DataGrid RowStyle ColumnHeaderStyle="{DynamicResource DataGridColumnHeaderStyle1}" ... > my headers are disappearing and showing blank datagrid in xaml and when it runs, why?
Great video, I tried to change it myself but but could not change everything I wanted. Now I see you can template everything in this control.
Thank you, useful tutorial , i notice in your video that the kb count remains 0 during the upload.
Hey! Will there be a second part?
Hi. What do you want in 2nd part?
Welcome back bro âșïž
Check out video here: czcams.com/video/eamZ54DHqZk/video.html
i am not able to copy it
Great, Welcome back, after a long time. Can you post some videos of developing Windows desktop programs using MAUI?
I haven't tried MAUI yet. But will see.
Welcome back, it's been awhile but it's good to see more content from you
Thanks Valdimar. I will try to make more videos.
After a long time bhai..keep going
Very good and helpful, if you can make a video about how to make a custom message box in wpf
Will try to do video on that. đ
Check out full video here: czcams.com/video/BOT6MNbtoNs/video.html
â 6 Ways To Say Thanks & Support The Channel: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - â Buy Me A Coffee: If you would like to make a small donation to support my channel please buy me a coffee⥠link below. It's totally voluntary, and I still love you if you choose not to đ†www.buymeacoffee.com/jdscodelab đŁ Share This Video On Social Media: This costs nothing but helps a lot! czcams.com/video/BOT6MNbtoNs/video.html đ Give This Video A Thumbs Up! đ Subscribe to my Channel & Click The Bell For More Amazing Content: bit.ly/2V2GnxZ đ Become a Patron: If you would like to support my channel on monthly basis please become a patreon member⥠link below. Also you will get the early access to my videos and posts. Plus source codes before all. It's totally voluntary as I said above.đ†www.patreon.com/jdscodelab đ Join CZcams Membership: You can also join membership on CZcams from as low as 5$ and support my channel⥠link below. bit.ly/3zRKV9H đ Show Support With Super Thanks: If you would like to thank and support me you can send super thanks by clicking heart button with dollar sign below video. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Download Assets: drive.google.com/drive/folders/1EMAFWy8pMb8Lk7R5Htnk2UfOUjJwyrWM czcams.com/users/sgaming/emoji/7ff574f2/emoji_u1f496.png
Welcome back, after a long time. Thank you for this tutorial
Thank you too!đ
can i have a copy of PathGeometry figures of the icons?
Hi JD, I coded your example, WPF for NET 6. But when I apply the Theme, nothing happen, but when I restart the app, the Theme is applied
NVM, I was using StaticResource instead DynamicResource