I use SchedulerComponent template variable and cannot find property 'managedEventSizing' from both 'this.scheduler' and 'this.scheduler.schedulerEngine'. Is there a way to use 'managedEventSizing' when using the template variable.
We do not expose every property/feature to our wrapper. Only the most popular. All supported properties you can find in our guide: https://www.bryntum.com/docs/scheduler/#guides/integration/angular.md (see "Supported properties" chapter). "managedEventSizing" is not in the list, indeed. Please see "Adding properties which are not supported by default" chapter which explains how to add properties to the wrapper. Feel free to change the wrapper the way you need. Basically what you need is to change examples/angular/_shared/projects/bryntum-angular-shared/src/lib/scheduler.component.ts:
Is it possible to merge resource column like we did in spreadsheet?
Re: Scheduler display events order
Posted: Tue Aug 27, 2019 11:05 am
by pmiklashevich
Hello,
I've created a feature request to implement such a "rowspan" feature. To be honest we already tried to do that some time ago, but ended up with row recycling problem. So that's something we have to deal with first. Here is the ticket to track the progress: https://app.assembla.com/spaces/bryntum/tickets/9121-add-support-for-rowspan/details
With this, the events are arranged as I wanted. But the event container element is not affected by the event class like this.
Are there any solutions to make the event container element affected by the event class?
Re: Scheduler display events order
Posted: Wed Aug 28, 2019 11:58 am
by mats
You can use 'wrapperCls' in the eventRenderer method (instead of 'cls') to add a CSS class to the wrapper element. It will be public from the next release.
Re: Scheduler display events order
Posted: Fri Aug 30, 2019 5:43 am
by piyanonm
Thanks mats.
Here's my code to this solution.
this.eventRenderer = (data) => {
let wrapperCls: DOMTokenList = data.tplData.wrapperCls;
let event: any = data.eventRecord.data;
wrapperCls.add('event-line-' + event.eventLine);
return event.name;
};