How to Create a Modern Flat UI Design Dashboard in C# (Part 2)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ย. 2024
  • How to Make Modern Flat UI Design Dashboard in C# or material design application in c# windows form?
    Need some ideas or a simple design to make a Dashboard in C#.
    This clean design will even work with your programming Projects or Assignments.
    This tutorial is suitable for beginners and advanced users too.
    If you are new to programming and you are using IDE like Visual Studio to build software, This video has shown every works step by step.
    Every System or application should have a clean and clear dashboard to display the statics and details, so you can practice or look at how things work out in this tutorial.
    I made a simple design of a Dashboard, if you have more creative and logical ideas you can implement them with your own codes in the system.
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    You Can Download the Project Files and the Resources from Our Site Link Below 👇
    codecraks.com/...
    SUBSCRIBE TO OUR CHANNEL FOR MORE TUTORIALS
    / @codecraks
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Related Videos:
    How to Create a Modern Flat UI Design Dashboard in C# (Part 1)
    • How to Create a Modern...
    How to Add Circular progress bar to your Visual Studio's Toolbox: • How to Create a Splash...
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Related Tags:
    Dashboard in c# without frameworks
    windows form application c# tutorial for beginners
    C# Dashboard
    Dashboard in visual studio 2015
    C#, Modern Flat UI Dashboard Windows Form Visual Studio
    Inspiration Modern Design UI C#
    Design Dashboard
    C# UI Design Dashboard
    Design Dashboard in C#
    C# - Designing Dashboard Form
    Dashboard in WinForm App
    for Point of Sales in WinForm App
    Flat Dashboard WinForm C# UI Design
    Modern Dashboard Designing C# UI Design
    Dashboard - Visual Studio | C#
    How to Create a Modern Flat UI Design Dashboard in C#
    c# ui design tutorial
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Support Us
    Our Website: codecraks.com/
    Email: contact@codecraks.com
    Facebook: / iweb.makers.3
    Instagram: / iwebmakers
    LinkedIn: / iewb-make. .
    If You Have Any Questions Comment us
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Other:
    Infographic vector created by freepik - www.freepik.com: www.freepik.co...
    #programming #iwebmakers #visualstudio #dashboard #windowsform #UIdesign #howto #C# #codecraks

