@extends('layouts.simple.master') @section('title', 'Sweet Alerts2') @section('css') @endsection @section('main_content')

Sweet Alerts

  2. Bonus Ui
  3. 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-info 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-info 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-info 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>
@endsection @section('scripts') @endsection