Remove components from a script page

Check what you select before deleting so that you do not delete items unintentionally.

1. Select a component. To remove multiple components, select the parent container of the components.

2. Check your selection to make sure it applies solely to the items that you intend to delete. To do so, view the indicator in breadcrumbs where the currently selected component is identified by name. In the example below, only the Submit button is selected. Note that the breadcrumb identifies the selection as a button and that its parent container is a horizontal stack container:

   

   If a parent container is selected instead, the indicator displays “Horizontal Stack Container.” In this example, everything inside that container is selected for deletion.

   

3. To delete the selection, click the Delete Component icon in the component properties.

   

   If the component is a container, all components that it contains are also deleted.

   Tip: Do not press the Delete key. Click the Delete Component icon instead. Modern browsers, such as Chrome, interpret delete as a shortcut to go to the previous page in the browsing history for the tab. That effectively closes the script editor, losing any edits you have not saved.

   Undo and Redo

   If you change your mind, click Undo to restore the deleted component.

   

   You can undo component-level changes such as adding, moving, or removing a component. You cannot undo property-specific changes such as the color of a component, its position, and so on. Redo performs the inverse of undo. It restores component-level changes, but not property-level changes.