Adjusting event height leads to excessive empty space (Month)

Asked by Eduardo Luis
3 years ago.

Hi...

I have this:

However, I need the height of each event to be slightly increased because each event consists of two lines.

I added the following line:

eventHeight: "50",

After this change, while the events appear correctly, there is a lot of unusual empty space between them. Why is this happening?

https://ibb.co/NSBxmST

how-to javascript

screenshot-4.png

screenshot-5.png

Comment posted by Dan Letecky [DayPilot]
3 years ago.

The height of the calendar day cells should only be extended as needed. Could you please post a sample data set that reproduces this problem?

Answer posted by Eduardo Luis
3 years ago.

So simple solution:
It's not:

eventHeight: "50",

it's:

eventHeight: 50,

Comment posted by Dan Letecky [DayPilot]
3 years ago.

Thanks for posting the solution!

Comment posted by Eduardo Luis
3 years ago.

Can I ask how can I use bigger "paddings" in events?
So they could be a little bit more separated and not usind 100% each cell.
They are all very close.

Comment posted by Dan Letecky [DayPilot]
3 years ago.

The events consist of two nested divs which are marked with the following CSS classes

.month_default_event
.month_default_event_inner

All default styling is applied to the inner div. You can apply margins by overriding the "left" and "right" styles of the inner div:

body .month_default_event_inner {
  left: 5px;
  right: 5px;
}

(Please create new topics for new questions in the future - thanks ;-)

Comment posted by Eduardo Luis
3 years ago.

Thank you...
That's it..

Ok - new topic. ;-)

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.