Instead of using rude boxes that interrupt a user's workflow, let's use a popover instead. This is probably not ideal, however if you really want to do it this way you can add a reference to the item id within the html for the modal. Learn how your comment data is processed. Make sure that you have loaded the latest jQuery library and Bootstrap framework in the document. Could you pls add more details to it like what type of bootstrap dialog box is it?, etc. Modals are built with HTML, CSS, and JavaScript. BootConfirm.js is a tiny and simple-to-use jQuery plugin that creates a Bootstrap based confirm modal to gracefully confirm user actions like submitting a form, deleting an item, etc.. How to use it: 1. but in the bootstrap documentation it says that I can avoid javascript, and instead use data attributes.
A quick solution to replicate synchronous behaviour is to refactor the code which should be executed after clicking on one of the buttons. This awesome jQuery plugin is developed by thankikaushik.

This is my primary reason I wrote this plugin. Plus, it has the benefit of the anti-forgery token. Save my name, email, and website in this browser for the next time I comment. Advanced Bootstrap Toast Component In JavaScript, Create Fixed Notifications With Bootstrap Alerts - show-notification, Show And Hide Cookie Consent Banner Using localstorage, Draggable Kanban Board App With jQuery And Bootstrap, Automatic Dark & Light Theme Switcher For Bootstrap 4, jQuery Plugin To Parse Address Text & Coordinates Into Google Maps - findus, jQuery Plugin For Scrolling Content with Arrow Keys - keyscroll, Scroll To Top Button With Custom Icon & Animation - back-to-top.js, Simple Convenient Pagination Plugin For jQuery - Paginathing, Clone Elements And Assign Unique ID & For Values - jQuery Unique Clone, Create iOS 7 Style Blur Effect with jQuery oblurlay Plugin. I am trying to make a dialog with bootstrap modal to confirm a delete. Free jQuery Plugins and Tutorials - One of the BEST jQuery websites that provide web designers and developers with a simple way to preview and download a variety of Free jQuery Plugins. Explanation : In step 1 I created a button with id delete_id. Decide weather to modal vertically aligned or not. You should be able to adapt what i did here to your case. It specifies which function should get executed when the user clicks on Yes or No. By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy.
This tip shows a quick way to create a Yes No Confirmation Box using Bootstrap Modal Dialog. No, I would not recommend trying to avoid the use of JavaScript. In the code above, notice the last two parameters. rev 2020.10.23.37878, Stack Overflow works best with JavaScript enabled, Where developers & technologists share private knowledge with coworkers, Programming & related technical career opportunities, Recruit tech talent & build your employer brand, Reach developers & technologists worldwide.