Press "Enter" to skip to content

JavaScript-based Mobile Web Page Dialog Plugin | mcx-dialog-mobile

mcx-dialog-mobile is implemented using a core JavaScript plugin to create iOS-inspired dialog popups (alert/confirmation, action sheet, rotor loading, toast notification) on your web application. It is used on the mobile web terminal, it can be used with vue, and interact.

custom prompt dialog box in javascript, custom javascript popup boxes, custom alert popup, pure javascript modal, alert js library

How to make use of it:

1. Import “dialog-mobile.css” and “mcx-dialog.js” into the document.

<link rel="stylesheet" href="dist/css/dialog-mobile.css">
<script src="dist/mcx-dialog.js"></script>

2. Create an alert dialog.

mcxDialog.alert("Alert Message");

3. Create a confirmation dialog.

mcxDialog.confirm("Are you sure?", {
  sureBtnClick: function(){
    // callback
  }
});

4. Create a toast notification that automatically dismisses after 2 seconds.

mcxDialog.toast("Toast message", 2);

5. Create a loading spinner.

mcxDialog.loading({
  src: "dist/img",
  hint: "Loading..."
});

6. Create a custom action sheet.

mcxDialog.showBottom({
  btn: ["Item 1", "Item 2"], 
  btnColor: ["#000000", "#000000"],
  btnClick: function(index){
    alert("You Just Clicked" + btn[index - 1]);
  }
});

mobile-first dialog popup javascript, mcx-dialog-mobile Plugin/Github


See Demo And Download

Official Website(dxx): Click Here

This superior jQuery/javascript plugin is developed by dxx. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *