Custom Lightbox

Scheduler Javascript
#1

Hey guys,

I was just wondering how easy it would be to import my custom lightbox into the Scheduler.

Would it be possible to import a custom lightbox and if so, how would you go about it?

Thanks!

#2

Check
samples\02_customization\16_custom_form.html
it requires just few lines of code to use custom form instead of the existing lightbox.

#3

[code]
scheduler.showLightbox = function(id){
var ev = scheduler.getEvent(id);

 $('.cboxElement').attr({href:'/richtest.php?schedule_id=' + ev }).fancybox({ type: 'iframe', width: "85%", fitToView: true });
        
scheduler.startLightbox(id, document.getElementById('cboxElement') );

}[/code]

That is my function to start the new lightbox but it doesn’t seem to work.

The background dims slightly but no lightbox appears.

Is there anything from that you can see is obviously wrong?

(fancybox jQuery plugin)

Also, I appreciate all the help!

#4

Be sure that you custom lightbox already has assigned position:absolute, as code of scheduler will just

  • switch display from none to block
  • set left and top to center custom form

you can check the styles which are assigned to the #my_form in the original sample

#my_form{ position:absolute; top:100px; left:200px; z-index:10001;