Support

Home Forums Event Espresso Premium Events Calendar pinwheel while loading?

Events Calendar pinwheel while loading?

Posted: December 28, 2020 at 8:34 am


bakerrisk

December 28, 2020 at 8:34 am

Currently the calendar just looks empty while the events are being loaded after a couple seconds, for example loading for March:
https://www.bakerrisk.com/bakerrisk-learning-center/

Is there supposed to be a pinwheel while the calendar is loading?

Is there a way for us to add styling so there’s an overlay or lower transparency for the calendar while events are being loaded?

Thanks for your help.


Tony

  • Support Staff

December 31, 2020 at 4:42 am

Hi there,

Event Espresso usually adds 3 placeholder divs to the start of the loop, something like:

<div id="espresso-notices" style="position: fixed; top: 363.375px; left: 551.5px; margin: 0px;"></div>
<div id="espresso-ajax-loading" style="display: none;">
    <span class="ee-spinner ee-spin"></span><span style="display:none;">
        loading...</span>
</div>
<div id="espresso-ajax-notices">
    ... Additional Child elements
</div>

espresso-ajax-loading holds a spinner which is shown when EE is running ajax request (like with the calendar) but on the page you’ve linked to those aren’t loaded.

If I manually add those into the page and then switch months on the calendar you can see the spinner loads here:

https://monosnap.com/file/R4QhuENskxilKJhDhG2jPYcgbib5c5

Is that just a standard page build using Beaver builder?


bakerrisk

December 31, 2020 at 11:07 am

Thanks for checking on this.

That is a standard page built using Beaver Builder. The calendar shortcode is in a text module.

I tested the calendar shortcode using the standard WP editor and the DIVs are inserted and the gear is appearing. But when I switch to use the Beaver Builder editor the DIVs are not inserted.

Could there be a compatibility issue with Beaver Builder?


Tony

  • Support Staff

January 4, 2021 at 8:30 am

Are you using the EE Beaver Builder add-on? (HERE)

If so, it’s likely from this function:

https://github.com/eventespresso/eea-beaver-builder/blob/master/eea-beaver-builder.php#L101-L108

If I recall correctly, beaver builder changed how they saved modules and that can actually be removed now but we left it in to prevent users with older version of EE/BB conflicting.

Try commenting out line 107 by adding // to the beginning so its like this:

//add_action('wp', 'ee_bb_suppress_notices', 1);

Does it work then?


bakerrisk

January 4, 2021 at 3:15 pm

Yes, the website is using the EE Beaver Builder add-on.

We commented the line 107 and the DIVS/gear spinner is now appearing.

Thanks for your help with this.


Tony

  • Support Staff

January 4, 2021 at 3:30 pm

You’re most welcome.

The support post ‘Events Calendar pinwheel while loading?’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Tony 3 weeks ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!