C# Dashboard Design

How To Design an Application Dashboard In C#

C# Dashboard Design


in this c# tutorial we will see how to design a dashboard for your application in windows form using csharp programming language and visual studio.

tools:
- c# programming language.
- visual studio express 2013.
- canva.com for images.



Watch The Full Project Tutorial



1 - The Menu 

in the top of the menu you can add your app logo and name.
the menu itself is created with panel and buttons.

dashboard menu


2 - The Application Analytics

if you have a store application or any data you want to show to the admin it will be displayed here.
and to create this we will use panels, labels and timers.
you can use flatuicolorpicker.com to get color insperation.

dashboard analytics


3 - The Latest Products Added

here you will show the user the last 5 products added to the the store.

dashboard products


3 - Show The Messages

in this section you will show the user messages/notifications.

dashboard messages


4 - Source Code

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Dashboard_Design
{
    public partial class Dashboard : Form
    {
        public Dashboard()
        {
            InitializeComponent();
        }

        private void Dashboard_Load(object sender, EventArgs e)
        {
            // display app logo image
            pictureBoxAppLogo.ImageLocation = "../../images/1BCB.png";

            // display products
            panelProduct1.BackgroundImage = Image.FromFile("../../images/product_1.png");
            panelProduct2.BackgroundImage = Image.FromFile("../../images/product_2.png");
            panelProduct3.BackgroundImage = Image.FromFile("../../images/product_3.png");
            panelProduct4.BackgroundImage = Image.FromFile("../../images/product_4.png");
            panelProduct5.BackgroundImage = Image.FromFile("../../images/product_5.png");

            // start the timers
            timerProducts.Start();
            timerPurchases.Start();
            timerRevenue.Start();
            timerProfit.Start();
        }

        private void button1_MouseEnter(object sender, EventArgs e)
        {
            button1.BackColor = Color.FromArgb(0, 255, 73, 73);
        }

        private void labelClose_Click(object sender, EventArgs e)
        {
            Close();
        }

        private void timerProducts_Tick(object sender, EventArgs e)
        {
            int val = Convert.ToInt16(label1Products.Text);

            if(val < 120)
            {
                val += 1;
                label1Products.Text = val.ToString();
            }
            else
            {
                timerProducts.Stop();
            }

        }

        private void timerPurchases_Tick(object sender, EventArgs e)
        {
            int val = Convert.ToInt16(labelPurchases.Text);

            if (val < 350)
            {
                val += 1;
                labelPurchases.Text = val.ToString();
            }
            else
            {
                timerPurchases.Stop();
            }
        }

        private void timerRevenue_Tick(object sender, EventArgs e)
        {
            double val = Convert.ToDouble(labelRevenue.Text);

            if (val < 1120)
            {
                val += 2;
                labelRevenue.Text = val.ToString();
            }
            else
            {
                timerRevenue.Stop();
            }
        }

        private void timerProfit_Tick(object sender, EventArgs e)
        {
            double val = Convert.ToDouble(labelProfit.Text);

            if (val < 500)
            {
                val += 1;
                labelProfit.Text = val.ToString();
            }
            else
            {
                timerProfit.Stop();
            }
        }
    }
}


Dashboard Design In C#