Event Calendar Pro Month View Layout Issue

This is the place to report bugs and get support. When posting in this forum, please always provide as much detail as possible.

Please do not report problems with a custom build or custom code in this forum. If you are producing your own build from the source code and have problems or questions, ask in the developer forum, do not report it as a bug.

This is the place to report bugs and get support

When posting in this forum, please try to provide as many relevant details as possible. Particularly the following:

  • What operating system were you running when the bug appeared?
  • What database platform is your site using?
  • What version of mojoPortal are you running?
  • What version of .NET do you use?
  • What steps are necessary to reproduce the issue? Compare expected results vs actual results.
Please do not report problems with a custom build or custom code in this forum. If you are producing your own build from the source code and have problems or questions, ask in the developer forum.
This thread is closed to new posts. You must sign in to post in the forums.
6/21/2011 8:20:27 PM
Gravatar
Total Posts 68

Event Calendar Pro Month View Layout Issue

When creating an event that spans multiple days is adjacent to another event the month view calendar layout is not padded correctly causing breaks in the lines when a third event is added during the same period as the spanned event.

Repro steps:

  1. Create a single day event on say a Sunday.
  2. Create a multi-day event that spans the period between Monday and Friday of the same week.
  3. Create a single day event on Wednesday.

Have been able to repro this on the demo site.

Note the issue does not occur if the spanned event is not adjacent to another event.

6/22/2011 10:11:32 AM
Gravatar
Total Posts 18439

Re: Event Calendar Pro Month View Layout Issue

Hi,

I honestly don't have a good solution for this problem. The whole thing is very complicated to make events that span across days on the calendar, it involves very complicated use of colspan and rowspan on cells and lots of padding rows to make it work correctly but it still can't render perfectly for every possible combination of events. Basically the space you are seeing there is because the 5 day event is using rowspan="2" in order to make the table markup correctly with the right number of rows and columns, but the div inside that td is what has the border but it doesn't take up the whole height of the td and the td has no bottom border so it makes it look like the side borders don't go all the way up but they do go up to the bottom of the td, just not to the bottom of the div.

I've tried various things like setting the height on the div to 100% but this doesn't work unless the td has a specific height on it and doing that only makes other problems.

I wish I had a better solution but I'm afraid this implementation is the best thing I could come up with and I acknowledge it isn't perfect.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.