How To Design an Application Dashboard In C#
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.
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.
3 - The Latest Products Added
here you will show the user the last 5 products added to the the store.
3 - Show The Messages
in this section you will show the user messages/notifications.
4 - Source Code
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();
}
}
}
}
if you want the source code click on the download button below
Download Projects Source Code