Page 1 of 1

[ANGULAR] Hide header elements without hiding currentTimeLine

Posted: Wed Oct 05, 2022 5:26 pm
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 214 times

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


Re: [ANGULAR] Hide header elements without hiding currentTimeLine

Posted: Wed Oct 05, 2022 6:28 pm
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.


Re: [ANGULAR] Hide header elements without hiding currentTimeLine

Posted: Thu Oct 06, 2022 2:22 pm
by bherford

Thanks Alex

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


Re: [ANGULAR] Hide header elements without hiding currentTimeLine

Posted: Thu Oct 06, 2022 3:37 pm
by alex.l

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