Page 1 of 1

[INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Apr 28, 2020 2:19 pm
by tso
Hello,

Any plans to port the Timeline Widget to the Scheduler component?https://www.bryntum.com/docs/gantt/#Gantt/widget/Timeline

If not, can you provide us some hints on how to use it with a Scheduler?

Best,
Tobias

Re: [INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Apr 28, 2020 2:57 pm
by mats
Not at the moment, but it's a very simple widget. If you have a Gantt license, review its sources and you'll see it should be an easy port.

Re: [INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Jun 30, 2020 10:40 am
by gpa

Hello,

we have successfully ported the Gantt.widget.Timeline to the Scheduler component. We were now wondering if it is possible to make it somehow collapsible.

Could we use a Grid.view.SubGrid component in our main Scheduler object to do so? For the moment our Scheduler Timeline is simply rendered within a div on top of the main Scheduler.

Thanks in advance,
Gaetano


Re: [INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Jun 30, 2020 11:22 am
by mats

Collapsible concept does not yet exist in our released version. But you can of course just set height to 0 to achieve this effect. Ticket to track: https://github.com/bryntum/support/issues/914


Re: [INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Jun 30, 2020 1:11 pm
by gpa

Hi Mats,

thanks for the tip. I have indeed created a toggle button for showing/hiding my scheduler timeline. However I have an issue when the timeline height is 0 upon load: apparently a non-zero height is required to enable the timeline construction when we load the page the first time:

error.png
error.png (53.72 KiB) Viewed 1076 times

For the moment my workaround is just to show the timeline by default on the page. Can you suggest something with respect to that?

Best,
Gaetano


Re: [INFO REQ] Port Timeline Widget to Scheduler

Posted: Tue Jun 30, 2020 2:06 pm
by mats

Do you have a test case? This produces no errors for me:

.b-scheduler {
			height:0 !important;
			min-height:0 !important;
		}