Our pure JavaScript Scheduler component


Post by kasp9023 »

Hi Support,

I'm trying out the Bryntum Scheduler, and trying to customize the look on each cell.
I've found that i have a columnRenderer to customize the style for columns, but i'm unable to find any documentation og other support tickets regarding the customization of each cell in the scheduler.

What i'm trying to accomplish is to set a label for each week that illustrates the capacity of an employee (employees is the ressources). Everytime i move the event and it is hovering a cell, it should illustrate what the new capacity of an employee is.

Is it possible to customize the style by using eg. a Cell renderer or another config?

Best regards
Kasper


Post by saki »

Could you post a sketch or a mockup screenshot? That would help to find out what to configure/implement.


Post by kasp9023 »

Hi, thanks for quick reply!

It should look something like this, where the red area is a number value that is dynamically generated based on the event attached to the cell.
Image


Post by saki »

This is not achievable by implementing a https://bryntum.com/docs/scheduler/api/Grid/column/Column#config-renderer because this (right) part of the scheduler is TimeAxis and that is one special wide column.

It could be done by using resource time ranges feature with a custom styling and with a store updated according to your needs. This example could be a good starting point https://bryntum.com/examples/scheduler/resourcetimeranges/


Post by saki »

Another option would be to embed a chart (generally any widget) in timeAxis column as demonstrated in this example: https://bryntum.com/examples/scheduler-pro/embedded-chart/


Post Reply