Minimal event width in timeline view

Scheduler Javascript
#1

Hello.

In timeline view events can get very small and it is difficult to catch the ‘middle space’ to perform a drag action. Is there a way to set up/change the minimal width of an event regardless its actual duration?
For example: 4px left resize handle + 10px middle space + 4px right resize handle where 10px is the minimal width of the drag handle.

Thanks.

#2

Hello,

You need to set required value of padding-left property to ‘dhx_cal_event_line’ class. Demo:
docs.dhtmlx.com/scheduler/snippet/564113dd

#3

This is a tweak I come up too :wink:
The only thing that bothers me is the text being shifted to the right. Any thoughts?

#4

You can use event_bar_text template for setting style to the event’s text and shift it to the left:
docs.dhtmlx.com/scheduler/snippet/d0049220

docs.dhtmlx.com/scheduler/api__s … plate.html

#5

I resurrect this old post to say that this isn’t a solution, if you add a div the scheduler make a mess with the dot.

#6

Hello,

Could you please elaborate the question? For example, attach a screenshot where we can see the problem. Can I reproduce it in a demo from my previous comment?