Embedding in IFrame

[Harsha]

Hi Team,

We're running Prodigy within an iframe in a React project, and we have a specific need to filter annotations based on selected items outside of the iframe within our application. Could you guide us on how to achieve this?

Also, we're looking to understand the process of passing data from a React component to the iframe and retrieving data from the iframe back into the React component.

Thanks.

[ryanwesslen]

hi @Harsha,

Your question sounds a lot like this post:

Is there a way to embed the prodigy annotation page to another webpage?

Hi! Your use case sounds pretty similar to the one described in this thread: You could set up a small REST API (e.g. using FastAPI) and post a request to it when the user submits their selected options in the very left sidebar. On the server, you can then call prodigy.serve to start a Prodigy session with the given arguments (data source etc.). If the request succeeds and the server has started, your dashboard can then load the Prodigy web app in the iframe.

Does this help?