@@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
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.
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);
@@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!
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.
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."
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
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.
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 ;-)
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!
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. 🙂👍🏻
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!
could avoid Menu code repetition by creating this method and call it from each button click: private void MenuClick(object sender) { pnlNav.Height = (sender as Button).Height; pnlNav.Top = (sender as Button).Top; pnlNav.Left = (sender as Button).Left; (sender as Button).BackColor = Color.FromArgb(46, 51, 73); } And instead of having individual button leave, you could use a single method: private void MenuButtonLeave(object sender, EventArgs e) { (sender as Button).BackColor = Color.FromArgb(24, 30, 54); } It would also been nice to provide a way to move the form since we don't have a title bar anymore, with something like this: private void pnlUser_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) { pnlUser.Capture = false; dragndrop_location_initial = e.Location; const int WM_NCLBUTTONDOWN = 0x00A1; const int HTCAPTION = 2; Message msg = Message.Create(this.Handle, WM_NCLBUTTONDOWN, new IntPtr(HTCAPTION), IntPtr.Zero); this.DefWndProc(ref msg); } }
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
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.
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.
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
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 ?
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"
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.
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?
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"
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.
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.
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);
Woow, excelente, soy programador pero no soy nada bueno diseñando, eres sorprendente, gracias y saludos! Me suscribo 👌
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.
Great, quick tutorial with structure.
Love the design!
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.
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
I am being Proud. Because You are From Sri Lanka.
Thank you 🙌
Keep watching our videos and Subscribe us 🙂
Very excellent tutorial for C# UI beginners !!! I will recommend this to my friends.
Thank a lot
Congrats mishaal and faslam on 1k subs❤️
there growing fast!!!! its been 2 months and they gained 3k!
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.
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."
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
Thanks for sharing this video. It made me come up with an impressive idea😁
Great starting point for me, thanks for the tutorial.
You are always welcome
Thank You for not wasting my time.
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.
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.
Been crying about Flash apps (Action Script3) being discontinued. Now I see there's hope in Visual studio and C#.
WOwow! WinForms in 2020? 🤔
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??
Don't go to the website. it has malicious content
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.
Wow! Its amazing! Thank you!
Thank you very much for this video, that was very helpful.
Amazing work, thanks for this video.
Excellent video. Thank you
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 ;-)
Thank you for the great tutorial. Subbed.
Many untitled ui look so good.
yes it's really usefull thanks ....
Thanks for the tutorials
Fantastic! Thank you!
super cool video!!!
i just wanna you to know that I can't open the link for the pictures can you help me???
Download Link have virus detected by Windows Defender....... woow
Gen:Variant.MSILHeracles.15954
Awesome video - thank you indeed!
Thank you. Subscribed.
you deserve a follow and like
Thank you, very good!
Asset / resource download had ransomware in it, detected by Windows Defender.
don't trust windows defender lmao
false positive
Thank u so much.Greetings from Romania!
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!
Thanks you bro. C# is rare
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. 🙂👍🏻
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.
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
Same desktop background, but not same skills ;)
"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)?
Thanks alot bro...All I needed in a much simpler way
I recently started using C# it reminds of html and CSS but better
thank you so much !!!
excellent video.keep it up.
the tutorial seems good, any reason bitdefender is detecting your download as a virus?
Hi bro can u please upload the download link or teach me how to download it i cant download them please reply
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!
WOwww. Good jobs.
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
how can you show different information on the from depending on which button is clicked?
in my project i made the menu at the top of the menu, when i start the program it doesnt work..
no se puede bajar el codigo...hay que hacer un username y todo eso pero no sirve para nada...es perder el tiempo
Whyyy have music in the background
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
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);
}
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.
could avoid Menu code repetition by creating this method and call it from each button click:
private void MenuClick(object sender)
{
pnlNav.Height = (sender as Button).Height;
pnlNav.Top = (sender as Button).Top;
pnlNav.Left = (sender as Button).Left;
(sender as Button).BackColor = Color.FromArgb(46, 51, 73);
}
And instead of having individual button leave, you could use a single method:
private void MenuButtonLeave(object sender, EventArgs e)
{
(sender as Button).BackColor = Color.FromArgb(24, 30, 54);
}
It would also been nice to provide a way to move the form since we don't have a title bar anymore, with something like this:
private void pnlUser_MouseDown(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
pnlUser.Capture = false;
dragndrop_location_initial = e.Location;
const int WM_NCLBUTTONDOWN = 0x00A1;
const int HTCAPTION = 2;
Message msg = Message.Create(this.Handle, WM_NCLBUTTONDOWN, new IntPtr(HTCAPTION), IntPtr.Zero);
this.DefWndProc(ref msg);
}
}
I appreciate your effort to let us know. I'll consider it when I upload another video. 🙂
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 excellent video, but the soundtrack transistions - yikes. better to have silent gaps than overlap. otherwise, video is great
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
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.
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
Help i cant find the round code
Round Code?
@@CodeCraks the code which makes the app have round corners and also how do I open the form design tab in the studio am very new to this
Money bag , chart- diagram, photo not found how it's download..
Thank you for your video
Hello. When I start my application I only get a white screen :c 11:24
Thanks for this demo, i have a question, it's possible to export this application on internet like a website?
Hi, Can you make publish those picture? I liked your video but I dont have any picture of it
D11ImprtAttibute not found error sir.how to solve it
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
couldnt download the files because my pc detected ransomware, how should I get the source files?
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 ?
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?
Thnaks ❤❤
But why dont use sender in 10:25
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.
Can you make a script with a login and they can change it automatically?
I have Runtime error D11Import is error line
*and double click to write some code*
subbed, need more ui vids
Sure. More videos Coming soon
This looks amazing.
Great work, please I need a codesource thank youuu
Don't forget to follow its stylings.
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
how about a close and minimize button?
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");
Thank you so much :D like from me :D
when I start, my panel is double. It has another one in the right.
Could you please describe your Problem more or you can send me shap shot on the problem on email on iwebmakers.info@gmail.com
Nice PROGRASS
liked and subscribed, thanks for the code!
The code doesn’t open