Sitecore Presentation Layer

Flex page data is based on a large JSON object that contains the information necessary to render a page and all of its objects.

When saving to Sitecore, this data is translated to a Sitecore data format using a combination of renderings, datasources and presentation layout details in order to support personalization.

Objects that turn into renderings have to be direct children of the following Flex objects:

• The page/template itself
• flex-placeholder
• flex-layout

The objects will be turned into an "Organism" rendering in Sitecore, with a datasource value that points to the actual data.

This is especially important when using hybrid components such as Sitecore-Breadcrumbs, which only works if it's a child of the above objects, because it needs to be turned into a rendering on the Sitecore side.