Remodal Js

Remodal Js is a front end javascript that creates popup windows with ease.

Here is the website to download Remodal Js

https://github.com/VodkaBears/Remodal

Instructions:

Installation

Node Js
npm install remodal
bower install remodal
Including Js and Css file
link rel="stylesheet" href="../dist/remodal.css"
link rel="stylesheet" href="../dist/remodal-default-theme.css"
script src="../dist/remodal.min.js"

Including the Modal

<div class="remodal" data-remodal-id="modal">
  <button data-remodal-action="close" class="remodal-close"></button>
  <h1>Remodal</h1>
      {Your Code}
  <br>
  <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
  <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>

Initializing with Javascript

var inst = $('[data-remodal-id=modal]').remodal();
var inst = $(".remodal").remodal();

//Used to open the modal
inst.open();

//Used to close the modal
inst.close();

//Get the current state of the modal
inst.getState();

//Destroy the current modal
inst.destroy();

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s