Upgrading to VDL version 4.6

Element Embedding

The top row specifies the Target elements (on the artboard)—the vertical axis specifies the component that is being dragged from the Palette.

VDL Element embedding rules

Item	Description
	Dragged Element can be added to the specified Parent (Target) Destination
	Element is a required Ancestor and requires specific Parent(Target) Destination
	Unavailable combination

Stacking Rules

The View Designer shows a symbolic layout that is not totally representative of the browser output. The way elements are displayed in the browser can be controlled using the Layout components.

The grid of an Insight view is made up of Sections, Rows, and Columns. Sections provide the high-level structure and are further refined by Rows. Elements are usually placed only in Columns, and Columns are the only child elements that can be added to Rows.

Items dropped onto a Section or Column Layout item that has been placed on the artboard are displayed in sequence vertically, or 'stacked'.

The Container element is the only layout component that displays items horizontally adjacent—Elements dropped onto a Container Layout element are displayed side by side.

Both these behaviors can be seen here.

Stacking shown in the View Designer and Browser Output

To align components horizontally in a Column, add a Container Layout component as a Parent to the component you wish to add— For example, to display two text items adjacent to each other, you must now place them both in a Container Layout component.