John Smith

### Recent Activity

- New sale ($15)
  Admin Template
  3 min ago
- You edited the file
  Documentation.doc
  15 min ago
- Project deleted
  Line Icon Set
  4 hours ago

### Online Friends

- Lori Moore
  Copywriter
- Albert Ray
  Web Developer
- Andrea Gardner
  Web Designer
- Carol White
  Photographer
- Wayne Garcia
  Graphic Designer

### Quick Settings

Online Status

Show your status to all

Auto Updates

Keep up to date

Application Alerts

Email Notifications
SMS Notifications

API

Enable access
Sales
22.030
Balance
$4.589,00
Today
$996

- New sale! + $249
  3 min ago
- New sale! + $129
  50 min ago
- New sale! + $119
  2 hours ago
- New sale! + $499
  3 hours ago

Yesterday
$765

- New sale! + $249
  26 hours ago
- Product Purchase - $50
  28 hours ago
- New sale! + $119
  29 hours ago
- Paypal Withdrawal - $300
  37 hours ago
- New sale! + $129
  39 hours ago
- New sale! + $119
  45 hours ago
- New sale! + $499
  46 hours ago

Load More..

# Notifications

## Powerful alerts based on Bootstrap Toasts and Bootstrap Notify plugin.

Title just now
This is a nice notification based on Bootstrap implementation.
System just now
You can alert the user with a system message!

### Bootstrap Toasts

#### Default

A nice toast with a message

You can also trigger it with JS:

`new bootstrap.Toast(document.getElementById('toast-example-1')).show();`

You can also trigger it with JS:

`new bootstrap.Toast(document.getElementById('toast-example-2')).show();`

### Bootstrap Notify

#### Info

A notification with an informational message

You can also trigger it with JS:

`One.helpers('jq-notify', {type: 'info', icon: 'fa fa-info-circle me-1', message: 'Your message!'});`

#### Success

A notification with a success message

You can also trigger it with JS:

`One.helpers('jq-notify', {type: 'success', icon: 'fa fa-check me-1', message: 'Your message!'});`

#### Warning

A notification with a warning message

You can also trigger it with JS:

`One.helpers('jq-notify', {type: 'warning', icon: 'fa fa-exclamation me-1', message: 'Your message!'});`

#### Error

A notification with an error message

You can also trigger it with JS:

`One.helpers('jq-notify', {type: 'danger', icon: 'fa fa-times me-1', message: 'Your message!'});`

#### Position

You can show your notification in multiple screen positions

You can also trigger it with JS:

`One.helpers('jq-notify', {message: 'Your message!'});`

You can also trigger it with JS:

`One.helpers('jq-notify', {align: 'center', message: 'Your message!'});`

You can also trigger it with JS:

`One.helpers('jq-notify', {align: 'left', message: 'Your message!'});`

You can also trigger it with JS:

`One.helpers('jq-notify', {from: 'bottom', message: 'Your message!'});`

You can also trigger it with JS:

`One.helpers('jq-notify', {from: 'bottom', align: 'center', message: 'Your message!'});`

You can also trigger it with JS:

`One.helpers('jq-notify', {from: 'bottom', align: 'left', message: 'Your message!'});`