Remove vertical border between cells?

Asked by Bert
8 years ago.

Hello,

Is there a way to remove the vertical border between cells? I'm trying to remove just the ones that are part of a single day, not the ones between two days.

I looked in the code, but each vertical line has only one css class: scheduler_default_matrix_vertical_line

And setting the background-color to transparent will hide all of them.

Is there a way to differenciate between vertical lines and hide just the ones I need?

Thanks!

how-to javascript

screen-shot-2015-06-21-at-3.53.33-pm.png

Answer posted by Dan Letecky [DayPilot]
8 years ago.

You will need to hide it using CSS (scheduler_default_matrix_vertical_line) and add only the desired ones:

1. Create a custom grid cell class with { border-right: 1px solid #eee; } and add it to the selected cells using onBeforeCellRender.

http://doc.daypilot.org/scheduler/cell-customization/

2. Or use separators:

http://doc.daypilot.org/scheduler/separators/

Comment posted by Bert
8 years ago.

Perfect, thanks again!

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

Remove vertical border between cells?

Products

Learn

Get Support

DayPilot Pro