Our powerful JS Calendar component


Post by Srb »

Hello,
Testing the component I need to generate events crossing midnight (8 hours shift from 22:00 to 6:00), when I generate all the event inside the day the calendar shows like I spect, but if the event is in both days it appears on a horizontal line on top and not include like others on the columns, is an inconvenience for me because we want show the continous task 24/7,

Can I configure to show in the same way for all events?

Thank's


Post by marcio »

Hey Srb,

Could you share some screenshots about how do you expect it to be displayed and how it's been shown to you?? To facilitate the understanding of the issue.

Also, if you could provide a sample project, that would be nice as well.

Best regards,
Márcio


Post by Animal »


Post by Srb »

Hello Animal, that's just what I want, thank's,

I'm searching on docs how do any I need to do, let me some time to learn how calendar work's, look's good.

Now, on visual things... I want the same overlapping on these events than in the others, it's possible? the events are created in the same way and there's on differences between it. What can I do?

thank's
https://ibb.co/1vRccZm

Image


Post by Animal »

Maybe TimeRanges could be more appropriate for your use case.

https://bryntum.com/products/calendar/examples/timeranges/

If you have "background" information about time slots like "Day shift" and "Night shift", this is what TimeRanges are for.


Post by Srb »

Hello Animal,
I'm trying to implement the resoruceTimeRanges but I didn't found the way to add like the events or manage the feature... There's no example how to work with angular, all data on examples come from json..

have you some example code? how to load dinamically like events? something like

this.calendarComponent.instance.eventStore.add(this.events)

and how to show or activate the feature....

thanks


Post by Animal »

ResourceTimeRanges can only be visualized in the ResourceView

Because in all normal calendar views, all resources are present, and so those would be just TimeRanges.

See https://bryntum.com/products/calendar/examples/timeranges/

The ResourceTimeRanges which you will see in the data payload:

Screenshot 2023-04-06 at 16.08.39.png
Screenshot 2023-04-06 at 16.08.39.png (169.27 KiB) Viewed 263 times

Are only visible when in the ResourceView mode:

Screenshot 2023-04-06 at 16.10.00.png
Screenshot 2023-04-06 at 16.10.00.png (311.1 KiB) Viewed 263 times

Post by Srb »

ok, so understood about the views, but how to add dinamically , from backend source... to add event I use eventStore.add(),

How to add the timeRanges? there's any example?

Thank's


Post by Animal »


Post Reply