Toast in SP Form

Forms SharePoint Online
1

Anyone know how to get toasts working with a SharePoint form?

I've read about Jquery toasts $.toast('Message here') but it tells me .toast is not a function.

I've also tried adding toastr using their cdn using a before render function and it tells me toastr is undefined.

fd.spBeforeRender(function(vue) {
var toastrCss = document.createElement('link')
toastrCss.rel = 'stylesheet'
toastrCss.href = 'https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css'
document.head.appendChild(toastrCss)
var toastrJs = document.createElement('script');
toastrJs.src = 'https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js'
document.head.appendChild(toastrJs)
});

2

Hello @Jason.Adams,

Welcome to Plumsail Community!

You can load styling from the external CSS file by using the @import rule like so:
image

And to load external scripts, use the RequireJS function. Please see the example in this post: