I'm trying to find a widget or particular UI flow that will allow a display of two fields of data to become editable upon clicking an edit button.

Solution

Hi Jaret,

If am getting issue correctly then you want to make two input field editable on click of one button. If this is the case you can bind enabled property of both input fields to one boolean variable. Then onClick of button change the value of boolean variable to true and refresh the UI. So both Input fields will be editable.

Let me know if it fix your issue or not.

Thanks.

Solution

Hi Jaret,

Such a widget is not available. But as Vikas already explained is easy to achieve by composing two input widgets and a button.

If you are building a reactive web app the explanation of Vikas is correct. For a traditional web app you well have to place the 2 input widgets in a named container and in the onclick event handler of the button do an Ajax refresh of the container.

Regards,

Daniel