Option to open a modal when button inside a table is clicked?

[agaitan026]

Hi im new on retool, any option to open a modal when i click Edit button? attached image:

im getting that info from a mysql db, i would like when someone click edit button of a row, it opens a modal with all details and when click Update button, update mysql db.

pd: i know i can create another app and when edit button is clicked open that, but i would like a modal instead so user wont see another app opened

also i know theres a modal option

but its possible to make that text a button like the first one on the left?

thank you

[ScottR]

There is column type modal. But that’s not as customizable as a default mobile. What you can do is have the column set to link.

Add a modal anywhere and set the modal Hidden field to true.

In the table where you have the link you can set the link to open the modal.

Can’t send an example now but will do asap. Maybe someone else can chime in.

I also know that this very discussion has been posted with a solution in this forum. So if you search the forum you should find it

[agaitan026]

and what about changing the Text for a nice looking button?

[ScottR]

I only used a Custom Column as an example, you do not have to do so.

[agaitan026]

Yes got it working I added a jQuery like modal1.open() and works perfect

Thank you

[ChiEn]

Hey all! Coming back to update this topic with the latest way to open a modal when a button inside a table is clicked. The Legacy Modal component is now deprecated, and the current version is called Modal Frame. The new Table component also no longer includes “Modal” as one of the column options, so here is the updated way to set it up!

Here is how you can set it up

1. On your Table component, go to Inspect, select the column you want to turn into a button, and change the format to Button.
   

2. Add an Event Handler for On Click, choose Show modal, and select the Modal Frame you want to open.
   

Let me know if you have any questions. Happy building!