Premium support for our pure JavaScript UI components


Post by bherford »

Hi Team,

I'd like to modify the "show header elements" button here https://bryntum.com/examples/gantt/timeranges/ to not hide the "currentTimeLine".

Screen Shot 2022-10-05 at 11.24.07 AM.png
Screen Shot 2022-10-05 at 11.24.07 AM.png (19.89 KiB) Viewed 150 times

Also there looks to be a bug with how the event is being hidden.
thanks


Post by alex.l »

Thank you for the report. I've opened a ticket.
https://github.com/bryntum/support/issues/5362

There is no built-in option to hide only some of headers. You need to manage CSS rule for every timeRange element to hide it. If you pass CSS class with cls field for timeRange, you can apply some CSS rules that will change styling for the entire timeRange. As example, change height to 0 for ranges that you want to hide.

All the best,
Alex


Post by bherford »

Thanks Alex

I presume the dashed line should disappear as well when header events are toggled


Post by alex.l »

Not sure I got your idea. In that case you can just hide the timeRange, not the header.

All the best,
Alex


Post Reply