You are here: User interface > Creating the User Experience > About the Live UI tool > Edit dynamic layouts with Live UI

Edit dynamic layouts with Live UI

Using Live UI, you edit the contents of a dynamic layout and the order within a dynamic layout. Live UI allows you to add or delete elements using a contextual menu that displays when you click the See available actions icon in the name tab of the dynamic layout. Elements can be moved within the dynamic layout by clicking and dragging.

Before you can edit elements using Live UI, enable runtime editing and branching in your application.

Add an element inside a dynamic layout

  1. Select the dynamic layout into which you want to add an element
  2. Click the See available actions icon to open the edit sub-menu.
  3. Under the Add element... heading, click inside. The menu of available elements opens.
  4. Select the element you want to add in the dynamic layout.

Move an element within a dynamic layout

Elements may be moved within a dynamic layout by clicking and dragging within the hierarchy. When an element is moved to a location where it can be dropped , the red x becomes a green check mark.

Moving between dynamic layouts is done the same way. Click and drag the element from one dynamic layout and place it on the name tab of the destination dynamic layout. The green check mark displays and the element can be dropped into the dynamic layout.

Delete an element from a dynamic layout

Click the See available actions icon to open the edit sub-menu. Select Delete from the menu. To undo a delete, you need to add the deleted element again.