The site is still on localhost in development so I cannot give you a url. I will try to make a screen capture but I will have to find out how to do that.
I made a calendar as your demo with on the left side a list of upcoming events. To try out the calendar a put in a repeating event (a birthday) and a few non repeating ones. Before the problem occurred with the repeating event, as described in this thread, I could see the two non-repeating events in the list, but not the repeating one. After I solved the problem, the two non-repeating did not show, only the repeating one for the next five years.
The other problem is that when using ajaxresource I only see the calendar and not the rest of the site's template. I did put the javascript:
<script src="[[++site_url]]assets/components/mxcalendars/js/web/mxc-calendar.js"></script>
in the footer template where the other scripts are. Then ajaxresource functioned as it should, but this gave a lot of trouble with for instance gallery, so I took it out again.
My calendar chunk:
<div style="float: left; width: 28%; padding-right: 2%;">
[[!mxcalendar?&displayType=`list`&isLocked=`true`]]</div>
<div style="float: left; width: 70%; clear: right;">
[[!mxcalendar?&displayType=`calendar`&ajaxResourceId=`32`&modalView=`true`]]</div>
and the ajax resource here I use no template
<p>[[!mxcalendar?&displayType=`calendar`&ajaxResourceId=`32`&modalView=`true`]]</p>
Two different problems but for me maybe the quickest way.
Thank you for your help.
Ad.