loading...

re: Integrating a modern frontend in a multi tenant AEM project (part 1) VIEW POST

FULL DISCUSSION
 

I am using spa template given by adobe. Currently stuck with integrating parsys in column control or layout grid component. Can you help ?

 

I would love to, but I am afraid I need a bit more information to be able to help...

 

I am following this template --> helpx.adobe.com/in/experience-mana...

I have usecase to create nested components using grid (column control) which loop over equal size cell , now each cell should have "drag component" aem parsys so that any component can be added.
So I want pointers for such example. Unfortunately, Adobe's doc's are unclear for this usecase.

Can you help ?

If you need any further sharing of code leme know or any other pointers.

Thnaks in advance

Hi, I would definitely need more information. What does exactly not work for you. Column control implements a parsys or responsivegrid component inside of each partition, so to speak. You should have a policy defining the components allowed in that container.

That where I need help to refer some example.

Do you have this code somewhere I could see? Like in a public repo?

give me 1 hr , leme clone the repo and remove internal stuff before sharing.

Here you go: github.com/pgangwani/aem-react-pre...

Pl check column control: It should include childcomponents as added in comment

Added you as collaborator , can push directly if you found any thing fishy or small mistake

Hello Natalia, did you get chance to check the code ?

Hi :) No, it may take a bit. Unfortunately, it is a week with a lot of work for me ;)Thanks for being patient.

Thanks for letting me know. I can wait... :)

Hello Natalia, were you able to access the code

Hi Pawan. Today I had a little time to quickly take a look but your issue is not with AEM per se (as this article describes a modern yet independent to AEM Frontend Setup) but with the React implementation in the context of AEM SPA editor. So I am not sure I can help there. According to this npmjs.com/package/@adobe/cq-react-... You should be extending ResponsiveGrid and implementing something like { super.childComponents } inside of your div.

"Container.childComponents()
Returns the child components of this Container. It will iterate over all the items and instantiate the child components if a Mapping is found Instantiation is done my connecting the Component with the data of that item"

I tried that too , didn't work. Do you have AEM 6.5 ? Can you try and share the screen shot of console of printing child components. When I checked I got empty array. 🙄

 

Hi Pavan, Nice to meet again, were you able to handle the nested component in SPA framework ? I've gone through your code. Were you able to handle this usecase, i would like to get more info about this. - Jithin

Code of Conduct Report abuse