Controling the size of expanded folder and spacing between events in tree timeline


#1

Hi,

I know the option folder_dy which is for a single folder height, but when it is expanded it doesn’t seem to be multiplied by the quantity of parallel events. The parallel events are close together and the bottom event is on the edge without any space. Is there a way to add some space between the events and the bottom event?

Thanks in advance!


#2

Hello,
There is no built-in way to add some space between the events, but
one of the options is to set the resize_events: false and set some event_dy: in the configuration object of the Timeline view. You can read about it here:
https://docs.dhtmlx.com/scheduler/api__scheduler_createtimelineview.html
And add the class to the event(with the event_class) template, that will use the height less than event_dy:. For example, in your CSS:


.decreased {
height: 30px !important;
}

And the following template:


scheduler.templates.event_class = function(start,end,ev){
return "decreased";
};

So, you will have empty space after each event.
You can check the following snippet: https://snippet.dhtmlx.com/ro8jsx7s