Popups & Notifications Alerts, Modals, & More

  1. Dashboard
  2. Popups & Notifications

Tooltips

Hover over the links below to see tooltips:

Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

Tooltip Directions

Popovers

Popover Demo

Click to toggle popover

Popover Directions

HubSpot Messenger Alerts

Messenger Types







Messenger Positions










Messenger Options



Modals

NEW! Custom jQuery Popup Overlay

Tip: You can customize the CSS of the actual popup box with this plugin. Click the button above for a logout notificaiton example. More examples coming soon!






Alerts

Alert Types

Success Alert: Good job! Everthing is correct and you're ready to go.
Info Alert: Here is some important information that you will want moving forward.
Warning Alert: Watch out! It's possible that something might go wrong.
Danger Alert: Something has gone wrong, let's fix it!

Dismissable Alerts

Success Alert: Good job! Everthing is correct and you're ready to go.
Info Alert: Here is some important information that you will want moving forward.
Warning Alert: Watch out! It's possible that something might go wrong.
Danger Alert: Something has gone wrong, let's fix it!

Alert Links

Well done! You successfully read this important alert message.
We recommend that you read this important alert message.
Warning! Please read this important alert message.
Danger! Please read this important alert message.

Ready to go?

Select "Logout" below if you are ready
to end your current session.