Changing the position and size of an object

Objects can moved by selecting them in the work-area and moving them using the mouse. However, you can directly set the position and size of an object from within its properties.

For responsive projects, the color of the labels for the settings that you can override on the Position & Size ribbon indicates the device in which an override was placed. For more information about developing responsive projects and setting overrides, see Working with responsive content.

To specify the position and size of an object:

  1. Do one of the following to display the Position & Size ribbon:

    To select multiple objects, click the first object, then press and hold the Ctrl key while you click the other objects.

  2. Click the Position & Size ribbon.
  3. Specify the following information. All measurements are based on pixels.

  4. Lock/Unlock Specify whether to lock or unlock the object's position and size. To lock the position and size so that the object cannot be changed, click the graphic to display the locked lock () graphic in the Position & Size group. This disables the other position and size controls and a red outline is placed around the object. To unlock the position and size so that the object can be changed, click the graphic to display the unlocked lock () graphic in the Position & Size group. This enables the other position and size controls.

    X Coordinate

    Specify the horizontal distance of the object relative to the top-left corner of the page. To do so, updated the number of pixels specified in the X Coordinate field in the Position group.

    Y Coordinate

    Specify the vertical distance of the object relative to the top-left corner of the page. To do so, update the number of pixels specified in the Y Coordinate field in the Position field.

    Offset from Right

    Specify whether to change the reference point (from the right) from which the object is placed. To do so, enable the Offset from Right check box in the Position group.

    Offset from Bottom

    Specify whether to change the reference point (from the bottom) from which the object is placed. To do so, enable the Offset from Bottom check box in the Position group.

    Anchor Position

    Specify whether the object will maintain its location on the page within the view, even when the view is scrolled. If this check box is selected, an object at the top - navigation buttons, a menu, or a table of contents, for example - would stay at the top of the screen even when users scroll the page up and down. The anchor graphic is displayed adjacent to anchored objects when they are selected in the work area.

    When Anchor Position is selected, Always on Top is selected and disabled. Anchored objects will always be on top of all other objects, regardless of where they are ordered in the Project Explorer. (This includes being treated as on top of other objects marked as "Always on Top".) For details about the Always on Top setting, see Placing an object on the top layer.

      To anchor objects to the bottom of the page, Offset from Bottom must be selected for those objects.
      Anchor Position is only maintained on mobile devices in full view. It is not maintained when the view is pinched or zoomed.

    Width

    Specify the width of the object. To do so, update the number of pixels in the Width field in the Size group.

    Height

    Specify the height of the object. To do so, update the number of pixels in the Height field in the Size group.

    Maintain Ratio

    Specify whether to maintain an object's native size ratio . If the aspect ratio is maintained (locked), and you alter the width of the object, the height will automatically be adjusted to maintain the object's original size ratio. The same is true of the object's width if you alter the height. If the aspect ratio is unlocked, you can alter the width and height independently. To lock the aspect ratio of the object, click the graphic to display the locked () graphic in the Maintain Ratio graphic. To unlock the aspect ratio of the object, click the graphic to display the unlocked () graphic in the Maintain Ratio graphic.

    Reset to Original Specify whether to reset the object to it's original size. The original width and height in pixels are displayed. To reset the object, click the Reset to Original field.

You can also specify the position of your object directly from the status bar.

See also:

Using the status bar
Moving and resizing objects
Aligning and positioning objects

Knowledge Base | Training | Support
© Copyright ELB Learning 2023