Modal Box help

[Valerius]

How to create a new modal box for specific content, with different width and height? In peafowl.js

if I choose html and simple:

var modal_base_template = [
'<div id="', PF.obj.modal.selectors.root.replace("#", ""),
'"class="fullscreen '+overlay_background+'"><div id="',
PF.obj.modal.selectors.box.replace("#", ""),
'"class="clickable"><div id="', PF.obj.modal.selectors.body.replace("#", ""),
'">%MODAL_BODY% </div>%MODAL_BUTTONS%<span class="close-modal icon-close" data-action="close-modal"></span></div></div>'
].join("");

my different content

var modal_base_template = [
'<div id="', PF.obj.modal.selectors.root.replace("#", ""),
'"class="fullscreen '+overlay_background+'"><div id="',
PF.obj.modal.selectors.mybigbox.replace("#", ""),
'"class="clickable"><div id="', PF.obj.modal.selectors.body.replace("#", ""),
'">%MODAL_BODY% </div>%MODAL_BUTTONS%<span class="close-modal icon-close" data-action="close-modal"></span></div></div>'
].join("");

$(document).on("click", "[data-modal=mybigbox]", function(){
var $target = $("[data-modal=" + $(this).data("target") + "], #"+$(this).data("target")).first();
PF.fn.modal.call({template: $target.html(), buttons: false});
});

How can I decide on click?

Sorry for my bad english

 

[Rodolfo]

Width and height are controlled by CSS, not JS.

 

[Valerius]

Yes here:
For edit picture, login and and and
#fullscreen-modal-box {
background: #FFF;
width: 650px; /* 650, but 652 for box-sizing bug */
margin: 0 auto;
margin: 50px auto;
padding: 30px;
position: relative;
-webkit-box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
}


and my different extra modal here

#my-fullscreen-modal-box {
background: #FFF;
height: 95%;
width: 97%; /* 650, but 652 for box-sizing bug */
margin: 20px;
padding: 2px;
position: relative;
-webkit-box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
}

But the modal in js is only for one size

 

[Rodolfo]

Check your coding, that's all what I have to say.