Custom lightbox questions

Scheduler Javascript
#1

Hi,

I’m using a custom lightbox this way:

<div id="planificador">...</div>
(...)
scheduler.showLightbox = function(id){
	scheduler.startLightbox(id, planificador );
}

And using the method “endLightbox()” with saving/closing/deleting operations of the form.

I’ve some questions about customizing “my” lightbox, because I don’t know if I can use the inherit lightbox options/methods or not.

  • Can I modify the opacity of the background of the lightbox?
  • Is it possible to drag&drop the lightbox? I’d like to move the lightbox to see some events of the background calendar.
  • Is it possible to use the ESC key to close the lightbox?
  • If I prefer to use a custom modal (like Bootstrap modal), could I continue using the endLightbox() to save/delete the data?

Thx

#2

You can change styling of modal layer.

[code].dhx_cal_cover{
width:100%;
height:100%;
position:absolute;
z-index:10000;
top:0px;
left:0px;
background-color:black;

opacity:0.1;
filter:alpha(opacity=10);

}[/code]

You can set a different color, or set zero size to make it invisible at all.

As for dragging and hotkeys handling - it works for default lightbox only.

#3

Thx

For Drag&Drop I used jqueryui.com/draggable/, for key and mouse events to close the modal a custom jquery script.