Our powerful JS Calendar component


Post by accounts@projul.com »

Hi,
With this config
showEvents = 'dots'
for calendar, Upto 4 events are showing per day as dots on the calendar datepicker control. can we increase that limit to 15 instead of 4?

Attachments
date_picker_dots.png
date_picker_dots.png (55.1 KiB) Viewed 248 times

Post by Animal »

More will not fit.

Where would you put 15?


Post by Animal »

The events could stack up from the bottom of the cell with the z-index being -1 so that they are below the number. 15 kind of makes the number a little unreadable though.

Screenshot 2023-02-21 at 17.23.39.png
Screenshot 2023-02-21 at 17.23.39.png (455.74 KiB) Viewed 238 times

12 would probably be OK.


Post by Animal »

Maybe showEvents : 'count' might be more appropriate?

Screenshot 2023-02-21 at 17.50.48.png
Screenshot 2023-02-21 at 17.50.48.png (129.18 KiB) Viewed 235 times

Post by accounts@projul.com »

Yes having the count around 10 will also be ok. As we want to achieve the similar what we have achieved in the year view.

Attachments
Untitled.png
Untitled.png (35.77 KiB) Viewed 232 times

Post by Animal »

I have opened a Feature Request: https://github.com/bryntum/support/issues/6238


Post by Animal »

I plan a maxDots config for the DatePicker and YearView which, when implemented may work like this:

Screenshot 2023-02-22 at 16.34.10.png
Screenshot 2023-02-22 at 16.34.10.png (131.96 KiB) Viewed 199 times

So the YearView with maxDots : 12 might look like this when implemented:

Screenshot 2023-02-22 at 16.28.16.png
Screenshot 2023-02-22 at 16.28.16.png (1.02 MiB) Viewed 199 times

Twelve is as high as I would go. It begins to look crazy with dots flowing out of the cell.

Note that when implemented, you will be able to set eventCountTip to true so that hovering the year day cell will show the number of events there. That is on YearView and the DatePicker.

Does this seem OK?


Post by accounts@projul.com »

Yes, thank you it looks great!


Post Reply