How do you customize these images?

I’d like to customize it like the attached images.
Please help me.


  1. - day headers can be modified using a template function … plate.html
    each view has its own template for headers, which can be overridden as follows:

scheduler.templates.<viewName>_scale_date = function(date){ return string; }

  1. Background grid is set via background image of .dhx_scale_holder element:

.dhx_scale_holder{ background-image: url(image.png); }
If you want a css class for a specific date - a css template is available … plate.html

And you can use this extension to highlight custom time intervals:

  1. As for the elements in the navigation panel of scheduler … onfig.html and just use a position:absolute to move elements to the required locations.