How to hide the `scheduler.templates.day_scale_date`

Scheduler Javascript
#1

I want to hide the scheduler.templates.day_scale_date on the DayView template as it is a repeat of the header block.

This does not work --> scheduler.templates.day_scale_date = false;

And I can’t do it via CSS as it also hides the scale on the Week and Month (which I want to display). The id/class is not unique on the Day View.

This works, but I would prefer to be able to hide the surrounding content block border as well:
scheduler.templates.day_scale_date = function(date){ return ''; };

How do you do it?

I searched the documentation high and low for an example but could not locate one.

Thank you.

#2

Hi,
you can remove this element in day view only, leaving other modes unchanged:
JS:

scheduler.attachEvent("onBeforeViewChange", function(old_mode,old_date,mode,date){ if(mode == "day"){ // hide date scale in day mode scheduler.xy.scale_height = 0; } else{ // show show it in other modes scheduler.xy.scale_height = 20; } return true; });
and css, will be active only in ‘day’ mode :

.dhx_scheduler_day .dhx_cal_header{ display:none; }
demo:
snippet.dhtmlx.com/608e3d8ea

docs.dhtmlx.com/scheduler/api__ … other.html
docs.dhtmlx.com/scheduler/api__ … event.html

#3

Perfect, thank you.