FontSize for Events

Event calendars & schedulers
1

How can i change the font Sizes for the events, as they are very small:

image
image1405×697 18.4 KB

2

Hi @Christoph_Schuster :wave:

You can change the font size of the events with custom CSS.

Besides that, you can also customize the events with the renderLabel option.

3

Hi Zsombar,

thank you for the reply, that was also my idea, but changing the size does not change the cell dimensions:

image
image1244×1013 88.3 KB

Do you have a hint which dom element needs a updated font size?

thank you

4

Hi @Christoph_Schuster :wave:

By default labels have a pre specified height from css. You can override it the following way:

  1. in order to the row heights correctly adjust based on the label heights .mbsc-calendar-text class needs to be adjusted manually from css:

    .mbsc-eventcalendar .mbsc-calendar-body .mbsc-calendar-text {
    height: 36px; /* specify the height */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

  2. you’ll have to specify the height to your custom label container. Based on the screeshot this element: <div class="label">...</div>
    label {
    height: 36px; /* specify the height */
    }

1 Like