Article

Wrapping Text Around a Component

Define the layout of a text component to wrap around another component.

Overview

You can wrap the text of one body component around another component by using the targetAnchorPosition property of the Anchor object. For example, you can wrap body text around a pull quote. You can include an Anchor object in a text component to vertically align that component to the position of a text character in a body component. If they also share columns, these components would then overlap. In the case of overlap, the text would automatically wrap around the component that contains the Anchor object.

Consider the following figure:

  • The article has a 7-column layout.

  • A body component starts in column 0 and spans 5 columns.

  • A pullquote component starts in column 4 and spans 3 columns.

  • A pullquote component contains an Anchor object that aligns the pull quote with a character range in the second paragraph of the body component.

See Also

Article Layout

Planning the Layout for Your Article

Define a layout that supports the look you want for your article.

Positioning the Content in Your Article

Align article components with columns in your layout.

object Layout

The object for defining columns, gutters, and margins for your article’s designed width.

object ComponentLayout

The object for defining the positioning for a specific component within the article’s column system.

object Anchor

The object for anchoring one component to another component in your article’s layout.

object Margin

The object for defining the space above and below a component.

object ContentInset

The object for defining the space around the component content on one or more sides.

Deprecated
object AdvertisingLayout

The object for defining the margin above and below advertising components.

Deprecated
object AutoPlacementLayout

The object for defining the margin above and below advertising components.