Extending responsiveGrid in AEM SPA with custom model

[marcuss38348279]

Hi,

I am trying to expand the responsiveGrid, similar to this guide here https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/extending-responsivegrid-u....

The problem I am having is I am trying to use my own model to add a custom property to the component, but the resourceSuperType (sling:resourceSuperType="wcm/foundation/components/responsivegrid") seems to override it.

Is there a way I can extend this super type?

[Nikhil-Kumar · Accepted solution]

@marcuss38348279  - 
Once you create your own responsiveGrid component using the mentioned steps.
What are the next steps you are expecting ? Can you provide more information ?

[marcuss38348279]

Hi @Nikhil-Kumar,

I followed your guide to creating the React component and it works well.

The issue is when I try to create my own Sling Model to extend it. My model is never ran, I below for some reason the I believe wcm/foundation/components/responsivegrid is not playing nice with my model so I cannot add my own custom properties to it.

I hope that makes more sense?

[Nikhil-Kumar]

Yep, it doesn't extend the properties. It just provides a placeholder component.