Jens Kuerschner

Hi @circularsquare,

I guess it might be because of the calendar type options. You need to put the single options in quotes. In your case, I would go for something like…

options='\"apple\",\"google\",\"ical\",\"Microsoft365\",\"MicrosoftTeams\"'

This should do the trick.

If you are still experiencing issues, try to add the “debug” attribute. Only with this set, you will see some more detailed logs in the console and where you place the button.

One more remark based on your last code snippet. You do not need to use the shortcode, when you are already on code level. You could also directly use the <add-to-calendar-button /> tag. It would save you maybe some ms and could be a tiny little bit more stable. Completely up to you and also, of course, depends on the rest of your code. Just wanted to point that out.

Looking forward to your feedback, whether your problem got resolved!

Best,
Jens

• This reply was modified 1 year, 1 month ago by Jens Kuerschner.

Do you have any line breaks in it?

The only thing I could think of right now. In doubt, check the HTML view in the editor.

Next step for debugging would be that you have a look at the console to check how the shortcode is transformed into an <add-to-calendar-button /> tag. This would be helpful.

Your code is working on my end.

Are you using the latest version?

Thanks a lot for the nice feedback!!

Thanks a lot!

There were some attributes being skipped due to the latest security update.

Should be fixed with version 1.5.1.

With the latest version 1.4.0, you now also have the option “forceOverlay”. Simply add this to the config.

It is the mentioned “brute force” approach, which can be used, if you are not able or allowed to change the structure of your HTML, which would be the cleaner and more stable approach.

Alternatively, the modal listStyle is also always a good solution ?? .

You missed it. It is included at the link I posted above ??

Then you might want to wait on the brute-force feature.

If you cannot wait, the problem with your page is the following:

The block where the button is put in has the css overflow:hidden defined. This basically cuts all elements off, which flow over the box. If you remove that, the button works fine.

The intended brute-force (if it works out as planned) would also workaround this. But fixing the css on the surrounding elements would be the cleaner approach for you in any way.

Hi @bryanhiggs ,

The latest update (1.3.3) optimizes this behavior.
There might still be cases, where this is not enough – we are working on a “brute-force” option for that too.

Would be cool, if you could test the release to see if it fixes your issue here already. Thanks!

Yes – definitely not ideal. Will optimize this soon. Thanks for the feedback! Really appreciated.

Hi @bryanhiggs,

The problem here is that Microsoft and Yahoo are not supporting recurring events – at least not in the way sharing events via such buttons works. Options for that are simply missing.

That’s why we automatically remove them from the list.

More details about that: https://add-to-calendar-button.com/configuration#recurrence

All the best,
Jens

Hi @stephenlee ,

the latest minor update (1.3.0) resolves this issue by minding cases where other plugins are being a little over-intrusive.

Best, Jens

puhh. This is really hard to tell. You could set the debug option in the config and see if anything pops up.

And/or also check the browser console for any error.

Maybe also uninstall and reinstall the plugin again. It most definitely is some side effect from another plugin, but hard to tell which one. You could also try disabling others one by one to at least find the bad boy.

What is showing up when you open the block search and type “add” or even “add to calendar”?

What is your WP version, plugin version and are you using any theme builder plugin?

Awesome! All the best.