Our pure JavaScript Scheduler component


Post by anuja »

Hi,
I want to highlight the vacant spaces between the events so that user can easily spot the available time periods for each resource. For example, if I have an event from March 01 to March 10, and another event from March 20 to March 30, I want to highlight the vacant space from March 11 to March 19 in grey color.

Is there any possibility that I can achieve this.


Post by kronaemmanuel »

Hi anuja,

You can do that by with Resource Timeranges https://bryntum.com/products/schedulerpro/docs/api/Scheduler/feature/ResourceTimeRanges. Please check our different timerange examples:

You can check the implementation of each example, and can also see the classes used in them to get an idea of how to implement it for your project. Please let us know if you need further help.

Regards,
Krona


Post by anuja »

Hi,

Thanks Krona for the links.

I checked with the above shared links. But the challenge I face is that it is hard to define a specific time range for the non working time. The data has to come from server. So, every time I do modification such as drag drop, or resize, I will have to again hit the server.
Is there any possibility to highlight the non working spaces without specifying the exact empty time ranges.


Post by marcio »

Hey anuja,

Unfortunately, we need the defined time ranges to display property the available intervals. Perhaps you could use the example that Krona shared https://bryntum.com/products/schedulerpro/examples/highlight-time-spans/ which highlights the intervals when dragging?

Best regards,
Márcio


Post Reply