Our state of the art Gantt chart


Post by kamran812 »

How to remove these horizontal and vertical lines in Gantt view for each and every row.
picture attached.

Attachments
Screenshot 2022-11-28 171052.png
Screenshot 2022-11-28 171052.png (38.13 KiB) Viewed 361 times

Post by marcio »

Hey kamran812,

Those are the lines to assist visually the user to let him know which date and task are related.

How do you want the diagram to look like??

Best regards,
Márcio


Post by kamran812 »

Hi Marcio,

plain white background without lines


Post by mats »

Simply disable https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/ColumnLines

and add CSS

.b-grid-row { border: none; }

Post by kamran812 »

I am able to remove horizontal line of a row with

.b-grid-row { border: none; }

but the vertical lines coming below the days can not.
Need to remove these vertical lines in Gantt Area.
This seems to be the Bryntum Scheduler fix "Simply disable https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/ColumnLines ";

Attachments
Screenshot 2022-11-29 102901.png
Screenshot 2022-11-29 102901.png (23.19 KiB) Viewed 330 times

Post by tasnim »

Hello,
You can set it in ganttConfig like this

features : {
	columnLines : false
}

And this is the result that you're going to get

columnlines.png
columnlines.png (26.12 KiB) Viewed 323 times

Post Reply