Scroll and Push Content

The properties of dynamic panels include vertical and horizontal scroll bars. When active, they are automatically updated each time you insert content in its layer. For example, if you drag a rectangle component inside the panel but part of it remains outside the area of the panel, they will be activated automatically. This option is very useful for making data tables show multiple lines but without paginating them.

Push Content

This is the second option. Observe the Layout properties of a dynamic panel: if you activate the vertical distribution, the elements added to this panel are displayed as a column, one below the other. If an item is not displayed, the next ones take their place.

Place a Dynamic Panel component in the canvas.
Re-size to take up most of the available space.
Create a Data Master and drag a data table inside the dynamic panel.
Move another dynamic panel inside the first one so that it is below the data table.
Add any screen component (text, for example) in the second panel.
Add a button in a row of the data table and click Create Interaction (in the Event tab).
Select the Delete Data Master action and drag the row to the deletion expression.
Open the Data Master and enter a few more instances.
Click Simulate.

Delete the row in the data table by clicking the button you created. The text below it then takes up the new empty space. Apply the same concept to the Show / Hide events or to panels with layers of different sizes.

Back to all Tutorials