Arranging Items in a Responsive Container
For each container in your Mashup, you can specify the following options on the Layout panel:
• Positioning—Sets the container to Responsive or Static positioning.
 |
Layout commands are limited when you use static positioning for a container. For more information about static positioning, see Using Static Positioning.
|
• Orientation—Sets a Vertical or a Horizontal direction for items in the container.
• Align and Distribute—Specifies the position and size of items in the container.
◦ Wrap—Wraps the items across a new row or column, depending on the orientation and the available space.
◦ Stretch—Stretches the items to fill the container vertically or horizontally.
Aligning and Distributing Items
Align items horizontally within the container at the following locations:
|
Command
|
Positioning
|
|---|---|
 |
At the top
|
 |
In the middle
|
 |
At the bottom
|
Align items vertically within the container at the following locations:
|
Command
|
Positioning
|
|---|---|
 |
Left
|
 |
Middle
|
 |
Right
|
Align items horizontally within the container, relative to margins, at the following locations:
|
Command
|
Positioning
|
|---|---|
 |
Left
|
|
Middle
|
 |
Right
|
 |
With equal space between each item
|
 |
At the margins with equal space between each item
|
 |
With equal space before, after, and between each item
|
Vertical
Align items vertically within the container, relative to margins, at the following locations:
|
Command
|
Positioning
|
|---|---|
 |
Top
|
|
Middle
|
 |
Bottom
|
 |
With equal space between each item
|
 |
At the margins with equal space between each item
|
 |
With equal space before, after, and between each item
|
Stretching Items
Use the following commands to stretch items:
|
Command
|
Positioning
|
|---|---|
 |
Stretches the items vertically to fill the container
|
 |
Stretches the items horizontally to fill the container
|