[REACT] Bryntum schedular pro grid panel Styling.

[9pranav_v]

Hi ,
I was working with nested dependencies example https://bryntum.com/products/schedulerpro/examples/nested-events-dependencies/ and i noticed it doesnot have the vertical grid panel lines as shown in the example https://bryntum.com/products/scheduler/examples/frameworks/react/typescript/recurring-events/build/. Is there anyway i can get same vertical lines in nested dependencies example.

[mats]

Sure, check the demo code you will see this line:

        columnLines    : false,

Remove it and lines are back.

[ghulam.ghous]

Hi there,

Yes sure. They are disabled by the columnLines feature. You need to remove the following config from the demo:

columnLines    : true,

You can find it inside the features in the example. Also you need to remove the following css in the app.scss file or change the color so these lines are visible. Currently the background color is grayed out:

.b-timeaxissubgrid{
  background-color:var(--timeaxis-background);
}

Screenshot 2024-03-27 at 4.54.53 PM.png (478.05 KiB) Viewed 173 times

Screenshot 2024-03-27 at 4.52.57 PM.png (479.68 KiB) Viewed 173 times

[9pranav_v]

Got it, thanks