Premium support for our pure JavaScript UI components
Is there a way to change the anchor point of an event? Actually, I want to render the event at the bottom of the row when row height is increased. I have added a custom class with top-padding in eventRenderer but no luck.
Please follow the screenshot.
Capture.PNG (33.79 KiB) Viewed 807 times
Can we change the position of the name of resourceTimerange ?
Attachments
res1.PNG (39.33 KiB) Viewed 803 times
Resource time ranges always fill the full row. You can try to offset it with CSS, margin or translate etc.
Hi Mats,
I think you didn't get the questions.
Can we change the position of the "name" property of the resource time range? (refer screenshot 2)
Can we render event objects at the bottom of the row? (Normally its rendered top of the row. refer screenshot 1).
Hope this will make sense.
best regards,
Anuradha
Hello!
Can we change the position of the "name" property of the resource time range? (refer screenshot 2)
You can override "justify-content" and "align-items" values of div.b-sch-resourcetimerange element
justify-content: center;
align-items: flex-end;
Can we render event objects at the bottom of the row? (Normally its rendered top of the row. refer screenshot 1).
There is no configs to make it work out of the box, but you can set managedEventSizing to false and eventLayout to 'none'. Then you can apply css rules to make it work. Please check out this demo to see how we managed milestones positioning:
https://bryntum.com/examples/scheduler/customeventstyling/
Best,
Pavel
Pavlo Miklashevych
Sr. Frontend Developer