In this tutorial, you'll learn how to dynamically add rows to repeater widgets using the Add Rows action.
Note: If you aren't yet familiar with the repeater widget, you can read about its functionality and uses here: Repeater Widgets
1. Widget Setup
Open a new RP file and open Page 1 on the canvas.
Drag a repeater widget, a text field widget, and a button widget onto the canvas.
Set the button's text to
Add New Row.
2. Add a Row to the Repeater When the Button Is Clicked
Select the button widget and click New Interaction in the Interactions pane.
Select the Click or Tap event in the list that appears, and then select the Add Rows action.
Select the repeater widget in the Target dropdown.
Click the Add Rows button. In the Add Rows to Repeater dialog that appears, click the fx icon to open the Edit Value dialog.
At the bottom of the dialog, click Add Local Variable.
In the third field of the new local variable row, select the text field widget. This local variable will capture the text field's text in the web browser.
In the upper field of the dialog, enter the local variable's name in brackets:
Click OK to close the Edit Value dialog and then click OK again to close the Add Rows to Repeater dialog.
Click OK in the Interactions pane to save the Add Rows action.
3. Preview the Interaction
Preview the page and enter some text in the text field.
Click the Add New Row button to add a new row to the repeater. The new row's rectangle widget should display the text from the text field.