As anticipated by the title I want to make the html element of sweetalert dynamic. In particular, I have an array with elements inside it. My goal is to create as many checkboxes as there are elements in the array.…
**Here is what worked ** i tryed to show loading animation during timedelay between after submiting form and showing success message(i am using swal.fire()to show success message) in my appscript just within index.html . but didn't worked. here is what…
The sweetalert2 script dont recognize by php using echo. I download the script file on github and when I put the sweetalert script to php, the script message doesn't show on mine. But when i put the sweeetalert script to…
So I have this component included in my main layout file, it looks like this: <script setup> import {usePage} from "@inertiajs/vue3"; import {computed} from "vue"; const page = usePage() const message = computed(() => page.props.flash.message) if (message) { Swal.fire({ text:…
I am trying to display an alert message after the record is inserted in the datbase and normal js alert is working fine the code for this is echo '<script>'; echo 'alert(" Your request has been successfully filled and your…
I have the following html with a SweetAlert2 date picker popup for the Click me! button: <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"…
var form = document.createElement("div"); form.innerHTML = "<input type='text' id='Test'>"; swal({ content: form, closeOnEsc: false, closeOnClickOutside: false, }); $('#Test').datepicker(); The swal is displayed without any problem and also input but when I click on input nothing happens. When I do the…
I try to use sweetalert2 when deleting gridview a row. This my js: <script> var object = { status: false, ele: null }; function ConfirmDelete(ev) { if (object.status) { return true; }; Swal.fire({ title: 'Are you sure?', text: "You won't…
I'm using sweetAlert2 and I'm trying to use bootstrap 4 to style buttons, setting the properties: buttonsStyling: false, confirmButtonClass: 'btn btn-primary btn-lg', cancelButtonClass: 'btn btn-lg' It works, however the showLoaderOnConfirm option is being shown in a very ugly style when…