Arrange images and hotspots
After you have placed the images and hotspots that you want on the artboard in the Compose workspace, you can manipulate them by aligning them, or by distributing them horizontally or vertically. Deep Zoom Composer provides an option to arrange your images and hotspots automatically into a grid layout, and provides additional options for other kinds of arrangements.
To arrange images and hotspots automatically in a grid
In the Compose workspace, in the Images panel, select the images and hotspots that you want to arrange into a grid. To select multiple images and hotspots, hold CTRL and click the images and hotspots that you want, or hold SHIFT and click a range of images and hotspots.
Right-click any selected image or hotspot, and click Arrange into Grid.
In the Arrange into Grid dialog box, determine the maximum number or rows or columns your grid will have by doing the following:
Choose Rows or Columns in the Constrain by drop-down box.
Choose a number or rows or columns in the Number of rows or Number of columns box.
Add any padding (in pixels) that you want around each image or hotspot in the grid.
If you want to preview the grid of images and hotspots before finalizing your arrangement, click Apply.
Click OK to return to your composition.
Note
You can also arrange images and hotspots that are already on the artboard into a grid by right-clicking any selected image or hotspot, pointing to Arrange, and then clicking Arrange into Grid. When you use the Arrange into Grid feature, all selected images and hotspots will be resized to a uniform size.
To create other arrangements of images and hotspots
On the artboard, select at least two images or hotspots, and then do one of the following:
Align left edges Click Align Left
.png "Dd409079.1e3c2891-633d-4162-a3bd-d5ac53046b56(en-us,Expression.10).png")
on the toolbar.Align horizontal centers Click Align Center
.png "Dd409079.02978741-8e12-476d-afa7-165b613ea515(en-us,Expression.10).png")
on the toolbar.Align right edges Click Align Right
.png "Dd409079.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(en-us,Expression.10).png")
on the toolbar.Align top edges Click Align Top
.png "Dd409079.737a11a8-b9d6-4270-8432-f17bb11a1337(en-us,Expression.10).png")
on the toolbar.Align vertical centers Click Align Middle
.png "Dd409079.5d244079-53d6-4188-ac2b-3a31054a2cd7(en-us,Expression.10).png")
on the toolbar.Align bottom edges Click Align Bottom
.png "Dd409079.7c84b219-479d-45e7-b2fc-2df1b5e35129(en-us,Expression.10).png")
on the toolbar.Distribute horizontally Click Distribute Horizontally
.png "Dd409079.c0cbdbda-b095-4f0d-87d2-6cae8e00f9e4(en-us,Expression.10).png")
on the toolbar.Distribute vertically Click Distribute Vertically
.png "Dd409079.1b09f0ce-0b1d-4a84-9a2c-426cb4cee0e1(en-us,Expression.10).png")
on the toolbar.
See also
Tasks
Change the order of layers in a composition
Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.