AlertifyJS

How to use AlertifyJS

AlertifyJS is a lightweight and easy-to-use JavaScript framework for creating browser dialogs and notifications. Here are the steps to use AlertifyJS in your web application:

1. First, you need to include the AlertifyJS library into your HTML file by adding the following code snippet into the head section of your HTML file.

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/css/alertify.min.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/alertify.min.js"></script>
   

2. After including the AlertifyJS library, you can use its functions to create alerts, confirmations, or prompts. For example, to create an alert dialog with a message "Hello World!", you can use the following code snippet:

   alertify.alert('Hello World!');
   

3. Similarly, you can also create confirmations and prompts by using the

   confirm()
   and
   prompt()
   methods. For example, to create a confirmation dialog with a message "Are you sure?", you can use the following code snippet:

   alertify.confirm('Are you sure?', function(){
       // user clicked OK button
   }, function(){
       // user clicked Cancel button
   });
   

4. You can customize the look and feel of AlertifyJS dialogs by using CSS classes provided by AlertifyJS such as

   .ajs-ok
   ,
   .ajs-cancel
   ,
   .ajs-header
   , etc. You can also override these classes in your own CSS file to apply your own styles to AlertifyJS dialogs.

5. Finally, you can also modify the default settings of AlertifyJS by using its configuration options. For example, to change the default labels of OK and Cancel buttons, you can use the following code snippet:

   alertify.okBtn('Yes');
   alertify.cancelBtn('No');
   

That's it! By following these simple steps, you can easily use AlertifyJS in your web application for creating browser dialogs and notifications.