Premium support for our pure JavaScript UI components
Hi,
I use eventRenderer for customizing events appearance. Default height for all events is 50 pixels. But if they overlap for the same resource I need render half height events - 25px for overlapping events. So, when I set height = 25 everything renders as expected but whole resource row. It has the same height like all event have 50px and margins between bars are increased.
How could I force scheduler to consider real heights of my bars when resource row height calculates?
Could you show us your desired appearance?
- image (2).png (47.56 KiB) Viewed 3028 times
Something like this, pay attention for narrow events. They both rendered in the same height row.
I don't need fixed height. There could be more than 2 overlapping events. I use stack layout and it's ok for me. But when I set event height 25px I just get smaller event and huge margin between them. How to set 2px margin and reduce whole row height to fit all the event with margins?
- Untitled.png (17.34 KiB) Viewed 3027 times
It could be caused by higher value of barMargin.
Post please a testcase that we could run, if still in troubles. Custom renderer and css may have influence too.
- Untitled1.png (20.82 KiB) Viewed 3014 times
Here I've tried to make such example, you can see enormous margins between yellow and red events. Also take a look to my sources in attached zip file.
-
Attachments
-
- dynamicEventsTest.zip
- (1.81 KiB) Downloaded 155 times
As I can see you set the event height in renderer, however, but scheduler currently does not support variable or automatic row height adjustment based on the cumulative event heights.
We have feature request https://github.com/bryntum/support/issues/1860 related to it.
Thank you for your answers guys.
Are there any plans to include #1860 request to nearest update?