---
title: Configuring content inheritance for wireframes
related:
  - https://docs.kentico.com/k8/developing-websites/wireframing/managing-wireframes.md
  - https://docs.kentico.com/k8/developing-websites/developing-websites-using-the-portal-engine/inheriting-portal-engine-page-content.md
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

Like regular portal pages, wireframes provide support for [master pages](https://docs.kentico.com/k8/developing-websites/developing-websites-using-the-portal-engine/creating-portal-engine-master-pages.md) and [content inheritance](https://docs.kentico.com/k8/developing-websites/developing-websites-using-the-portal-engine/inheriting-portal-engine-page-content.md). This allows you to nest wireframes within the content of parent documents. Nesting offers several advantages, such as:

- Viewing wireframes within the exact context of the website
- Managing shared wireframe content in a single location

To configure the nesting options for dedicated _Wireframe_ documents:

1. Open the **Pages** application.
2. Select the wireframe document in the content tree.
3. Switch to the **Form** tab.
4. Select one of the options in the **Page nesting** section.

   **Page nesting options**

   | Use page template settings   | The nesting settings are determined by the settings of the wireframe's [template](https://docs.kentico.com/k8/developing-websites/wireframing/configuring-wireframe-templates.md).<br>To manage the template's configuration:<br>Switch to the **Wireframe** tab.<br>Right-click the green template header at the top of the wireframe and select **Edit template**.<br>Set the **Page nesting** options on the **General** tab of the **Page template properties** dialog.<br>Click **Save**. |
   | ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   | None                         | The wireframe behaves as a standalone page without any nesting.                                                                                                                                                                                                                                                                                                                                                                                                                                |
   | Only the nearest master page | The wireframe nests only within the website's master page. If your website uses multiple master pages, the wireframe nests within the closest master page in the content tree hierarchy.                                                                                                                                                                                                                                                                                                       |
   | Specific ancestor pages      | Allows you to enable or disable nesting within specific ancestor documents (represented by the checkboxes below).                                                                                                                                                                                                                                                                                                                                                                              |
5. Click **Save**.

> **Info:** **Wireframe nesting for combined documents**
>
> For [combined documents](https://docs.kentico.com/k8/developing-websites/wireframing/managing-wireframes.md#combining-wireframes-with-standard-documents) that have both standard content and a wireframe definition, you can find the nesting settings on the **Properties -> Wireframe** tab instead.
>
> The wireframe nesting is completely separate from the nesting configured for the actual page (on the _Properties -> Template_ tab). The two types of nesting do not affect each other in any way and you can set them up differently.

Wireframes support two different types of nesting:

- Within parent wireframes
- Within the content of standard portal engine pages

## Nesting within wireframes

In most cases, real websites utilize some form of content inheritance (nesting). Wireframes can accurately represent nested pages by displaying their content inside ancestor wireframes in the content tree.

To set up a wireframe nesting scenario on your website:

1. Open the **Pages** application.
2. Create the wireframe representing the parent page. Nesting works for both dedicated _Wireframe_ documents and wireframes inserted into a different document type.
3. Add the **Next page level** component from the _Wireframes/Layouts_ web part category to the parent wireframe.

   ![Next page level component placed on a parent wireframe](https://docs.kentico.com/docsassets/k8/configuring-content-inheritance-for-wireframes/Wireframe_Parent.png "Next page level component placed on a parent wireframe")

   > **Info:** The **Next page level** component must always be placed on parent wireframes. It defines an area that serves as a placeholder for the content of child wireframes. You can resize the area to any required dimensions.
4. Create any number of wireframe documents under the parent. The child wireframes do not need to be located directly on the level below the parent. You can skip levels when nesting content.
5. Switch to the **Form** (or **Properties -> Wireframe**) tab of the child wireframe documents and configure the **Page nesting** preferences to include the required parents.

Users can customize the child wireframes only in the exact area defined by the **Next page level** component. The wireframe displays the remaining components from the parent around this area as fixed content.

![Child wireframe nested inside a parent wireframe](https://docs.kentico.com/docsassets/k8/configuring-content-inheritance-for-wireframes/Wireframe_Child.png "Child wireframe nested inside a parent wireframe")

## Displaying content from standard pages

The second type of nesting allows wireframes to load web content from parent portal engine pages. By displaying wireframes within the actual pages of the website, you can create accurate visual representations.

**Requirements**:

- The parent cannot have a wireframe definition of its own, because wireframe-to-wireframe nesting has a higher priority.
- The **Page placeholder** web part must be placed on the parent page, otherwise the system is not able to display the content of subpages correctly (including wireframes).

**Example**:

1. Open the sample Corporate Site in the **Pages** application.
2. Select the **Examples/Wireframe/News** document in the content tree.
3. Switch to the **Form** tab.
4. Choose **Specific ancestor pages** in the **Page nesting** section and make sure that only the **Root** document is checked.
5. Click **Save**.

When viewed on the **Wireframe** tab, the document displays the header and footer content defined on the website's master page.

![Wireframe nested inside the web content of the master page](https://docs.kentico.com/docsassets/k8/configuring-content-inheritance-for-wireframes/Wireframe_Inherit_Standard_Content.png "Wireframe nested inside the web content of the master page")

You can use both types of nesting for wireframes at the same time. If you set the document to also nest within its direct parent, the wireframe loads the content from the parent and shows it inside the master page.
