More About Margins and Alignment

Margins and alignment determine the positioning of a Composite Genie. They can be use in conjunction to set the More About Layouts of Composite Genies.

Margins

Margins may be specified for a container or a content item within a container. Margins can be used to set the distance between an object and its child, and determine the positioning of an object relative to its parent. Margins are specified as a set of four numbers separated by a comma. For example, 2, 0,1,3. Here 2 is the Left margin, 0 is the Top margin, 1 is the right margin and 3 is the bottom margin. The values for margins may be the same or different depending upon your requirements. Margins are specified in pixels.

Margins are applied to the container as a whole, and/or to each individual item. For example, a container margin of 2 pixels for the left, top, right and bottom can be defined with:

This will apply a 2-pixel margin to the group of items within the container.

Margins can be applied to an item within the container as follows:

This will apply a 2-pixel margin on all sides of the object that has the ItemID 1.

Alignment

HorizontalAlignment

The HorizontalAlignment attribute sets the alignment that will be applied to child objects. It can set to:

• Left - Child objects are aligned to the left of the parent object's allocated space.

• Center - Child objects are aligned to the center of the parent object's allocated space.

• Right - Child objects are aligned to the right of the parent object's allocated space.

  

VerticalAlignment

The VerticalAlignment attribute sets the alignment that will be applied to child objects. It can be set to:

• Top - Child objects are aligned to the top of the parent object's allocated space.

• Center - Child objects are aligned to the center of the parent object's allocated space.

• Bottom - Child objects are aligned to the bottom of the parent object's allocated space.

  

See Also

More About Layouts