SweetAlert For Bootstrap metronic custom alert demos based on bootstrap SweetAlerts plugin

Bootstrap Sweet Alert

Metronic Sweet Alerts extends Bootstrap Sweet Alerts to allow options to be defined within the HTML. Please refer below for all option parameters and possible values:
data-title - Define Sweet Alert Title (Text)
data-message - Define Sweet Alert Message (Text)
data-type - Defines the icon type to appear (success / error / warning / info)
data-show-confirm-button - Defines to show confirm button (true / false)
data-confirm-button-class - Defines any additional css classes to assign to confirm button (Text)
data-show-cancel-button - Defines to show cancel button (true / false)
data-cancel-button-class - Defines any additional css classes to assign to cancel button (Text)
data-close-on-confirm - Defines if Sweet Alert closes when click on confirm button (true / false)
data-close-on-cancel - Defines if Sweet Alert closes when click on cancel button (true / false)
data-confirm-button-text - Defines Sweet Alert confirm button text (Text)
data-cancel-button-text - Defines Sweet Alert cancel button text (Text)
data-popup-title-success - Defines Sweet Alert confirmation popup Title for Success (Text)
data-popup-message-success- Defines Sweet Alert confirmation popup Message for Success
data-popup-title-cancel - Defines Sweet Alert confirmation popup Title for Cancel
data-popup-message-cancel - Defines Sweet Alert confirmation popup Message for Cancel

For more info please check out the official documentation.

Bootstrap Sweet Alerts on Buttons

Sweet Alert Samples

Sweet Alert Samples with Icons

Sweet Alert Samples with Custom Buttons

Sweet Alert Samples with Confimation Message

Bootstrap Sweet Alerts on Circle Buttons

Solid Circle Buttons

Outline Circle Buttons

Bootstrap Sweet Alerts on Text

Standard Text Link

Standard Link Bold Link Italic Link Mixed Text Link

Colored Text Link

Red Text Green Bold Link Blue Italic Link Purple Mixed Text Link

Regular Text

Icon Success Alert Pop up on regular text. Please click text.

It can be placed on any text paragraph. Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga.


  • 8

    Bob Nilson

    Project Manager
  • ...

    Nick Larson

    Art Director
  • 3

    Deon Hubert

  • ...

    Ella Wong



  • 2

    Lara Kunis

    CEO, Loop Inc
    Last seen 03:10 AM
  • new

    Ernie Kyllonen

    Project Manager,
    SmartBizz PTL
  • ...

    Lisa Stone

    CTO, Keort Inc
    Last seen 13:10 PM
  • 7

    Deon Portalatin

    CFO, H&D LTD
  • ...

    Irina Savikova

    CEO, Tizda Motors Inc
  • 4

    Maria Gomez

    Manager, Infomatic Inc
    Last seen 03:10 AM
Bob Nilson 20:15 When could you send me the report ?
Ella Wong 20:15 Its almost done. I will be sending it shortly
Bob Nilson 20:15 Alright. Thanks! :)
Ella Wong 20:16 You are most welcome. Sorry for the delay.
Bob Nilson 20:17 No probs. Just take your time :)
Ella Wong 20:40 Alright. I just emailed it to you.
Bob Nilson 20:17 Great! Thanks. Will check it right away.
Ella Wong 20:40 Please let me know if you have any comment.
Bob Nilson 20:17 Sure. I will check and buzz you if anything needs to be corrected.



General Settings

  • Enable Notifications
  • Allow Tracking
  • Log Errors
  • Auto Sumbit Issues
  • Enable SMS Alerts

System Settings

  • Security Level
  • Failed Email Attempts
  • Secondary SMTP Port
  • Notify On System Error
  • Notify On SMTP Error