Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Charm Notification Component

0.00/5 (No votes)
2 Aug 2016 2  
Gorgeous notification component for creating advanced notifications

Image 1

This GIF is lagging, for better viewing, I suggest you check the demo application.

Introduction

The CharmNotification is a component that allows you to create customized notifications that slide from the right to the left side of the bottom-right side of the screen.

Thanks to this component, you'll be able to customize the colors, icon, etc. of your notification or you can simply create new ones at Run-Time (as presented above).

Background

While coding or reading books, notifications like this (updates) appear in an attractive way with a cute tone, so I asked myself:

  • Why don't I create a free component that does the same thing?

Implementation

This component contains several properties, here I present them all and their functionalities:

  • BackColor1: The color of the left side of the notification
  • BackColor2: The color of the right side of the notification
  • Title: The title of the notification
  • Text: The text of the notification
  • TitleForeColor: The color of title of the notification
  • TextForeColor: The color of title of the notification
  • Icon: The icon the notification
  • Duration: The duration of the notification (1000 = 1 second)
  • PlayTone: The notification will play a tone if this bool will be set true

Layout

Image 2

Using the Code

CharmNotification usage is made to be as easy as possible, however, you can manipulate it with codes or using the designer.

To fulfill the task and release your advanced notification, you can go through one of the two possible methodologies.

Easy Usage

  1. Drag and drop the component on the form.
  2. Edit the properties:

    Image 3

  3. Write this piece of code:
    notification1.ShowNotification();

Run-Time Usage

To create a customized notification, you can write this piece of code:

Notification n = new Notification();
n.Title = "Windows update";
n.Text = "Windows started updating, please do not turn off you computer.";
n.Duration = 3000;
n.Icon = Properties.Resources.windows_32;
n.BackColor2 = Color.FromArgb(35,35,35);
n.BackColor1 = Color.FromArgb(28, 28, 28);
n.TitleForeColor = Color.WhiteSmoke;
n.TextForeColor = Color.WhiteSmoke;
n.ShowNotification();

Result:

Image 4

That's all of it, folks!

Points of Interest

Sometimes, you must rely on the simplest stuff to create the most complicated things.

History

  • 8/2/2016: First release

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here