Skip to content
DayPilot

Gantt-Chart: Dotted line for current date

Asked by Bikram Jeet Singh
3 years ago.

Hello,

Is there any way we can have a dotted line for the current date?

Thank you

how-tojavascript
dotted-line.png
Answer posted by Dan Letecky [DayPilot]
3 years ago.

You can add a separator to the Gantt chart to highlight the current date/time:
https://doc.daypilot.org/gantt/separators/

The separators are marked with "gantt_default_separator" CSS class - you can use it to make the line dotted:

JavaScript: 
dp.separators = [
    {
        date: DayPilot.Date.today(),
        color: "transparent"
    }
];
CSS: 
<style>
    .gantt_default_separator {
        border-right: 1px dotted red;
    }
</style>

Comment posted by Bikram Jeet Singh
3 years ago.

Thanks a lot man, was looking for the same

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.