This section allows you to add, rename, delete and remove
command components for UI Designer projects.
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