ความคิดเห็น • 88

  • @Romlingen
    @Romlingen 3 ปีที่แล้ว +9

    Great GUI design, but teaching people this much copy/paste is not good. Create common functions instead.

    • @wuzz5703
      @wuzz5703 3 ปีที่แล้ว +1

      u old

  • @christiandebellefeuille3245
    @christiandebellefeuille3245 3 ปีที่แล้ว +10

    Great job, but some improvement could be made like having a single method "loadPanel" to load whatever you want to load :D
    Here's what i've done.
    First, you define every form you want to load, within the class, instead of defining them at the "Click" method level. This way, each form keep their state (UNKNOWN asked for that 2 months ago).
    frmDashboard frmDashboardWindow = new frmDashboard() { Dock = DockStyle.Fill, TopLevel = false, TopMost = true };
    frmSettings frmSettingsWindow = new frmSettings() { Dock = DockStyle.Fill, TopLevel = false, TopMost = true };
    Then, define this method:
    private void loadPanel(string iTitle, System.Windows.Forms.Form iForm)
    {
    lblTitle.Text = iTitle;
    this.pnlFormLoader.Controls.Clear();
    this.pnlFormLoader.Controls.Add(iForm);
    iForm.Show();
    }
    Then in every Button Click method, just call it like this:
    loadPanel("Dashboard", frmDashboardWindow)
    or
    loadPanel("Settings", frmSettingsWindow)

    • @christiandebellefeuille3245
      @christiandebellefeuille3245 3 ปีที่แล้ว +2

      well, could do even better. Just define a dictionnary of Forms, and have the title to be the key.
      private Dictionary screens = new Dictionary();
      Populate the dictionary like this:
      screens.Add("Dashboard", new frmDashboard() { Dock = DockStyle.Fill, TopLevel = false, TopMost = true });
      screens.Add("Settings", new frmSettings() { Dock = DockStyle.Fill, TopLevel = false, TopMost = true });
      Add the first line to the loadPanel, and remove it's 2nd parameter:
      private void loadPanel(string iTitle)
      {
      System.Windows.Forms.Form iForm = screens[iTitle];
      lblTitle.Text = iTitle;
      this.pnlFormLoader.Controls.Clear();
      this.pnlFormLoader.Controls.Add(iForm);
      iForm.Show();
      }
      then call it like this:
      loadPanel("Dashboard")

    • @anycolouryoulike9160
      @anycolouryoulike9160 2 ปีที่แล้ว

      noice

  • @ivanneshkov9363
    @ivanneshkov9363 ปีที่แล้ว

    very helpful and useful, thank you for uploading great content!

  • @nannapatchanel21
    @nannapatchanel21 ปีที่แล้ว

    Great Job! Your VDO help me a lot !

  • @alexwang7557
    @alexwang7557 3 ปีที่แล้ว +1

    On your dashboard form, what control(s) or NuGet package do you recommend that can actually plot some meaningful graphs instead of just a picture control having a static image?

  • @MrMemo0325
    @MrMemo0325 2 ปีที่แล้ว +4

    How do you make the form able to be dragged?

  • @JasonLeePascal
    @JasonLeePascal 3 ปีที่แล้ว +3

    Can u make a tutorial to make a few settings like dark/light mode or background music/login sound

  • @hdworkshop7115
    @hdworkshop7115 3 ปีที่แล้ว +1

    When you click button there's no BackColor
    Can you explain me why?
    Btw. your videos are great :D

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว +1

      Because earler in the part 1 video there are no multiple forms were open so the back color changes when it was active. In this it forces on the multiple form thats why the back color dosent work

    • @zexceedd5529
      @zexceedd5529 11 หลายเดือนก่อน

      @@CodeCraks hey are you still here? I can't solve this problem, how can I fix this? thanks

  • @umeicrazy9567
    @umeicrazy9567 3 ปีที่แล้ว

    Thx very much!

  • @wuzz5703
    @wuzz5703 3 ปีที่แล้ว +1

    make part 3 plz

  • @wuzz5703
    @wuzz5703 3 ปีที่แล้ว

    hey dude this doesnt work private void BtnCalender_Click(object sender, EventArgs e)
    {
    lblTitle.Text = "Calender";
    this.PnlFormLoader.Controls.Clear();
    frmCalender FrmDashboard_Vrb = new frmCalender() { Dock = DockStyle.Fill, TopLevel = false, TopMost = true };
    FrmDashboard_Vrb.FormBorderStyle = FormBorderStyle.None;
    this.PnlFormLoader.Controls.Add(FrmDashboard_Vrb);
    FrmDashboard_Vrb.Show();
    i did it and it doesnt redirect me to my form

  • @mrfred5706
    @mrfred5706 3 ปีที่แล้ว +1

    Hello, I have a problem with navigation menu: after adding formloader color of the button is missing, what can i to do?

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      Are you talking about the the menu buttons back color

  • @bychrise.2837
    @bychrise.2837 3 ปีที่แล้ว +1

    PLS REUPLOAD THE PROJECT I CANT DOWNLOAD Googledrive says its Infected and only the admin can donwnload infected files pls reuploasd thx

  • @shawenahmed3254
    @shawenahmed3254 3 ปีที่แล้ว

    great👍

  • @MB-hg3lh
    @MB-hg3lh 5 หลายเดือนก่อน

    Why can't I move mine around?

  • @emanuelcristianborz246
    @emanuelcristianborz246 3 ปีที่แล้ว

    I can’t set rgb colors code or any combination on properties… do i need an extension or something else? I have just that three options… Thank u!

  • @UNKNOWN-yu5xj
    @UNKNOWN-yu5xj 3 ปีที่แล้ว +3

    When you move to another form, the form is initialized.
    I want to keep it in a state.

    • @christiandebellefeuille3245
      @christiandebellefeuille3245 3 ปีที่แล้ว

      See my commetn if you haven't found the solution yet... but it was definitely an easy thing to find

  • @ethanchua714
    @ethanchua714 9 หลายเดือนก่อน

    i keep having an ArgumentException when running the line "this.PnlFormLoader.Controls.Add..." any ideas how to troubleshoot this ?

  • @sictInsights
    @sictInsights 3 ปีที่แล้ว

    wow nice

  • @wijiang9807
    @wijiang9807 3 ปีที่แล้ว

    can you make a vid on how like you can make a login page leading to the Dashboard page also like displaying the username on the username spot?

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว +4

      Can i will in the next video

    • @wuzz5703
      @wuzz5703 3 ปีที่แล้ว

      @@CodeCraks O

  • @gorilla2343
    @gorilla2343 2 ปีที่แล้ว

    when i open the app the main frame doesnt open how can i fix this?

  • @JasonLeePascal
    @JasonLeePascal 3 ปีที่แล้ว +1

    Ist it possible to combine the register/login with the Gui ?

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว +1

      Possible but it will get more complicated

  • @alexefe6972
    @alexefe6972 3 ปีที่แล้ว

    I have problem with the From 4_vrb..... from boarderstyle= fromboarderstyle.none;

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      Check out the project files link given below in the description

  • @Timmyyyyy
    @Timmyyyyy 3 ปีที่แล้ว

    This might be an odd request but can you show/tell me how I can inject a Dll using this

    • @bbrty01
      @bbrty01 3 ปีที่แล้ว

      Lookup manual mapping c# you'll find answers there...

    • @nickstar6872
      @nickstar6872 2 ปีที่แล้ว +1

      Cheat dev detected.

  • @sahaljamaica
    @sahaljamaica 2 ปีที่แล้ว +1

    Where i can get Icons pro-like :)

    • @CodeCraks
      @CodeCraks  2 ปีที่แล้ว

      At freepik.com

  • @melvinarkegren514
    @melvinarkegren514 3 ปีที่แล้ว

    My boards zooms in when I start the program. I can just see a half of the boards. Why?

  • @kalipsotr
    @kalipsotr 3 ปีที่แล้ว

    Download link don't working, please part2 download mega link.

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      It’s working

  • @matastunkevicius3557
    @matastunkevicius3557 3 ปีที่แล้ว +1

    Looks good but this has so many bad practices it's pretty sad

    • @christiandebellefeuille3245
      @christiandebellefeuille3245 3 ปีที่แล้ว +5

      I always love people complaining but not giving their solution to a problem. So easy to drop a single Bomb like this :D Good job Sherlock

  • @Ninja_bit
    @Ninja_bit 3 ปีที่แล้ว

    can you do it in python?

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      Sry dude I’m still not good in python

  • @andrebezerra1396
    @andrebezerra1396 7 วันที่ผ่านมา

    your website is not really working

  • @bathiyapulasthi8748
    @bathiyapulasthi8748 ปีที่แล้ว

    where is the Project files and Resources?

    • @CodeCraks
      @CodeCraks  ปีที่แล้ว

      In the Description

  • @NEXC
    @NEXC 3 ปีที่แล้ว

    hello can you please reupload source file

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      It’s totally working right the The source link. then why?

    • @NEXC
      @NEXC 3 ปีที่แล้ว

      @@CodeCraks no it is not working, the website is down and the Google drive link has been removed 😭 :(
      Please can you reupload to any other file sharing site like gofile or sql.gg and send again!! ❣️

    • @CRA_CKz_alt
      @CRA_CKz_alt 3 ปีที่แล้ว

      @@CodeCraks it's not working please just reupload it

  • @asimshahzad5158
    @asimshahzad5158 ปีที่แล้ว

    dear what is the password of zip file?

  • @SarrawyDev
    @SarrawyDev 3 ปีที่แล้ว

    Learn Xamarin
    th-cam.com/play/PLcYfGPOcgilmKJHJ7OXM0c-79-ueBav_t.html

  • @JohnWick-pr8oh
    @JohnWick-pr8oh 2 ปีที่แล้ว

    I cant really recommend this for learning anything in C# sadly.

  • @jazzrox12
    @jazzrox12 3 ปีที่แล้ว

    the download does not work

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      Try again

    • @jazzrox12
      @jazzrox12 3 ปีที่แล้ว

      @@CodeCraks i have they still dont work

    • @abelsanca6403
      @abelsanca6403 3 ปีที่แล้ว

      @@CodeCraks the download does not work :c

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      You mean the source code file?

    • @jazzrox12
      @jazzrox12 3 ปีที่แล้ว

      @@CodeCraks yes

  • @youssef8719
    @youssef8719 3 ปีที่แล้ว

    Linke dont working

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      What do you mean?
      It's working
      Does it show any error or broken link?

  • @beckett4052
    @beckett4052 2 ปีที่แล้ว

    The download for the source code is a virus.

  • @lumpyren
    @lumpyren 2 ปีที่แล้ว

    Dude requires a sign up on his website to get the code, and then still doesnt let you download the code. Very scammy and looks like he is collecting email accounts.

  • @JasonLeePascal
    @JasonLeePascal 3 ปีที่แล้ว

    i cant move the window xD

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      xD?

    • @JasonLeePascal
      @JasonLeePascal 3 ปีที่แล้ว

      @@CodeCraks linke the Gui frame its frozen

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว +1

      Check the from or components property (lock) set it to false

    • @JasonLeePascal
      @JasonLeePascal 3 ปีที่แล้ว

      @@CodeCraks nope that dont worj,
      I mean Like when you Test/start the Gui i cant move it with my mouse

    • @CodeCraks
      @CodeCraks  3 ปีที่แล้ว

      Ya you should add a code to do that

  • @imjosephgamit
    @imjosephgamit ปีที่แล้ว

    download link?

    • @CodeCraks
      @CodeCraks  ปีที่แล้ว

      mega.nz/file/jYx1AALa#81Q_OapxP8tCcn-8Xpfi5PJgQ84nHcjNzqGLVVm7yRE

    • @imjosephgamit
      @imjosephgamit ปีที่แล้ว

      @@CodeCraks password

    • @CodeCraks
      @CodeCraks  ปีที่แล้ว +1

      codecraks.com

    • @imjosephgamit
      @imjosephgamit ปีที่แล้ว

      Thank you so much