Month Dropdown not working

This may be a JavaScript conflict between my plugin and another you’re using on all of the sites you tested. Have you tried checking for a plugin conflict (i.e. turning off plugins one-by-one to see if there’s one in particular that causes the problem)? You may also want to check your browser’s JavaScript console for any error messages.

Can you share a link to one of the sites you’re testing on so I can have a look?

Hi room34,

I’m experiencing the same problem as Niels Westphal: The month-dropdown is not working:
https://wordpress.nibis.de/gymoedeme/jahresterminplan/

It might be theme-related (in my case: blogolife). The (dynamic-content) diplay on my tablet or mobile phone works like a charm (list of events with month-dropdown above) though.

Is it possible – as a temporary solution – to insert a css code via the css-customizer which forces the PC to pick the mobile phone varinat of the month view?

Greetings and thanks for any kind of help,
René

PS: Our WordPress provider does not allow us to meddle with the (theme) script itself apart from the CSS customizer

OK, @mrjenkel I know exactly why this is happening on your site, and it may be the same for @nielswestphal … it’s a CSS z-index issue. The positioning of the select dropdown is causing it to be layered “under” the container for the month grid.

I think I should probably make this change to the plugin itself to prevent this issue, but for an immediate fix, here’s what you’ll need in your CSS:

select.ics-calendar-select {
    position: relative;
    z-index: 2;
}

article.ics-calendar-month-wrapper {
    position: relative;
    z-index: 1;
}

It’s working!

Thank you very much for your swift reply & immediate workaround!

Many Greetings,

René

That is great to hear. I’ve also made this change in the new version 5.10.0.2 that should be available now or very soon. Once you have that update in place you should be able to remove this custom CSS.

Hi. I installed the Plugin today. I have to use the code above in css or in my month list is only the current month. With the .css code are the current and the next two month in list. Not more. Is there a possibility to change this?

You can see it here: https://studio.martin-hirsch.com/kontakt/

Regards Martin

Hi @hirma, I just checked your calendar and it seems to be working properly.

It sounds like your question is why the calendar only goes through December, is that correct? The calendar will only show any many months as there are actual events in the feed.

I do have a future update planned to support using the limitdays parameter to allow it to show empty months beyond the last date in the feed.

Hi. This is correct, that’s ma question. But i have events in January also.

EDIT: Sorry, i don’t have events in January. That’s ok.

Thank you very much ??

• This reply was modified 4 years, 1 month ago by hirma.
• This reply was modified 4 years, 1 month ago by hirma.

Hi… I just took a look at the source code again to verify this situation. The issue I was observing seems to only have been affecting templates in the Pro version, and I’ve just released an update for that.

I can confirm that this is how the plugin should be working right now:

1. If you do not set limitdays, the dropdown will only include months up to the farthest future event in your feed.

2. If you set limitdays, it will show empty months in the dropdown out to the date you set; e.g. if you set it to 365, it will show up to September 2021. (Month view starts its count with the 1st of the current month, not “today”.)

So, give limitdays="365" a try in your shortcode, and let me know if that does not resolve the issue.

It works fine with limitdays=”365″ ?? The DropDown show me the next 12 month. Thank you very much ??

Great, thanks!