Start Building Professional
Web Apps Today

scheduler light-box buttons

I have been trying out your scheduler and would like to use it for displaying read-only info. I know you have added the readonly parameter, but that seems to completely turn off the detail box and I need the details because they won't fit on the calendar screen. I looked over your documentation on making changes to the detail screen but it doesn't seem to address the buttons. Is there a way to turn off the Save and Delete buttons on the detail screen? I have been looking through the code to see if I could figure it out, but have not yet so far.

Thanks

Charlie R Chisholm

Template of details form defined as 

scheduler._lightbox_template="<div class='dhx_cal_ltitle'><span class='dhx_mark'>&nbsp;</span><span class='dhx_time'></span><span class='dhx_title'></span></div><div class='dhx_cal_larea'></div><div class='dhx_btn_set'><div class='dhx_save_btn'></div><div>&nbsp;</div></div><div class='dhx_btn_set'><div class='dhx_cancel_btn'></div><div>&nbsp;</div></div><div class='dhx_btn_set' style='float:right;'><div class='dhx_delete_btn'></div><div>&nbsp;</div></div>";

You can redefine it in necessary way, for example you can add the next line before scheduler.init

scheduler._lightbox_template="<div class='dhx_cal_ltitle'><span class='dhx_mark'>&nbsp;</span><span class='dhx_time'></span><span class='dhx_title'></span></div><div class='dhx_cal_larea'></div><div class='dhx_btn_set_hidden'><div class='dhx_save_btn'></div><div>&nbsp;</div></div><div class='dhx_btn_set'><div class='dhx_cancel_btn'></div><div>&nbsp;</div></div><div class='dhx_btn_set_hidden' style='float:right;'><div class='dhx_delete_btn'></div><div>&nbsp;</div></div>";

and add the next css rule to the page


.dhx_btn_set_hidden{
        display:none;
}

Alternative solution, for readonly details form, would be redefining of render method of textarea ( or any other section ) 


scheduler.form_blocks.textarea.render=function(sns){
        var height=(sns.height||"130")+"px";
         return "<div class='dhx_cal_ltext' style='height:"+height+";'><textarea readonly='true'></textarea></div>";
  }