[Plugin: All-in-One Event Calendar] short code – calendar showing up at the bottom of the page

This is happening to me, too. It appears below the content that I had typed below the shortcode and I’m not sure how to fix it.

Here’s a link so you can see what I mean:

https://www.bluecanaryworks.com/test/lhsl/?page_id=16

I typed “Some more content after the calendar” beneath the [ai1ec] shortcode, but you can see it appears above the calendar. The social buttons and “Share and Enjoy” are from a plugin called WP Socializer that places them below all the content, but they appear above the calendar too. (They appear in the proper location on the other pages.)

I’m not sure how to fix it. Any help would be really appreciated. ?? Thanks!

This is also happening to me – any help appreciated!

This is due to how the calendar is rendered with javascript – I will log a ticket for exploring ways to improve this

Im struggeling with the same problem, would be a life saver if there is a fix for this

I’ve come up with the following workaround until there’s a proper fix. I basically add two dummy divs and use javascript to move the calendar html to where I want it:

Where I want the calendar I have:

<div id="mycaltoolbar"></div><div id="mycal"></div>[ai1ec view="agenda" cat_id="1"]

and then at the bottom of the page I have:

<script>
window.onload=function() {
// Move toolbar
findElementByClassName( 'ai1ec-calendar-toolbar', document.body )
d2=document.getElementById("mycaltoolbar")
d2.innerHTML=d1.innerHTML
d1.innerHTML=""
// Move calendar
d1=document.getElementById("ai1ec-calendar-view-container")
d2=document.getElementById("mycal")
d2.innerHTML=d1.innerHTML
d1.innerHTML=""
function findElementByClassName( className, obj ) {
    if ( obj.className == className) d1=obj;
    for ( var i = 0; i < obj.childNodes.length; i++ ) findElementByClassName( className, obj.childNodes[i] );
}
}
</script>

so after the page has loaded it cut&pastes the calendar html up to where I want it. I’ve tested it here on the site I’m developing: https://candssg.ismysite.co.uk/monday_beavers/

Thanks, Martin.

Has anyone got a fox for this yet? I tried the JS trick above but it did not work for me.

Thanks

This is on our roadmap for fixing, but unfortunately this will not be addressed in the upcoming 1.8 release. We are looking at having this addressed for one of the releases after that. Sorry for the inconvenience in the interim.

Thanks for the reply. Does anyone know of a work-around? The one above does not work for me. Is there something in the theme I can change?

What shortcode are you using? If you can post a link to your page I’ll take a look and see if there’s anything obvious stopping my workaround from working for you