@@ikazuchi-san5772 back in 1998, they called it 'Visual Studio', as its main focus was being a graphical IDE. if you look back at VS97 (first VS release), its a more of a fitting name than today. but the main reason its actually called 'Visual Studio' because 'Visual' is a microsoft name brand
if the user doesn't press the "dashboard" button at first, there will be a bug: the background color of the "dashboard" button will not be changed when pressing other buttons until clicking it again. To fix this bug I think I should add 1 more statement on Click events of other buttons: tn_Dashboard.BackColor = Color.FromArgb(24, 30, 54);
Any tutorial that says "copy/paste the code." Thanks for that explanation. Now all anyone trying to learn this needs is code that they can copy/paste for whatever else they decide to do.
@@sketchygfx it is yes, nowadays web design is used a lot for desktop applications as well; for example spotify, discord and skype are all applications that are build using html5 and css within some kind of chromium wrapper / framework like electron.
The buttons changing color when selected does not work correctly if you select one of the below buttons before you select Dashboard since that's the pages default button.
ATTENTION! At least to me first download link my Windows defender detect ransomware!!! I really hope I don't have a problem... has it happened to anyone? Excellent video and very well explained!
@@CodeCraks Thanks for the reply. However I ended up removing the information right by watching your excellent video! Thanks to you I improved the appearance of the non-standard window. my client loved it!
Me, has only dabbled in python and looking at C# instead. Has never until tonight wondered how to make UI. Also me while watching this "Sure, I could probably make an entire app for work."
Lot of parts of the GUI are not showing up properly when I have my windows set to 300% scaling. Is there a way to get this to play nicely with various DPI, resolution, and scaling settings?
Every source code has been scanned and uploaded. I guess windows blocks the file because it came from an external source. It keeps you away from executing the program.
What we do is we just load another windows form to the panel so when you select settings the setting form pops and the dashboard will unload from the panel
Yeah WPF is more customizable and used nowadays. Although WinForms is declared dead, it can be used for developing UI based applications quickly. WPF is a good approach. Maybe I'll try it in the future. 🙂👍🏻
You could create one onClick method for all buttons instead of making events for each button. Then using event args you can check what button was clicked and perform the corresponding action. Great design btw.
@@SaraSara-fr7go put a second parameter in the onclick function. the action performed is depending on that parameter value and each different button adds a different parameter value. that goes to a switch statement and then performs the corresponding action.
Hey! This really helped me and I thank you so much for it. One question though, How can I edit the other tabs, like the calender and settings? Im kinda new to this. Thanks!
first of all thank you very much you saved my project bro! i have 2 questions either, how can i pull the window with Formborderstyle on none and how can i resize is manually? THX very much!
Thank you for the video, I learned a lot! I am wondering though, I noticed typed the values for your different visuals like “downloads” or “earnings” in yourself.. is it possible to pull values or variables from a database.. so as they change over time my dashboard would change? I am trying to find a front end for a financial database I made with python and Postgres (without learning js right now) I’m new to programming / development! Thanks again
You can! Say, I want to change the text of a Label object with the name label1 All I need to write in the code is "label1.Text = "SomeTextHere";" And thats pretty much it! this can be called from a function as well
Hey, I have a question. How do you bring back the drag and drop feature since the little thing on the top is missing? I want to make my application look more modern but also have the ability to move it around the window using drag and drop.
Nice video, thanks! I would just add this tip: install "Enhanced Syntax Highlighting" VS extension. Thank me later ;-) P.S. "Prograss" is a good movement ;-)
With the Circular Progress Bar control, you can certainly make it show something, but do you have or can you recommend a control or NuGet package that can make real nice good looking graphs?
The download link of the project files on the homepage links to a wrong file: It downloads the resource-pack (icons) like the other download-link does. But thanks anyway! I wonder, if it is possible to make scrollbars dark, tiny and rounded the same way -using no external packages.
12:05 when i write location as 20,17 its putting on top left on the screen, im sure putting on Form1 not on left panel, but still putting on wrong place, how u seperate 2 panel to this form and counting x=0 as left side of the right panel ? will u put another panel not showing in video ? like panel4 ?
I am new in UI design and i want to develop UI only for desktop apps (Mac, Windows) i do know basic C# , i saw people using WPF ,but i don't know should i learn Xamarin or .NET Maui(upcoming) or any other tool which i can use to develop UI.
Hello, Your tutorial has been great for learning Windows Forms and C#. I'm attempting to make an application like your example and have a question. If on one of the forms, I have a text box for user input and then leave that form, is there any way for the value that was entered into the textbox to still remain when I return to the original form? any help is appreciated. thanks.
You'll have to write a Save() method and a Load() method. Once you leave the form, Save() is triggered. And Load() is triggered when you return to the original form.
System.Diagnostics.Process.Start(""); I want to run this command when i press a button to go to an url, but it gives me an error with 32 etc, can u help
Thanks for the great work. However, when I try to browse your website, the antivirus software reports :"Threat found This web page contains potentially dangerous content. Threat: HTML/ScrInject.B trojan"
Hi, can i ask about vs or vs code. Im already used both 2 years ago (now im doing react in vs code) i need c# for 1 project and im not sure wichone i will start? what do you think about between them good for "c# project" ? And your video is amazing by the way ^^
Hi, great job, thanks for sharing :) I just wonder, can this UI be applied for Arduino sensor monitoring or for ESP32/8266. To read data from usb port :)
Thank you so much for this, also how can I add a file such as a batch file that they can run by pressing a button it will set up their pc for them but how do I run it by them pressing a button that says "setup"
Hi, I have a question. When I was using the picturebox, I can only use the local resource to let the image display. If I import the image to the project resource file, the right side will add a .png file under the Resources but the image cannot display on the screen and I check the property of image which was still none. How can I resolve the problem? Thank you so much.
Now the name visual studio starting to make sense.
No. its jsut a random name
ye like dexter said its just a random name
java IDEs have the same drag and drop thing as well
@@ikazuchi-san5772 back in 1998, they called it 'Visual Studio', as its main focus was being a graphical IDE. if you look back at VS97 (first VS release), its a more of a fitting name than today.
but the main reason its actually called 'Visual Studio' because 'Visual' is a microsoft name brand
@@b4tty thx for the info dud
@@b4tty that makes sense.
if the user doesn't press the "dashboard" button at first, there will be a bug: the background color of the "dashboard" button will not be changed when pressing other buttons until clicking it again. To fix this bug I think I should add 1 more statement on Click events of other buttons: tn_Dashboard.BackColor = Color.FromArgb(24, 30, 54);
Any tutorial that says "copy/paste the code." Thanks for that explanation. Now all anyone trying to learn this needs is code that they can copy/paste for whatever else they decide to do.
I don't think you need a explanation how to import and use a dll to get round corners. It has nothing to do with this code here.
Why you did this in winforms in 2020 is beyond me but kudos to you.
As someone new to ui, what would you recommend?
@@hd33444 Nowadays, I would take a look at Electron if you want to create a fancy UI for native desktop applications.
@@AdamSmitsOfficial ok thanks, I'll check it out!
@@AdamSmitsOfficial isn't electron web dev specific?
@@sketchygfx it is yes, nowadays web design is used a lot for desktop applications as well; for example spotify, discord and skype are all applications that are build using html5 and css within some kind of chromium wrapper / framework like electron.
The buttons changing color when selected does not work correctly if you select one of the below buttons before you select Dashboard since that's the pages default button.
Thank you so much, it's so difficult to find good tutorials about win form, in general just old and low quality stuff in the internet
This video is also just old, low-quality stuff.
Woow, excelente, soy programador pero no soy nada bueno diseñando, eres sorprendente, gracias y saludos! Me suscribo 👌
ATTENTION! At least to me first download link my Windows defender detect ransomware!!! I really hope I don't have a problem... has it happened to anyone?
Excellent video and very well explained!
Windows defender detect the zip file has a ransomware because it is if pure C# code on it. if so you can use the file without any fear
@@CodeCraks Thanks for the reply. However I ended up removing the information right by watching your excellent video! Thanks to you I improved the appearance of the non-standard window. my client loved it!
Sounds good
Great, quick tutorial with structure.
Love the design!
Very excellent tutorial for C# UI beginners !!! I will recommend this to my friends.
Thank a lot
I am being Proud. Because You are From Sri Lanka.
Thank you 🙌
Keep watching our videos and Subscribe us 🙂
Me, has only dabbled in python and looking at C# instead. Has never until tonight wondered how to make UI.
Also me while watching this "Sure, I could probably make an entire app for work."
Thanks for sharing this video. It made me come up with an impressive idea😁
Thank You for not wasting my time.
Great starting point for me, thanks for the tutorial.
You are always welcome
Thanks so much for that - looks really good. Would there be follow-up videos to expand on the functionality - window sizing, themes etc?
Yeah, we are deciding to do a video with more customization using an open source UI framework.
@@CodeCraks can ı make windows 10 mobile app like tihs?
@@mehmetcaloglu9409 windows 10 mobile??
@@ajaxbetter yeahh 🤙
@@mehmetcaloglu9409 mobile app??
Lot of parts of the GUI are not showing up properly when I have my windows set to 300% scaling. Is there a way to get this to play nicely with various DPI, resolution, and scaling settings?
I've downloaded the source code file and automatic windows scan find it a ransomware and automatically deletes it :(
Every source code has been scanned and uploaded. I guess windows blocks the file because it came from an external source. It keeps you away from executing the program.
Congrats mishaal and faslam on 1k subs❤️
there growing fast!!!! its been 2 months and they gained 3k!
BRUHH THIS HAS EVERYTHING I NEEEEED THANK U SO MUCHH!
Its my job to teach you guys
What we do is we just load another windows form to the panel so when you select settings the setting form pops and the dashboard will unload from the panel
@@CodeCraks should I use vsc 2015 or can I use 2019
You must use VS 2015
You can use it but, what I recommend is to use VS 2015
Great video! Very intuitive! But do you think maybe WPF is a better approach to develop a dashboard?
Just to check if you wanna make videos about WPF in the future.
Yeah WPF is more customizable and used nowadays. Although WinForms is declared dead, it can be used for developing UI based applications quickly. WPF is a good approach. Maybe I'll try it in the future. 🙂👍🏻
You could create one onClick method for all buttons instead of making events for each button. Then using event args you can check what button was clicked and perform the corresponding action. Great design btw.
Can but most of my viewers are new to programming so it might me be bit harder to understand for them
@@CodeCraks Too Right
how to create one onClick method for all buttons
@@SaraSara-fr7go put a second parameter in the onclick function. the action performed is depending on that parameter value and each different button adds a different parameter value. that goes to a switch statement and then performs the corresponding action.
@@SaraSara-fr7go Just cast the sender object to a button. ((Button)sender).Top etc.
Wow! Its amazing! Thank you!
Excellent video. Thank you
I like your videos creation may i ask which AI voice generator do you use for narriation?
I would recommend you to use WPF instead. Windows Forms doesn't support GPU rendering, and uses CPU. It impacts performance.
I know at least one third-party vendor uses DirectDraw hardware rendering for WinForm controls. I checked performance - faster than in WPF.
Thank you very much for this video, that was very helpful.
Thank u so much.Greetings from Romania!
Amazing work, thanks for this video.
Been crying about Flash apps (Action Script3) being discontinued. Now I see there's hope in Visual studio and C#.
Thanks for the tutorials
Hey!
This really helped me and I thank you so much for it.
One question though, How can I edit the other tabs, like the calender and settings? Im kinda new to this. Thanks!
Watch our Part 2 on this video for that
@@CodeCraks alright. Thank you so much!
Thank you for the great tutorial. Subbed.
first of all thank you very much you saved my project bro! i have 2 questions either, how can i pull the window with Formborderstyle on none and how can i resize is manually? THX very much!
super cool video!!!
i just wanna you to know that I can't open the link for the pictures can you help me???
Thank you. Subscribed.
Fantastic! Thank you!
WOwow! WinForms in 2020? 🤔
"Prograss" is nice :D. Nice, I know the manual very time-intensive way, but is there not a easier way to do that (import a style)?
Awesome video - thank you indeed!
Thanks for this demo, i have a question, it's possible to export this application on internet like a website?
Many untitled ui look so good.
the tutorial seems good, any reason bitdefender is detecting your download as a virus?
Thank you for the video, I learned a lot! I am wondering though, I noticed typed the values for your different visuals like “downloads” or “earnings” in yourself.. is it possible to pull values or variables from a database.. so as they change over time my dashboard would change? I am trying to find a front end for a financial database I made with python and Postgres (without learning js right now) I’m new to programming / development! Thanks again
There are three things in life that are inevitable, death, taxes and Javascript. Can't avoid it but at least the syntax is easy.
@@connoisseurofcookies2047 I am realizing this truth, thank you lol.
You can!
Say, I want to change the text of a Label object with the name label1
All I need to write in the code is "label1.Text = "SomeTextHere";" And thats pretty much it!
this can be called from a function as well
you deserve a follow and like
Hey, I have a question. How do you bring back the drag and drop feature since the little thing on the top is missing? I want to make my application look more modern but also have the ability to move it around the window using drag and drop.
Thank you, very good!
i love your work so much i understand every single thing may God continue to bless u
pls can you make a Tutorial for App design from scratch ? plsss
Ya sure in the near future
yes it's really usefull thanks ....
Thanks alot bro...All I needed in a much simpler way
Nice video, thanks!
I would just add this tip: install "Enhanced Syntax Highlighting" VS extension.
Thank me later ;-)
P.S. "Prograss" is a good movement ;-)
The rgb color is separated by semicolons ( ; )
Yeahhh,
That is likely to depend on National settings. You likely have comma as decimal character. It's a common silly twap.
With the Circular Progress Bar control, you can certainly make it show something, but do you have or can you recommend a control or NuGet package that can make real nice good looking graphs?
siticone DESKTOP UP
I recently started using C# it reminds of html and CSS but better
Thanks you bro. C# is rare
how can you show different information on the from depending on which button is clicked?
The download link of the project files on the homepage links to a wrong file: It downloads the resource-pack (icons) like the other download-link does.
But thanks anyway!
I wonder, if it is possible to make scrollbars dark, tiny and rounded the same way -using no external packages.
The download link is for those stuff
12:05 when i write location as 20,17 its putting on top left on the screen, im sure putting on Form1 not on left panel, but still putting on wrong place, how u seperate 2 panel to this form and counting x=0 as left side of the right panel ? will u put another panel not showing in video ? like panel4 ?
excellent video.keep it up.
Thnaks ❤❤
But why dont use sender in 10:25
thank you so much !!!
I am new in UI design and i want to develop UI only for desktop apps (Mac, Windows) i do know basic C# , i saw people using WPF ,but i don't know should i learn Xamarin or .NET Maui(upcoming) or any other tool which i can use to develop UI.
4:41 Have you a video tutorial how to add new font? Nirmala..its awesome, nice video tutorial btw, i follow it and i've use for my project, thx
how can i make this functional now
like how do we put the code to operate the interface based on the data we feed it
I cant get the code file open? i have extracted it, even tried without extracing looked everywhere can't find it in the MEGA download.
Hello,
Your tutorial has been great for learning Windows Forms and C#. I'm attempting to make an application like your example and have a question. If on one of the forms, I have a text box for user input and then leave that form, is there any way for the value that was entered into the textbox to still remain when I return to the original form? any help is appreciated. thanks.
I think saving the entered value in external files (such as xml or json) can do the job.
You'll have to write a Save() method and a Load() method. Once you leave the form, Save() is triggered. And Load() is triggered when you return to the original form.
I think my method is pretty cumbersome, maybe there are simpler methods.
Oh i will try it
@@CodeCraks any luck with this?
WOwww. Good jobs.
Hi, which version of dotnet did you use? Thanks
System.Diagnostics.Process.Start("");
I want to run this command when i press a button to go to an url, but it gives me an error with 32 etc, can u help
Thanks for the great work. However, when I try to browse your website, the antivirus software reports :"Threat found
This web page contains potentially dangerous content.
Threat: HTML/ScrInject.B trojan"
We are currently working on that. I'll update the link
@@CodeCraks Your website link is broken right now and I can't access to the assets of this project anymore. Any news on that?
in my project i made the menu at the top of the menu, when i start the program it doesnt work..
Thank you for your video
Don't go to the website. it has malicious content
Are these aligned dynamically or no?
Hi, can i ask about vs or vs code. Im already used both 2 years ago (now im doing react in vs code) i need c# for 1 project and im not sure wichone i will start? what do you think about between them good for "c# project" ? And your video is amazing by the way ^^
Actually sorry for the late reply by the way it depends on the project you handle
@@CodeCraks i choose vs19 + devexpress, its going good now, thnx for the answer 😃
Same desktop background, but not same skills ;)
Dll import didn't work for me, it says it expects an identifier
Import the libraries as done or check the project file
@@CodeCraks Thank you.
Hello. When I start my application I only get a white screen :c 11:24
Hi, Can you make publish those picture? I liked your video but I dont have any picture of it
I think you should write shortly like this:
private void btnOpenFile_Click(object sender, EventArgs e)
{
AlignNavLine((Button)sender);
}
private void btnCalculate_Click(object sender, EventArgs e)
{
AlignNavLine((Button)sender);
}
private void btnSave_Click(object sender, EventArgs e)
{
AlignNavLine((Button)sender);
}
public void AlignNavLine(Button button)
{
foreach (var element in panelLeftmenu.Controls)
{
if (element is Button)
{
((Button)element).BackColor = Color.FromArgb(24, 30, 54);
}
}
panelNav.Height = button.Height;
panelNav.Height = button.Height;
panelNav.Top = button.Top;
panelNav.Left = button.Left;
button.BackColor = Color.FromArgb(46, 51, 73);
}
Question:
Why I can't enter the color directly in the properties just like the author (example: 46, 51, 73)?
I can only choose from the color palette.
You can enter Any RGB color value.
Example for white you can enter
255,255,255
@@CodeCraks Thx for your answer. I found the problem. I don't know why, but i have to write it with ";". (255; 255; 255) .
Thank you! You use vs 2015, will this work on vs 2022 too?
@Svawes for me doesnt work
Great work, please I need a codesource thank youuu
subbed, need more ui vids
Sure. More videos Coming soon
Download Link have virus detected by Windows Defender....... woow
Gen:Variant.MSILHeracles.15954
Hi, great job, thanks for sharing :) I just wonder, can this UI be applied for Arduino sensor monitoring or for ESP32/8266. To read data from usb port :)
Yes it can, but have a look at Thingsboard :)
Asset / resource download had ransomware in it, detected by Windows Defender.
don't trust windows defender lmao
false positive
Thank you so much for this, also how can I add a file such as a batch file that they can run by pressing a button it will set up their pc for them but how do I run it by them pressing a button that says "setup"
i know im kinda late to this, but all you would do is write System.Diagnostics.Process.Start("yourbatname");
liked and subscribed, thanks for the code!
Hi bro can u please upload the download link or teach me how to download it i cant download them please reply
couldnt download the files because my pc detected ransomware, how should I get the source files?
hey some one might help i want to change the backcolor to the value in the video but it give me hard time 43,51,71
This looks amazing.
Sorry, but where can I download those mini icons? I tried the link in the description but I can't find the exactly icon in video
You can find them in the resources folder on the downloaded file
Hi, I have a question. When I was using the picturebox, I can only use the local resource to let the image display. If I import the image to the project resource file, the right side will add a .png file under the Resources but the image cannot display on the screen and I check the property of image which was still none. How can I resolve the problem? Thank you so much.
Check the picture size mode property in the picturebox and set it to Zoom
@@CodeCraks Thanks a lot.
Can you make a script with a login and they can change it automatically?
Thanks for the teaching, where can I download the icons? Thank you.
I will drop them in a drive and give you the link
Wow! Do people still use WinForms!
Of course
thanks for the excellent video, but the soundtrack transistions - yikes. better to have silent gaps than overlap. otherwise, video is great
Nice PROGRASS