# Display all events without Load More button

**URL:** <https://community.elfsight.com/t/display-all-events-without-load-more-button/8778>\
**Category:** Event Calendar\
**Tags:** Released\
**Created:** [November 24, 2022, 3:37pm UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778 "2022-11-24T15:37:51Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![user1298](https://avatars.discourse-cdn.com/v4/letter/u/f17d59/32.png) [@user1298](https://community.elfsight.com/u/user1298)\
**Post date:** [November 24, 2022, 3:37pm UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/1 "2022-11-24T15:37:51Z")

</div>

Dear @Helga,

Thank you for your unlimited support!

I would like to show all events instead of pressing “load more” button.

Kindly consider this an urgent request with thanks.

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [November 25, 2022, 9:06am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/2 "2022-11-25T09:06:46Z")

</div>

@user1298 that’s a great suggestion, thank you!

At the moment, I can offer you two options, perhaps one of them will work for you 🙂

1. You could change your widget layout to Grid and have your events displayed without Load More button.

2. There is an option to hide the Load More button and automatically pull all the events when you have scrolled to them. If you’d love to try this option out, please add the following script to any place on the page with the Event Calendar widget:

```auto
<script>
    (() => {
        const start = Date.now();

        const inViewport = (elem) => {
            const bb = elem.getBoundingClientRect();
            return !(bb.top > window.innerHeight || bb.bottom < 0);
        };

        const clickWhenInViewport = (elem) => {
            if (inViewport(elem)) elem.click();
        };

        const rafAsync = () => new Promise(resolve => requestAnimationFrame(resolve));

        const getElement = selector => document.querySelector(selector);

        const checkElement = (selector) => {
            const elem = getElement(selector);

            if (!elem) {
                if (Date.now() - start > 15000) return Promise.reject();

                return rafAsync().then(() => checkElement(selector));
            } else {
                return Promise.resolve(elem);
            }
        };

        const addAutoClickOnLoadMore = () => {
            const selector = '.eapp-events-calendar-load-more-button-component';

            checkElement(selector).then((elem) => {
                    clickWhenInViewport(elem);

                    const handler = () => {
                        const actualElem = getElement(selector);

                        if (actualElem) {
                            clickWhenInViewport(actualElem);
                        } else {
                            document.removeEventListener('scroll', handler);
                            window.removeEventListener('resize', handler);
                        }
                    };

                    document.addEventListener('scroll', handler);
                    window.addEventListener('resize', handler);
                },
                () => {
                }
            );
        };

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', addAutoClickOnLoadMore);
        } else {
            addAutoClickOnLoadMore();
        }
    })();
</script>

```

  

Please let me know if any of the solutions worked 🙂

---

<div class="post-metadata">

**Author:** ![user1298](https://avatars.discourse-cdn.com/v4/letter/u/f17d59/32.png) [@user1298](https://community.elfsight.com/u/user1298)\
**Post date:** [November 29, 2022, 10:05am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/3 "2022-11-29T10:05:19Z")

</div>

Many thanks, @Helga!

Option #2 works well for me and as always your assist much appreciated.

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [November 29, 2022, 10:10am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/4 "2022-11-29T10:10:46Z")

</div>

It’s awesome that my solution worked, thanks for the update, @user1298!

And I’m always happy to help 😍

---

<div class="post-metadata">

**Author:** ![Siena\_Muscianisi](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/siena_muscianisi/32/10703_2.png) [@Siena\_Muscianisi](https://community.elfsight.com/u/Siena_Muscianisi)\
**Post date:** [December 19, 2023, 7:09pm UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/5 "2023-12-19T19:09:57Z")

</div>

I don’t want people to have to keep pressing the button to see all the events.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 19, 2023, 7:27pm UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/6 "2023-12-19T19:27:04Z")

</div>

Hi @Siena_Muscianisi and welcome to the Community 👋

Unfortunately, we don’t have such an option in the configurator. However, as Helga suggested above, there are 2 workarounds:

1. Change your widget layout to Grid and have your events displayed without Load More button.
2. Add a custom script to any place of your page

I see that you’ve tried to add this script to the Custom CSS field in the configurator, but not to your webpage. Please add this script to any place of your page (for example, right after the widget installation code) and let me know if it worked for you 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 9, 2024, 7:08am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/7 "2024-02-09T07:08:32Z")

</div>

A post was merged into an existing topic: [Load More Events button](https://community.elfsight.com/t/load-more-events-button/6445/6)

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [March 11, 2025, 9:54am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/11 "2025-03-11T09:54:06Z")

</div>

Friends, great news: this feature request is in the Design stage now!

We’ll keep you updated on the progress 🙂

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [July 7, 2025, 9:10am UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/12 "2025-07-07T09:10:17Z")

</div>

Update: the feature is in Development now! 🎉

No specific ETAs, I’m afraid, but it’s definitely in the works 😊

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [July 10, 2025, 3:03pm UTC](https://community.elfsight.com/t/display-all-events-without-load-more-button/8778/13 "2025-07-10T15:03:33Z")

</div>

Hey everyone!

I am happy to announce that this feature has been finally released 🎉

We’ve introduced the pagination feature, which lets you display the needed number of events per page (without a Load More button):

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/e/ae92295ef09076752019a82d1f8bd6c6a0d2012c.png)

Check this post for more details - [Event Calendar: [MAJOR UPDATE] Enjoy optimized event browsing with new Pagination feature and more! 🔥](https://community.elfsight.com/t/event-calendar-major-update-enjoy-optimized-event-browsing-with-new-pagination-feature-and-more/130609)