# Components with editable areas, does not recognise CMS mode

**URL:** <https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771>\
**Category:** Components\
**Created:** [October 18, 2021, 4:29pm UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771 "2021-10-18T16:29:38Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![miltonardila](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/miltonardila/32/2396_2.png) [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\
**Post date:** [October 18, 2021, 4:29pm UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/1 "2021-10-18T16:29:38Z")

</div>

Hi, I am trying to use an HTML Blog project. I have a master page for the publication of the article. I have created several components, but not all behave in the same way. I need help please.

I have tried to read several times the documentation of components and aditable areas, I think I follow the steps well. But maybe the issue of nested components and editing areas is my conflict.

Since I can’t attach my project in ZIP, I try to leave a structure of the components.

 ![Screenshot 2021-10-18 at 18.19.17](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/ae7faf9d8678f497a7423652baca3fbedb05b7a8.png)

 ![Screenshot 2021-10-18 at 18.25.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/294e35a635a6092d0e9382c1910e29763a69896a.png)

 ![Screenshot 2021-10-18 at 18.25.25](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0f1160485f7b4b97a18b328c4149235862b6c4f4.png)

I hope you can help me, thank you.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 19, 2021, 10:31am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/2 "2021-10-19T10:31:26Z")

</div>

Hi @miltonardila,  
Can you show the actions that you used to create each section, please?  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![miltonardila](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/miltonardila/32/2396_2.png) [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\
**Post date:** [October 19, 2021, 10:45am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/3 "2021-10-19T10:45:16Z")

</div>

Thank you @RobM for your help. I attach images of each section, if you need the nested components let me know.

 ![Screenshot 2021-10-19 at 12.33.14](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9bb36a05c0a83ca93119d3b5e1aab9b845f31d56.png)

 ![Screenshot 2021-10-19 at 12.33.48](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f1149e58f3160e3960a6d68549328a8ff2df1f4c.png)

Note that within “Post Banner” there are no nested components. But inside “Area Post” I have several nested components.  
“Post” which covers the whole post area.  
“Image Post” For the featured image.  
“Info Post” For the post information (left sidebar).  
“Text Post” I haven’t created it yet.

Each component has an editable element before.

I attach a graphic image.

 ![Screenshot 2021-10-19 at 12.44.41](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/76cbdf931e93a9132eff27a223781723a5d984b5.jpeg)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 19, 2021, 10:40pm UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/4 "2021-10-19T22:40:09Z")

</div>

Thanks for the info. I’m actually answering forum posts on vacation, but I’ll get back to you soon. Sorry.  
Bob

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 20, 2021, 11:41am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/5 "2021-10-20T11:41:45Z")

</div>

Hi @miltonardila,  
Sorry for the delays. I might need to get your entire project to fully diagnose - which will be tough with only my laptop for the next few days.  
For the section you can’t edit - are you having problems on a child page or are you just using the component on another page? Same for the section that you can. Sometimes the hierarchy between master page editing and component editing can get a little confusing.  
Thanks,  
Bob

---

<div class="post-metadata">

**Author:** ![miltonardila](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/miltonardila/32/2396_2.png) [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\
**Post date:** [October 21, 2021, 8:42am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/6 "2021-10-21T08:42:24Z")

</div>

Thanks again @RobM for taking time out of your holiday.  
I leave you a download link of the project, greetings.

[https://oshi.at/tGkmeR](https://oshi.at/tGkmeR)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [October 21, 2021, 11:51am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/7 "2021-10-21T11:51:11Z")

</div>

Hi Again @miltonardila,  
I got a chance to look at your project. The problem lies in the nesting. I’m not sure how your project is structured as far future pages, so I can’t advise if the nest is needed. However, it can work as laid out with minor changes to the components. The main thing is to make sure that you are either allowing a component to be added to an area, or that the inner content can be edited.  
COMPONENTS

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/489281bfbe5a61fd296b2b2798b7acc10c8a0adb.png)  
INNER CONTENT  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9d47f8a1003d05e5265d6c536ab2d07142c263fe.png)  
Basically, you have to indicate that you can make alterations to that block. I like the first solution, personally. The second works, but gives the user a little confusing interface.  
Hope this helps and makes sense,  
Bob

---

<div class="post-metadata">

**Author:** ![miltonardila](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/miltonardila/32/2396_2.png) [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\
**Post date:** [November 18, 2021, 11:35am UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/8 "2021-11-18T11:35:21Z")

</div>

Hey @RobM thank you very much for your reply and apologies for not responding sooner.

It seems that with your recommendation I’m able to work, however I think I’m still having problems with the nesting issue. I have put the CMS editing to one side so as not to take any longer with the project. If you think you can help me to take a look again I would appreciate it.

I also seem to have seen that the url mapping from the components is not working correctly.

 ![Screenshot 2021-11-18 at 12.34.35](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f90e69ef0d70c8d3654e1343d27bcc50905659bd.png)

---

<div class="post-metadata">

**Author:** ![miltonardila](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/miltonardila/32/2396_2.png) [@miltonardila](https://forum.pinegrow.com/u/miltonardila)\
**Post date:** [November 18, 2021, 12:20pm UTC](https://forum.pinegrow.com/t/components-with-editable-areas-does-not-recognise-cms-mode/5771/9 "2021-11-18T12:20:39Z")

</div>

I rectify. There is still a complexity in the nesting of components. Maybe I’m making it more complicated than it should be. I have removed an internal component and all editable areas have rapped the URL well.
