Search found 14 matches

My scheduler has 2 events overlapped with each other. I want to arrange the display priority of the events (which event display in the front or in the back). https://i.imgur.com/o42iAVh.png I try to sort the events from the priority like this events[0].seq = 2; // long bar event events[1].seq = 1; /...
Here's my scheduler
Image

When I scroll down to line 3
Image

I want it to display with the header like this
Image
Sorry for unclear question. I mean when I scroll down the page, I want to keep the header always stick on the top of scheduler.
Is there a way to mack the scheduler header always stick to the top of the component ?
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;
};
Thanks for creating a feature request for me, pmiklashevich. I changed my solution to use CSS to align the events. Set scheduler event layout to 'none' to make all events display on the first line this.scheduler.eventLayout = 'none'; Create CSS for each line of events using 'top' attribute .event-li...
I think I will change the method from arrange events using CSS to use resource to separate event lines. this.resources = [ { id: 1, name: 'Alex', type: 'Working' }, { id: 2, name: 'Alex', type: 'Clock' }, { id: 3, name: 'Alex', type: 'Meeting' }, { id: 4, name: 'Liza', type: 'Working' }, { id: 5, na...
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. app.component.html <bry-scheduler #scheduler></bry-scheduler> app.com...
I have events on my scheduler and it displays like this https://i.imgur.com/uymwgr2.jpg Here is the events data this.events = [ { id: 1, resourceId: 1, name: 'Working Time 1', ... }, { id: 2, resourceId: 1, name: 'Break', ... }, { id: 3, resourceId: 1, name: 'Working Time 2', ... }, { id: 4, resourc...
Sorry for not reading the guide throughly, I fixed this problem by changing 'bryntum-angular-shared' component import class from
@import 'bryntum-scheduler/scheduler.umd.js'
to
@import 'bryntum-scheduler'
and then build the project again.

Thanks.