Passing event handlers to custom components?

App Building
1

Hi there,

Context:
I want to create a planning tool such as this screenshot:

image
image1272×884 159 KB

Retool doesn't have this kind of component, so I plan on building a custom component using an external library.

Problem:
I would like to open a drawer with extra info when the user clicks an event inside of the schedule. I can't figure out how to do that. From what I understand, only queries can be passed to custom components?
How could I pass a different event handler to my custom component (e.g. drawerFrame.show)? Or am I seeing this the wrong way?

2

Hi @laugri

Thanks for reaching out!

You should be able to trigger a query that un-hides a drawer:

image
image1000×762 32.2 KB

:slight_smile: Generally, any event handler can also be triggered from a JS query.

Also, I believe we do have a timeline component on the roadmap. I'm not sure if it will exactly meet your needs, but I'll post here when it ships so that you can check it out

4

Hi there :wave: For folks following along, we now have a Timeline component.

1 Like