A Lightweight Front-End Confirmation Modal Dialog | confirmo

Confirmo is a lightweight front-end confirmation library that helps you get confirmations(Modal Dialog) before taking action on your web applications.

How to make use of it:

1. Import the Confirmo’s JavaScript and CSS files into the web page.

<link rel="stylesheet" href="./src/confirmo.css" />
<script src="./src/confirmo.js"></script>

2. Create a brand new instance of the Confirmo and config the verify dialog utilizing the next props.

confirmo.init({
  yesBg: 'green',
  noBg: 'red',
  backColor: 'black',
  textColor: 'white'
});

3. Show the verify dialog on the display, outline the verify message, and decide the action to set off as follows:

confirmo.show({
  msg: "Replace this text with what you want to prompt!",
  callback: function (){
    // confirmed
  }
});

4. You can even customize the verify dialog through solely HTML data attributes:

<button confirmo-message="Hello world" 
        confirmo-func="hello">
        Confirm
</button>
confirmo.init();
function hello(){
  alert('Confirmed!');
}
PropertyUsage
yesBgThis defines the background color of the “Yes” button of the confirmation modal. The above illustrated in the image was red.
noBgThis defines the background color of the “No” button of the confirmation modal. The above illustrated in the image was green.
backColorThis defines the background color of the confirmation modal itself. The above illustrated in the image was a hex value (#2a2b2d).
textColorThis defines the text (font) color of the contents of the confirmation modal. The above illustrated in the image was white.

Minimal Confirmation Modal Dialog, confirmo Plugin/Github, bs confirm modal popup, delete confirmation modal, modal confirm yes no, modal confirm delete ajax


See Demo And Download

Official Website(EdinyangaOttoho): Click Here

This superior jQuery/javascript plugin is developed by EdinyangaOttoho. For extra Advanced Usage, please go to the official website.

Share