High-Performance UI Component Library for Enterprise Applications › Forums › Gantt › React: how to change row height Tagged: gantt This topic has 4 replies, 3 voices, and was last updated 2 years, 12 months ago by ceddy. Viewing 5 posts - 1 through 5 (of 5 total) Author Posts July 13, 2023 at 6:48 pm #107464 ceddyParticipant How do you change row height using react? July 14, 2023 at 6:01 am #107466 svetoslav_borislavovParticipant Hi, You should change the following CSS variable: –smart-table-row-height. For example: .smart-gantt-chart { –smart-table-row-height: 40px; } I hope this helps! Best Regards, Svetoslav Borislavov Smart UI Team https://www.htmlelements.com/ July 14, 2023 at 3:17 pm #107467 ceddyParticipant Just changed it but nothing changes, it remained the same, can you do a codepen? i tried editing it from css variables and it failed, also tried editing the variable in the browser and nothing changed. This reply was modified 3 years ago by ceddy. July 17, 2023 at 1:59 pm #107476 ivanpeevskiParticipant Hi ceddy, The CSS variable you should use is –smart-gantt-chart-task-default-height Here is an example – codepen Best Regards, Ivan Peevski Smart UI Team https://www.htmlelements.com/ July 18, 2023 at 3:17 am #107484 ceddyParticipant Thank you very much Ivan, it worked Author Posts Viewing 5 posts - 1 through 5 (of 5 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In With Google Log In
.
