Event List by date below Small Calendar

try to use events calendar under WP Appearance > widgets > events calendar and then see Events > Settings > Formatting > Calendar > Show list on day with single event

Thanks Angelo – I’ve tried this today and the result is a small calendar with no event list under it. Clicking a date takes me to a separate page with the list of events for that day.

What I am looking for is for the event list of the selected day to display directly underneath the small calendar in the sidebar. I would like for the event list to update dynamically as each day is clicked, still showing underneath the small calendar on the same page in the same sidebar.

The only time it should take me to a new page is if I click the link for an individual event.

Is there any way to accomplish that? Thanks!

This could probably be done but it would need quite a bit of custom coding.

In a nutshell, you’d create the calendar using the widget as Angelo described, then use some jQuery code to intercept the clicks stopping the new page loading and instead refreshing the events list under the calendar.

There are probably other ways to do it, but I think that would be the easiest.

So, I almost have this done but for a few details. I ended up modifying templates/calendar-small.php to include a target in the link, then I used the target to send the contents of the event list to an iframe on the same page as the small calendar. It almost works great.

In order that the events list and individual event display in the iframe without the header and footer, I set those pages to a page template which has neither.

The problem is, event lists and individual events can be displayed elsewhere on the site (not in iframes) and then they do need the header and footer.

What I think would be easiest is if I could control the page used to display the event list or individual event programmatically. I could continue to use the default pages indicated in Settings > Pages for display in most places, but for display in an iframe I need to set it to a different page/template.

Can anyone point me in the right direction? Is there a hook that I could put in between the [event-list] tags like the formatting hooks?
Thanks!

using shortcode events_list, you can try something like

[events_list format_header="<table>" format_footer="</table>"]
<tr>
 <td>#_EVENTNAME</td>
</tr>
[/events_list]

Hi HoodSiegal,
Did you managed to add the event list below the small calendar with
angelo’s solution ?

Thanks for your help!
Regards
Francois

I’m sorry to say that I did not get it to work. I stopped working on this solution and did something completely different that did not display the calendar in a sidebar. Better luck to you, Francois.