# Hst:containercomponent not rendering editable area

**URL:** <https://community.bloomreach.com/t/hst-containercomponent-not-rendering-editable-area/2090>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [September 7, 2020, 2:38pm UTC](https://community.bloomreach.com/t/hst-containercomponent-not-rendering-editable-area/2090 "2020-09-07T14:38:44Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![samwest88](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/samwest88/32/814_2.png) [@samwest88](https://community.bloomreach.com/u/samwest88)\
**Post date:** [September 7, 2020, 2:38pm UTC](https://community.bloomreach.com/t/hst-containercomponent-not-rendering-editable-area/2090/1 "2020-09-07T14:38:44Z")

</div>

I have created a hst:component under hst:pages that has some hst:containercomponent elements as children under a main hst:component.

I am able to view and edit the editable areas from the cms when I use this configuration as a prototype page. However, when using this as a normal hst:pages node, I am no longer able to see the editable area in the CMS.

My configuration is shown below. Any pointers would be greatly appreciated.

```
/genericcontent:
  jcr:primaryType: hst:component
  jcr:uuid: af5168bf-bb61-415c-bb21-3c1fe3a9bf2e
  hst:componentclassname: uk.co.nhbc.website.components.BasePageComponent
  hst:referencecomponent: hst:abstractpages/base
  /main:
    jcr:primaryType: hst:component
    jcr:uuid: bff4ee96-cf8a-4a46-9673-46e2812c76f9
    hst:template: genericcontentpage-main
    /main-container:
      jcr:primaryType: hst:containercomponent
      jcr:mixinTypes: ['dxphst:mergeable']
      jcr:uuid: 294d7aff-1897-446e-824e-50f0039cd306
      hst:label: Main Container
      hst:xtype: hst.vbox
    /right-container:
      jcr:primaryType: hst:containercomponent
      jcr:mixinTypes: ['dxphst:mergeable']
      jcr:uuid: dc64833c-c36a-4769-ae85-fa8e765ccb1a
      hst:label: Main Container
      hst:xtype: hst.vbox
    /top-container:
      jcr:primaryType: hst:containercomponent
      jcr:mixinTypes: ['dxphst:mergeable']
      jcr:uuid: 83b59366-a547-420c-ba6d-ef8e09643a14
      hst:label: Main Container
      hst:xtype: hst.vbox
```

---

<div class="post-metadata">

**Author:** ![Lef\_Karamoulas](https://yyz1.discourse-cdn.com/flex027/user_avatar/community.bloomreach.com/lef_karamoulas/32/82_2.png) [@Lef\_Karamoulas](https://community.bloomreach.com/u/Lef_Karamoulas)\
**Post date:** [September 7, 2020, 3:49pm UTC](https://community.bloomreach.com/t/hst-containercomponent-not-rendering-editable-area/2090/2 "2020-09-07T15:49:44Z")

</div>

Hello Sam,

the above configuration works when it’s part of your prototype because when used this way the page configuration is copied over under the hst:workspace/hst:pages node.

Now if you use the same configuration under hst:pages outside of the workspace the areas won’t be visible/editable because only configuration that is located under hst:workspace is editable from the channel manager.

The way you would have to configure the above is place the containers under hst:workspace/hst:containers and from your configuration under hst:pages use references to the containers (hst:containercomponentreference)

HTH and kind regards,  
Lef