@@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
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!
7:45 Basic Coding (Rounded Corners): using System.Runtime.InteropServices; [DllImport("Gdi32.dll", EntryPoint = "CreateRoundRectRgn")] private static extern IntPtr CreateRoundRectRgn ( int nLeftRect, int nTopRect, int nRightRect, int nBottomRect , int nWidthEllipse, int nHeightEllipse ); Region = System.Drawing.Region.FromHrgn(CreateRoundRectRgn(0, 0, Width, Height, 25, 25));
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.
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);
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
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."
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 ?
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.
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?
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.
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.
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. 🙂👍🏻
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!
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.
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
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 ;-)
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!
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
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.
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.
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"
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?
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.
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
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.
I am being Proud. Because You are From Sri Lanka.
Thank you 🙌
Keep watching our videos and Subscribe us 🙂
7:45 Basic Coding (Rounded Corners):
using System.Runtime.InteropServices;
[DllImport("Gdi32.dll", EntryPoint = "CreateRoundRectRgn")]
private static extern IntPtr CreateRoundRectRgn
(
int nLeftRect,
int nTopRect,
int nRightRect,
int nBottomRect ,
int nWidthEllipse,
int nHeightEllipse
);
Region = System.Drawing.Region.FromHrgn(CreateRoundRectRgn(0, 0, Width, Height, 25, 25));
Very excellent tutorial for C# UI beginners !!! I will recommend this to my friends.
Thank a lot
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.
Thank You for not wasting my time.
Thank u so much.Greetings from Romania!
Great, quick tutorial with structure.
Love the design!
Congrats mishaal and faslam on 1k subs❤️
there growing fast!!!! its been 2 months and they gained 3k!
you deserve a follow and like
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.
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);
Great starting point for me, thanks for the tutorial.
You are always welcome
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
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."
Wow! Its amazing! Thank you!
Thanks for sharing this video. It made me come up with an impressive idea😁
Excellent video. Thank you
Awesome video - thank you indeed!
Fantastic! Thank you!
Woow, excelente, soy programador pero no soy nada bueno diseñando, eres sorprendente, gracias y saludos! Me suscribo 👌
WOwow! WinForms in 2020? 🤔
Amazing work, thanks for this video.
Thanks for the tutorials
Thank you. Subscribed.
Thank you for the great tutorial. Subbed.
Many untitled ui look so good.
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 ?
WOwww. Good jobs.
thank you so much !!!
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.
Thanks you bro. C# is rare
Hello. When I start my application I only get a white screen :c 11:24
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 very much for this video, that was very helpful.
Don't go to the website. it has malicious content
super cool video!!!
i just wanna you to know that I can't open the link for the pictures can you help me???
"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 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.
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?
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.
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.
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. 🙂👍🏻
Been crying about Flash apps (Action Script3) being discontinued. Now I see there's hope in Visual studio and C#.
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??
Thank you for your video
yes it's really usefull thanks ....
Thanks for this demo, i have a question, it's possible to export this application on internet like a website?
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
excellent video.keep it up.
the tutorial seems good, any reason bitdefender is detecting your download as a virus?
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, very good!
Thnaks ❤❤
But why dont use sender in 10:25
how can you show different information on the from depending on which button is clicked?
Hi, which version of dotnet did you use? Thanks
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.
I like your videos creation may i ask which AI voice generator do you use for narriation?
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
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
I recently started using C# it reminds of html and CSS but better
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
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
how you can set color in RGB for Form in 1:09?
I definitely should have learned C# before Python.
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 ;-)
Hi, Can you make publish those picture? I liked your video but I dont have any picture of it
This looks amazing.
hello pro , how add flyout panell in c# design
Nice PROGRASS
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!
subbed, need more ui vids
Sure. More videos Coming soon
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
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
Wow! Do people still use WinForms!
Of course
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.
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.
How can you "unselect" the first buttom without clicking when the program starts? Reference 11:25
you don't wanna enter the forces code in the initialize components for that
@@CodeCraks i just deleted the code that changes the background color when the form starts and it works for me haha
Ok
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 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");
Asset / resource download had ransomware in it, detected by Windows Defender.
don't trust windows defender lmao
false positive
Very cool
Hi bro can u please upload the download link or teach me how to download it i cant download them please reply
liked and subscribed, thanks for the code!
7:50 for the rounded corners
couldnt download the files because my pc detected ransomware, how should I get the source files?
in my project i made the menu at the top of the menu, when i start the program it doesnt work..
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! Can you show us how to display real account username on the top left when registered with the auth system you have posted on youtube?
with "auth system" i mean the last video you've posted
Ya it's pretty easy. You just save the username in a public variable and just call it in the dashboard and display it in a label
@@CodeCraks ok thanks
@@CodeCraks can you also check your instagram please?
Ya sure
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);
}
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
Same desktop background, but not same skills ;)
Pictures for this program are on the site Mega?
Yep
@@CodeCraks 👌
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
Are these aligned dynamically or no?
do you have more of these blue images?