LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

jQuery UI Dialog Options v1.0

Additional options/functionality for jQuery UI Dialog.

New Options:

  • clickOut: true // closes dialog when clicked outside
  • responsive: true // fluid width & height based on viewport
  • showTitleBar: true // hide titlebar when false
  • showCloseButton: true // hide close button when false

Added functionality:

Demo: http://jsfiddle.net/jasonday/nWcFR/

movemaine@gmail.com

Lorem ipsum dolor sit amet. Aliquam erat volutpat. Maecenas non tortor nulla, non malesuada velit.

Aliquam erat volutpat. Maecenas non tortor nulla, non malesuada velit. Nullam felis tellus, tristique nec egestas in, luctus sed diam. Suspendisse potenti.

CSS
* { font-family: sans-serif; }
#content_1 { display: none; }
JS
$("#dButton").click(function () {
   $("#content_1").dialog('open');
});

 $("#content_1").dialog({
     width: 600,
    autoOpen: true,
    dialogClass: "test",
    modal: true,
    responsive: true
    });

Description

Making jQuery UI Dialog responsive, adding click outside to close and other features
Term
Mon, 11/27/2017 - 21:31

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv