Vue SPA Framework - Markup Components - ContentPlaceholder - Configuration

This section describes configuration options used to create a content placeholder.

animation

Specifies the animation preset used when the placeholder's content is being changed.

Type:

String

Default Value: 'slide'

A layout markup may contain several content placeholders. If you need to show the contents of all of them at once with a particular animation, you do not need to set the animation option for each of the placeholders. You should wrap the placeholders by an element with the data-options attribute set to dxTransition instead and specify its animation option.

contentCssPosition

Specifies a CSS position value for placeholder content.

Type:

String

Default Value: 'absolute'
Accepted Values: 'absolute' | 'static'

If the content that will be rendered to this placeholder has static positioning (its css position property is set to 'static'), set this option to 'static' as well, so that the placeholder css styles are set up accordingly.

name

Specifies the content placeholder name.

Type:

String

Default Value: null

The value of this option should be assigned to the targetPlaceholder option of the dxContent component that defines the markup to be merged to this content placeholder.

transition Deprecated

Use the animation property instead.

Specifies the type of animation used when placeholder content is being changed.

Type:

String

Default Value: undefined
Accepted Values: 'none' | 'slide' | 'fade' | 'overflow'