How to change to design?

Gantt
#1

Hi,
How to change to design ?

  1. after.jpg → before.jpg

  2. Time period → DHTMLX suite Calendar

Thank you.


after.jpg938×503 45.1 KB


before.jpg938×503 67.7 KB

#2

Hi,
both can be done by defining a custom ligthbox control.
Currently there is no easy way to integrate an external calendar to a time selector of the lightbox, so you’ll have to define a custom control with time input and bind a calendar to that input.
docs.dhtmlx.com/gantt/desktop__c … ditor.html

As for the progress input, probably you could customize the default input (apply css class and inject additional content - percent sign). However, defining a text input seems trivial, and it may be easier to implement a custom one for your needed. You may check the implementation of built-in text element

github.com/DHTMLX/gantt/blob/v3 … t.js#L6662