Our powerful JS Calendar component
Hii,
I am using bryntum calendar,
I am attaching an image.
- Screenshot from 2024-02-13 14-59-26.png (21.94 KiB) Viewed 205 times
in the image we can see that there are more tasks.
but its showing only one task in day cell.
i am not sure its styling issue or anything else.
please reply asap.
That event bar looks suspiciously small. How did it become that size?
They should be 20px tall. It then uses the eventSpacing and the eventContainerHeight to work this out:
- Screenshot 2024-02-13 at 11.21.56.png (232.32 KiB) Viewed 201 times
I forgot to show the final calculated value:
- Screenshot 2024-02-13 at 11.25.05.png (118.68 KiB) Viewed 201 times
And don't forget that it is possible for that to happen.
People have posted questions before about overflow count.
In the scenario below, "Very long!" and "Another very long" start on the 12th, and are below the cutoff point in that cell.
Event bars must be continuous, they cannot jump up and down between cells. They continue in their track.
So those events extend all the way along that week, and they are still below the cutoff point on Friday 16th so there are "+2 more" below the fold:
- Screenshot 2024-02-13 at 11.34.12.png (130.86 KiB) Viewed 201 times
There's a lot going on laying out events.
That event bar is small due to my custom styling
I tried removing that also
but what i observed here is,
I have gantt and calendar both
their css making conflicts with each other
when i m on calendar page everything works fine
but when i jump to gantt and return back to calendar
this happens.
and vice-versa
help me managing css for both sides
"jump to gantt and return back to calendar" ?
The CSS should not interfere. They use different classes. You can see there's b-cal-xxxx classes in the Calendar's DOM.
We have no information to go on here.
actually we have tabs
one is for gantt and other is for calendar
when i click on gantt tab : opens gantt component.
when i click on calendar tab : opens calendar component.
if i am on calendar component everithing is fine but when i switch to gantt and again come back to calendar
it also loads gantt css that is creating conflicts for calendar.
first load on calendar
- Screenshot from 2024-02-14 13-20-16.png (95.74 KiB) Viewed 157 times
switched to Timeline and come back to calendar
- Screenshot from 2024-02-14 13-20-34.png (91.6 KiB) Viewed 157 times
Are you able to share a small test case with us so we can run this locally to debug? Also, if you can share all relevant JS + CSS that'd be helpful!
"Tabs" could mean anything.
We have tabs, and when switching betwene them, the child widgets are just hidden and shown. Nothing bad can happen.
What happens when your tabs switch? Does it completely recreate the Calendar?
