MaCode includes tools to help developers for every projects routines for .Net Core Razor Pages. More tools are added with time.
Wrapper for SweetAlerts2 javascript library.
Inject ISweetlAlerts2 interface in your .cshtml file and initialize the plugin.
@inject MaCode.Plugins.ISweetAlerts2 Swal
@Swal.UseSwal()
'UseSwal' method will reference necessary js/css files.
Use 'Success' method to create a success alert.
@Swal.Success("Done!", "Good")
Use 'Error' method to create a error alert.
@Swal.Error("Oops!", "That didn't work!")
Use 'Dialog' method to create a dialog.
@Swal.Dialog("Title", "Are you sure ?")
Parameter Name | Values | Default | Description |
---|---|---|---|
icon | string | warning, error, success, info, question | set icon |
addScriptTag | true,false | false | if you are calling plugin in script tag set this to false otherwise set it to true |
showButton | true,false | false | show default button |
buttonText | string | set default button value | |
toast | true,false | false | show alert as toast |
toastTimeout | int | 1500 | set the timeout for toast message in ms |
toastPosition | top, top-start, top-end, center, center-start, center-end, bottom, bottom-start, bottom-end | top-end | set position of toast message |
timer | int | 0 | set the timeout for alert box. Use this if it's not toast message |
when | bool | true | set condition when to show the alert |
afterClosed | string,SwalObject | null | define callback for alert closed event. You can pass plain javascript as string or create another SweetAlerts alert here |
Parameter Name | Values | Default | Description |
---|---|---|---|
showCancelButton | true,false | true | display cancel button in dialog |
cancelButtonText | string | Cancel | set the text of the cancel button |
cancelButtonColor | string | #d33 | color of cancel button |
confirmButtonText | string | Yes | set the text of the confirm button |
confirmButtonColor | string | #3085d6 | color of confirm button |
successCallback | string | null | set success callback |
cancelCallback | string | null | set cancel callback |
// Use SweetAlerts object as callback
@Swal.Success("Title","Message",
afterClosed:Swal.Success("Callback title","callback message"))
// Show toast alert with javascript string as callback
@Swal.Success("Title","Message",
toast:true,
toastTimeout:3000,
afterClosed:"window.location.href='/'")
// Dialog with callbacks
@Swal.Dialog("Question","Are you sure ?"
,confirmButtonText:"Do it!"
,cancelButtonText:"Nope!"
,successCallback:"Done()"
,cancelCallback:"Cancel()")
// Show alert with condition
@Swal.Success("Title","Message",when:Model.hasMessage)