Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

container component allowed components


Level 4



component htl .

<div itemprop="articleBody">
    <div data-sly-resource="${'container' @ resourceType='wcm/foundation/components/responsivegrid'}"></div>
<div data-sly-test="${(wcmmode.edit || wcmmode.preview)}"
     class="cq-placeholder ${classAppend}"
     data-emptytext="${}${emptyTextAppend && ' - '}${emptyTextAppend}">


When I put "articleBody" container component on template structure. I do not see 'allowed components' similar to other responsivegrid containers ( in above picture)


when I checked container responsivegrid policy - it is mapped to proper policy and needed component groups are checked in policy.




Any help?




3 Replies


Community Advisor


You would not see all the components added in the embedded responsivegrid on the UI because your component's script is getting executed. If you add the sling:resourceSuperType on your component to 'wcm/foundation/components/responsivegrid' and remove <component-name>.html then you would see it showing all the allowed components on the UI.

If I understand correctly, you've created a custom component to add a enclosing <div itemprop='articlebody'>. To achieve this, you can leverage 'Style System' to add an enclosing div class on this grid and then using javascript add those relevant custom attributes like 'itemprop'.


Level 4

could you please point me to an example, I appreciate your help. @shelly-goel 


Community Advisor
Refer this link for how to use Style System: . Similarly, you can add the styles to the layout container as well through it's policy.