# Calendar Click for Expanded Details

**URL:** <https://community.weweb.io/t/calendar-click-for-expanded-details/19369>\
**Category:** Ask us anything\
**Created:** [July 23, 2025, 2:57pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369 "2025-07-23T14:57:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ccoombe](https://avatars.discourse-cdn.com/v4/letter/c/b3f665/32.png) [@ccoombe](https://community.weweb.io/u/ccoombe)\
**Post date:** [July 23, 2025, 2:57pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369/1 "2025-07-23T14:57:10Z")

</div>

Hello I have a calendar in WeWeb and I have data that is binded to the content field:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8e3768ee8586bf05bd8a1f64a7125c693a6bc0e8.png)

But a user is unable to click on a calendar event and see the content field or any expanded details regarding the event.

Am I missing something?

Trying to identify how a user can click on events on the calendar to see more information about the event

---

<div class="post-metadata">

**Author:** ![Bruno](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/bruno/32/14495_2.png) [@Bruno](https://community.weweb.io/u/Bruno)\
**Post date:** [July 23, 2025, 3:43pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369/2 "2025-07-23T15:43:46Z")

</div>

Hi Ccoombe,

Hope you’re doing great.

In this case, the calendar component only brings in the events and the visual representation you’re currently seeing. For displaying event details, you’d need to either build a custom visual component that renders on click, or use the new pop-up tool to show a detailed view when a user interacts with an event.

Here’s how you can do it:

- **Click** on the calendar component.
- **Add** a workflow from the top by choosing the trigger type set to _on click event_.
- **Configure** the workflow to respond when a user clicks on a specific event.
- **Open** a pop-up or custom component within that workflow.
- **Pass** the clicked event/item as an object parameter to the pop-up or component.
- **Bind** the event object to your visual component to display its details.

Hope this helps.

Best,  
Bruno

---

<div class="post-metadata">

**Author:** ![ccoombe](https://avatars.discourse-cdn.com/v4/letter/c/b3f665/32.png) [@ccoombe](https://community.weweb.io/u/ccoombe)\
**Post date:** [July 26, 2025, 4:16pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369/3 "2025-07-26T16:16:43Z")

</div>

Apprecaite your help!!

---

<div class="post-metadata">

**Author:** ![yma](https://avatars.discourse-cdn.com/v4/letter/y/db5fbb/32.png) [@yma](https://community.weweb.io/u/yma)\
**Post date:** [July 26, 2025, 7:56pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369/4 "2025-07-26T19:56:36Z")

</div>

I wish if we can hover event as well this will be perfect so we can popup an window small one while hover on the event it self

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/b/bee40a614c5b74fbef4e7bb6f73d022e2b8203e3.png) [@system](https://community.weweb.io/u/system)\
**Post date:** [July 27, 2025, 7:56pm UTC](https://community.weweb.io/t/calendar-click-for-expanded-details/19369/5 "2025-07-27T19:56:46Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.