Page 1 of 1

[REACT] Is there a way to reduce the events height alone without reducing row height?

Posted: Thu Feb 09, 2023 6:10 am
by anoop.francis

Hi there,
Just wanna know if there is any way to reduce the event height without affecting row height of the grid?
I tried modifying it on the css by adjusting the task wrapper class like below

.b-gantt-task-wrap {
  height: 24px;
}

It seems to reduce the height, but the events are not anymore central aligned to the grid row Image

Is there way I can achieve the height reduction for events, but yet it will align central to the grid?


Re: [REACT] Is there a way to reduce the events height alone without reducing row height?

Posted: Thu Feb 09, 2023 6:21 am
by tasnim

Hello,

You could try reducing the barMargin to make it bigger
Please check docs https://bryntum.com/products/gantt/docs/api/Gantt/view/Gantt#config-barMargin

Is iţ what you were looking for?


Re: [REACT] Is there a way to reduce the events height alone without reducing row height?

Posted: Thu Feb 09, 2023 9:06 am
by anoop.francis

Hi Tasnim,

Thanks for your reply. Yes that's something what I was looking for.