since ‎26-08-2020
‎28-01-2021
Grimm1
Level 1
Re: How to extend ResponsiveGrid in React SPA
Avatar

Grimm1

Grimm1
- Adobe Experience Manager
Found out why it was not rendering the placeholder for adding new elements.It was not React issue, but the missing sub-component for generating newpar, which will not come from the extended responsivegrid.All the other code mentioned above works just fine, even with new v1.0.0 dependency"@adobe/aem-react-editable-components"

Views

285

Like

1

Replies

0
Re: How to extend ResponsiveGrid in React SPA
Avatar

Grimm1

Grimm1
- Adobe Experience Manager
It is not very similar. I am able to use existing responsivegrid just fine, because it already has mapping to work in SPA, which is provided by the SDK.In my case, I want to extend it. For that I obviously need to:1) create a component under my project's apps folder, which is going to havesling:resourceSuperType="wcm/foundation/components/responsivegrid"2) create a React renderer, let's name it Container.js3) add it into import-components.js4) in Container.js, I need to extend existing Responsiv...

Views

301

Likes

0

Replies

0
How to extend ResponsiveGrid in React SPA
Avatar

Grimm1

Grimm1
- Adobe Experience Manager
Adobe SPA SDK provides implementation of ResponsiveGrid which is already mapped to wcm/foundation/components/responsivegridIn case I want to extend it, how am I supposed to do it? It is not very documented anywhere.I'm referring to newly updated ResponsiveGrid which is coming with 1.0.0 of@adobe/aem-react-editable-componentsOne example I found was suggesting something like this:export class MyGrid extends ResponsiveGrid { render() { return ( Welcome to my Custom Grid! { super.childComponents } ...

Views

424

Like

1

Replies

8
Likes from