Greetings! I'm planning to display calendar of events by 3s. I mean I have 3 divs that has sliding effects compose of 3 events. So far this is what I've done.
<div class="swiper-wrapper">
<div class="swiper-slide">
[[!mxcalendar?
&displayType=`list`
&isLocked=`true`
&resourceId=`37`
&eventListlimit=`3`
&elStartDate=`now`
&dir=`ASC`
&tplListItem=`restplListItem`
&resourceId=`22`
]]
</div>
<div class="swiper-slide">
<div class="content-slide">
[[!mxcalendar?
&displayType=`list`
&isLocked=`true`
&resourceId=`37`
&eventListlimit=`3`
&elStartDate=`+1days`
&dir=`ASC`
&tplListItem=`restplListItem`
&resourceId=`22`
]]
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
[[!mxcalendar?
&displayType=`list`
&isLocked=`true`
&resourceId=`37`
&eventListlimit=`3`
&elStartDate=`+2days`
&dir=`ASC`
&tplListItem=`restplListItem`
&resourceId=`22`
&activeMonthOnlyEvents = `FALSE`
]]
</div>
</div>
The problem is, the start of the div events is the last event displayed in the previous div.
Any help is greatly appreciated.
