Day of Month slightly cut off in Month View with Bootstrap Theme

1 Answer 23 Views
Scheduler
Mike
Top achievements
Rank 1
Iron
Iron
Mike asked on 20 Feb 2025, 04:04 PM

When using the Bootstrap theme with the scheduler, appointments are cutting off the bottoms of the Day Number in the cell.  Is there an easy way to add a margin to the first appointment in each day cell so that all of the appointments in the cell shift down and don't overlap the number?  Here's a repl of what it currently looks like:

https://blazorrepl.telerik.com/mJkQmEvU03c6KHyg35

 

Thanks,

Mike

1 Answer, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 25 Feb 2025, 07:56 AM

Hello Mike,

Thank you for the provided REPL. I assume the described issue is related to the Month View of the Scheduler. To shift down the appointments with a small margin, use the following CSS:

 .k-event{
        margin-top: 2px;
    }

This will ensure that there is enough space between the number and the appointment. I hope this serves you well in continuing with your project.

Regards,
Tsvetomir
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Tags
Scheduler
Asked by
Mike
Top achievements
Rank 1
Iron
Iron
Answers by
Tsvetomir
Telerik team
Share this question
or