Description

This article provides details on how to restrict components in the left sidebar in XM Cloud Pages based on Page Design.

To control the available components for each Page Design and simplify component selection for users by filtering the available components in the Pages sidebar, follow these steps:

1. Create a Custom Page Template
2. Create a custom page design with a custom partial design, in addition to the default.
3. Take into consideration that at this stage, it is assumed that the custom Page Design already incorporates Header and Footer partial designs. Then, add a container rendering that has placeholder restrictions on the placeholder item to allow only specific components to be added based on the Allowed Controls defined on the placeholder item.
   Note that the default path for the placeholder item is /sitecore/layout/Placeholder Settings/Feature/JSS Experience Accelerator/Page Structure/Container.

Important information: To use different subsets of components for various Page Designs, it is necessary to create additional container components. Each of these must have a unique placeholder item with a unique placeholder key to prevent conflicts in placeholder settings.

Note: When using this setup in XM Cloud's Pages tool, the left sidebar shows only the renderings allowed by the placeholder restrictions on the page. However, the Forms and Components renderings also appear if they are used in the solution.