TOPIC: [SOLVED] Full Month not Displaying

Hi ...

I'm doing some testing with this component and I can't seem to get a full month to display in the event calendar view when there are a number of events for the month. It's like the IFRAME for the calendar size is cut off or something??? Same issue in Firefox and IE9.

[attachment=0:368nitxg]<!-- ia0 -->events.jpg<!-- ia0 -->[/attachment:368nitxg]

I have installed the latest version of DT Register and I still have the same issue.

I should have given a better example ... there are months in my calendar where only 3 rows are displayed, if I hit the arrow to the next month, there is one complete week that is not displayed on either the previous or next month.

Any help on this one?

Hello? Can anyone help with this?

We see this can be an issue. Checking into possible solutions.

We're also getting this problem, you can see it here: http://www.cboi.org/about-us/calendar/boi-calendar

The CSS for the calendar is very complex. The overall height of the calendar will adjust, but the last row doesn't push it out. Each weekly row adjusts to the content, again, except the last row. We've found how to address this. You can change two CSS items to adjust the calendar to your needs in this file:

/components/com_dtregister/assets/css/calendar/calendar.css

1) Adjust calendar height. Find this:

#gridcontainer {
min-height:800px;

This will affect the overall height of the calendar and allow you to give yourself more space if needed. Increasing this number will increase the overall calendar height and each weekly row will increase as each is set to an equal percentage of the calendar height by default.

2) Restrict weekly row height. Find this:

.month-row {
left:0;
width:100%;
overflow:hidden;
}

Change it to:

.month-row {
left:0;
width:100%;
min-height:100px!important;
overflow:hidden;
}

A min-height was added with an "!important" so it overrides the hard-coded percentage height. While giving yourself more height to work with in the first setting, here you can restrict the size of each row so you don't have one or two rows with lots of events and a couple other rows with lots of empty space. You can start with 100px and then adjust as needed til you find the number that works for your site.

Hope this helps!