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

Поделиться
HTML-код
  • Опубликовано: 30 июн 2020
  • 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/blog/
    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.com/free-photos-v...
    #programming #iwebmakers #visualstudio #dashboard #windowsform #UIdesign #howto #C# #codecraks
  • ХоббиХобби

Комментарии • 87

  • @nannapatchanel21
    @nannapatchanel21 Год назад

    Great Job! Your VDO help me a lot !

  • @ivanneshkov9363
    @ivanneshkov9363 11 месяцев назад

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

  • @umeicrazy9567
    @umeicrazy9567 3 года назад

    Thx very much!

  • @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?

  • @shawenahmed3254
    @shawenahmed3254 3 года назад

    great👍

  • @Romlingen
    @Romlingen 3 года назад +9

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

  • @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

  • @JasonLeePascal
    @JasonLeePascal 3 года назад +3

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

  • @MrMemo0325
    @MrMemo0325 2 года назад +4

    How do you make the form able to be dragged?

  • @sicttechfreeze4531
    @sicttechfreeze4531 3 года назад

    wow nice

  • @wuzz5703
    @wuzz5703 3 года назад +1

    make part 3 plz

  • @emanuelcristianborz246
    @emanuelcristianborz246 2 года назад

    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!

  • @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 7 месяцев назад

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

  • @mrfred5706
    @mrfred5706 2 года назад +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  2 года назад

      Are you talking about the the menu buttons back color

  • @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

  • @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

  • @gorilla2343
    @gorilla2343 Год назад

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

  • @Timmyyyyy
    @Timmyyyyy 2 года назад

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

    • @bbrty01
      @bbrty01 2 года назад

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

    • @nickstar6872
      @nickstar6872 2 года назад +1

      Cheat dev detected.

  • @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

  • @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

  • @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

  • @MB-hg3lh
    @MB-hg3lh Месяц назад

    Why can't I move mine around?

  • @melvinarkegren514
    @melvinarkegren514 3 года назад

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

  • @sahaljamaica
    @sahaljamaica 2 года назад +1

    Where i can get Icons pro-like :)

  • @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

  • @ethanchua714
    @ethanchua714 6 месяцев назад

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

  • @kalipsotr
    @kalipsotr 2 года назад

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

  • @Ninja_bit
    @Ninja_bit 3 года назад

    can you do it in python?

    • @CodeCraks
      @CodeCraks  3 года назад

      Sry dude I’m still not good in python

  • @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

  • @bathiyapulasthi8748
    @bathiyapulasthi8748 Год назад

    where is the Project files and Resources?

  • @NEXC
    @NEXC 2 года назад

    hello can you please reupload source file

    • @CodeCraks
      @CodeCraks  2 года назад

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

    • @NEXC
      @NEXC 2 года назад

      @@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 2 года назад

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

  • @imjosephgamit
    @imjosephgamit Год назад

    download link?

  • @asimshahzad5158
    @asimshahzad5158 Год назад

    dear what is the password of zip file?

  • @youssef8719
    @youssef8719 3 года назад

    Linke dont working

    • @CodeCraks
      @CodeCraks  3 года назад

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

  • @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

  • @JohnWick-pr8oh
    @JohnWick-pr8oh 2 года назад

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

  • @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

  • @SarrawyDev
    @SarrawyDev 3 года назад

    Learn Xamarin
    ruclips.net/p/PLcYfGPOcgilmKJHJ7OXM0c-79-ueBav_t

  • @beckett4052
    @beckett4052 Год назад

    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.