Pure JavaScript For Creating Customizable Modals – frontrow

Category: Javascript , Modal & Popup | May 30, 2016
Views Total:93 views
Official Page:Go to website
Last Update:May 30, 2016


Pure JavaScript For Creating Customizable Modals – frontrow


frontrow is a lightweight JavaScript library let you create customizable and CSS styleable modal windows on the website/web apps.

Basic usage:

Place the frontrow.css in the header for default modal styles.

<link rel="stylesheet" href="dist/frontrow.css">

Create a button to launch a basic modal.

<button class="btn" id="basic">Launch</button>

Set the modal content in the JavaScript.

frontrow('basic', {title: "I'm a modal!"});

All the available options.

frontrow('basic', {
  title: "I'm a modal!",
  overlayColor: "#bada55",
  confirmBtnText: "Confirm",
  cancelBtnText: "cancel",
  overlayColor: "white",
  overlayOpacity: 0.8,
  width: "300px",
  height: null,
  confirmCallback: function (){},
  openCallback: function (){}



  • Added openCallback option

You Might Be Interested In:

Leave a Reply