After you create a XUI file as the user interface, you can create the appearance of a user interface by adding containers and widgets.
Procedure
1 In the Project Explorer pane, double-click the XUI file that you want to edit.
It opens in the XUI editor.
2 Click the container you want from the Palette and then click the position where to locate it in the Editing area. You can drag and drop it to the desired position. If you want to add multiple instances of this type, press and hold the Ctrl key.
Each XUI file must contain only one root container. The root container can contain other containers as sub-containers.
For more information on the containers that are provided by UDTT, see Containers Description.
3 Click the widget you want from the Palette and then click the position where to locate it in the Editing area. You can drag and drop it to the desired position. If you want to add multiple instances of this type, press and hold the Ctrl key.
For more information on the widgets that are provided by UDTT, see Widget descriptions.
4 Optional: To delete a widget or a container element, right-click the element in the Editing area, and then click Delete. To delete more than one widget or container element at the same time, press Shift and then select the elements that you want to delete. Right-click the selected elements, and then click Delete.
After you delete a widget, the cell that contained the widget becomes empty, and the empty cell is then called a placeholder. Placeholders are displayed in the Outline view. If you want to delete a placeholder, right-click the placeholder in the XUI editor area, and then click Delete.
5 If you want to navigate the element in the Editing area through keyboard, use the Arrow key. The element would be selected as if it is clicked on by the mouse, instead of focused as if it is hovered over by the mouse. Press Ctrl+Shift+Spacebar or Ctrl+Spacebar to switch between the two status.
