Commands Page - Command Lists

## Command Lists

This section allows you to add, rename, delete and remove command components for UI Designer projects.

Figure 1 - The "Command Lists" section

#### Using the Command List Section

- Tree Elements:

  - Elements column: Shows the kind of component on the Tree - commandList, command, anonymousGroup, namedGroup

  - Command ID column: For those command components, this column will show its command ID when assigned.

- New List Button: The system creates a new "Command List" and adds it to the UI Design's Model
- New Command Button: The system creates a new "Command" and adds it to the UI Design's Model
- New Group (Named) Button: The system creates a new "namedGroup" and adds it to the UI Design's Model
- New Group (Anonymous) Button: The system creates a new "anonymousGroup" Command List and adds it to the UI Design's Model
- Edit Image Button: The system triggers the execution of the Image Property Editor. If the user clicks the OK Button, the System updates the icon property of the selected Command or Command Group with the information that the user input in the Image Property Editor.
- Remove Button: The system opens a new window to ask for a confirmation to delete the selected item on left pane. If the Developer clicks the OK button, the System deletes the selected element instance along with its children. If the Developer clicks the Cancel button, the main flow is triggered (without deleting anything from the model).
- Duplicate Button: This button allows you to change the drag and drop function in the tree from move to copy.

Usually, if you select any component from the Tree, and use drag and drop, the selected component will be moved from one place to another (when possible) on the Tree, as in Figure 2.

Figure 2 - Using "Drag and Drop" to move components

But, if the user presses the "Duplicate" button and selects a command, namedGroup or anonymousGroup component from the Tree, and then uses drag and drop, the selected component will be copied from one place to another (when possible) on the Tree, as in Figure 3. The "Duplicate" button will be set as pressed until clicked a second time.

Figure 3 - Using "Drag and Drop" to copy components

##### Related references

- Commands Page
- Command Lists
- Command Details
- Command IDs
- UI Configurations