General Interface is an open source project hosted by the Dojo Foundation

Moving Components

There are two ways to move components that you've added to your project:

  • In the work area
  • In the Component Hierarchy palette

Moving Components in the Work Area

Use the work area when you want to reposition an absolutely positioned component within the parent container. Relatively positioned components can't be moved.

To move an absolutely positioned component, follow these steps:

  1. Enable the Show/Hide Focus Rectangle button on the Component Hierarchy palette toolbar to turn on the bounding box for selected components.
    If the bounding box is blue, the component is absolutely positioned and can be moved. If the bounding box is orange, it's relatively positioned and can't be moved.
  2. Use Ctrl+click to select the absolutely positioned component you want to move.
  3. Hover the mouse over the center handle of the focus rectangle until the cursor changes to the Move icon .
  4. Click and drag the component to a new position within the parent container.

To move groups of absolutely positioned components in the work area, complete these steps:

  1. Enable the Show/Hide Focus Rectangle button on the Component Hierarchy palette toolbar to turn on the bounding box for selected components.
  2. Select components in the Component Hierarchy palette using Ctrl+click or Shift+click.
  3. Hover the mouse over the center handle of the group focus rectangle until the cursor changes to the Move icon .
  4. Click and drag the group of components to a new position within the parent container.

You can also change the position of a component by editing object properties in the Properties Editor palette. See Modifying Properties.

To change a relatively positioned component to absolute, do the following:

  1. Use Ctrl+click to select the component in the work area.
  2. In the Properties Editor palette, choose Absolute for the Relative XY property.

Moving Components in the Component Hierarchy Palette

Use the Component Hierarchy palette to move components to another container in the application. For example, you might want to move components from one pane to another.

There are two ways to move components in the Component Hierarchy palette:

  • Select a component or multiple components in the Component Hierarchy palette and drag to another location in the tree.
  • Drag and drop a component or multiple components from the Component Hierarchy palette into the work area.

Contents

Searching General Interface Docs

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.