- UI Features
- SweetAlert For Bootstrap
- Dashboard
-
Features
-
UI Features
- Color Library
- Metronic Grid System
- General Components
- Buttons
- Spinner Buttons
- Popover Confirmations
- Bootstrap Sweet Alerts
- Font Icons
- Social Icons
- Typography
- Tabs, Accordions & Navs
- Timeline 1
- Timeline 2
- Horizontal Timeline
- Tree View
- Page Progress Bar
- Block UI
- Bootstrap Growl Notifications
- Notific8 Notifications
- Toastr Notifications
- Bootbox Dialogs
- Metronic Alerts API
- Session Timeout
- User Idle Timeout
- Modals
- Extended Modals
- Tiles
- Date Paginator
- Nestable List
-
Components
- Date & Time Pickers
- Color Pickers 2
- Select2 Dropdowns
- Bootstrap Multiselect Dropdowns
- Bootstrap Select
- Bootstrap Multiple Select
- Select Splitter
- Clipboard
- Typeahead Autocomplete
- Bootstrap Tagsinput
- Bootstrap Switch 6
- Bootstrap Maxlength
- Bootstrap File Input
- Bootstrap Touchspin
- Form Widgets & Tools
- Context Menu
- Markdown & WYSIWYG Editors
- Code Editors
- Ion Range Sliders
- NoUI Range Sliders
- Knob Circle Dials
- Form Stuff
- Elements
- Tables
- Portlets
- Charts
- Maps
-
Layouts
- Blank Page
-
Pages
- eCommerce
- Apps
- User
- General
- System
- Multi Level Menu
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.
Sweet Alert Samples
Sweet Alert Samples with Icons
Sweet Alert Samples with Custom Buttons
Sweet Alert Samples with Confimation Message
Standard Text Link
Standard Link Bold Link Italic Link Mixed Text LinkColored Text Link
Red Text Green Bold Link Blue Italic Link Purple Mixed Text LinkRegular 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.
2016 © Metronic Theme By Keenthemes | Purchase Metronic!