Sweet Alert

Position Top Start

Use "position: top-start" in javascript, you set the alert's position.

<button class="btn btn-secondary sweet-16" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-16']);">Click it! </button>

Position Top End

Use "position: top-end" in javascript, you set the alert's position.

<button class="btn btn-success sweet-15" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-15']);">Click it! </button>

Position Bottom Start

Use "position: bottom-start" in javascript, you set the alert's position.

<button class="btn btn-warning sweet-17" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-17']);">Click it! </button>

Position Bottom End

Use "position: bottom-end" in javascript, you set the alert's position.

<button class="btn btn-primary sweet-18" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-18']);">Click it! </button>

Basic Example

Use sweet-1 class to create a basic alert display.

<button class="btn btn-primary sweet-1" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-1']);">Click it!</button>

Title with a Text Under

Use sweet-2 class to create a title with text under alert display.

<button class="btn btn-secondary sweet-2" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-2']);">Click it!</button>

Dismiss Alert

Use sweet-3 class to create a dismiss alert display.

<button class="btn btn-success sweet-3" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-3']);">Click it!</button>

Rich Html Alert

Use sweet-4 class to create a rich html alert display.

<button class="btn btn-warning sweet-4" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-4']);">Click it!</button>

Confirmation Alert

Use sweet-5 class to create a confirmation alert display.

<button class="btn btn-warning sweet-5" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-5']);">Click it!</button>

Animated Alert

Use sweet-6 class to create a animated alert display.

<button class="btn btn-primary sweet-6" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-6']);">Click it!</button>

Confirmation with Triggers

Use sweet-7 class to create a confirmation with triggers alert display.

<button class="btn btn-secondary sweet-7" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-7']);">Click it!</button>

Image-rich Message

Use sweet-8 class to create a image rich message alert display.

<button class="btn btn-success sweet-8" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-8']);">Click it!</button>

Auto Close Timer

Use sweet-9 class to create a auto close timer alert display.

<button class="btn btn-danger sweet-9" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-9']);">Click it!</button>

AJAX Request Alert

Use sweet-10 class to create a ajax request alert display.

<button class="btn btn-warning sweet-10" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-10']);">Click it!</button>

Confirmation with Approvals

Use sweet-11 class to create a confirmation with approvals alert display.

<button class="btn btn-primary sweet-11" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-11']);">Click it!</button>

Comprehensive RTL Support

Use sweet-12 class to create a comprehensive RTL support alert display.

<button class="btn btn-secondary sweet-12" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-12']);">Click it!</button>

Password Generator Alert

Use sweet-13 class to create a password generator alert display.

<button class="btn btn-primary sweet-13" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-13']);">Click it!</button>

Date Alert

Use sweet-14 class to create a date alert display.

<button class="btn btn-danger sweet-14" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-14']);">Click it!</button>

Custom Positioned Dialog

Use sweet-19 class to create a custom positioned dialog alert display.

<button class="btn btn-warning sweet-19" type="button" onclick="_gaq.push(['_trackEvent', 'sweet-19']);">Click it!</button>

Registration Form

Use sweet-20 class to create a input form alert display.

<button class="btn btn-primary sweet-20" type="button" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-20']);">Click it!</button>