How can i always keep some space under event bar in timelimeview?


#1

Good day, how can i keep some space under event for ability to click on this space and create a new event for the same time and for the same section? I want to have something like this:

Of cource, if a unit has no events, it is better to keep standart minimum height. Only for units that have events i want to have some space under event (but inside this unit). And If there are 2, 3, more events for the same time - to add only space after last of them.


#2

So for now i have just added “dy” parameter that is little more that event’s bar height. So far so good


#3

Hello AlexMav,

Only for units that have events i want to have some space under event (but inside this unit). And If there are 2, 3, more events for the same time - to add only space after last of them.

There is no built-in way to add some space under the last of 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: 40px !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: http://snippet.dhtmlx.com/5/6feb2d58d