Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

[SPA/React] Render component with wcmmode=disabled

Avatar

Level 1

Hi, community.

I'm creating SPA site using @adobe/cq-react-editable-components. Is it possible to include some specific component with wcmmode=disabled?

In sightly we can do it like this:

<div data-sly-resource="${'path/to/resource' @ wcmmode='disabled'}"></div>

Can I have something similar in React? Like this:

import {ResponsiveGrid} from '@adobe/cq-react-editable-components';

/* ... */

class App extends React.Component {

  /* ... */

  render() {

    /* ... */

    return (

      <>

        <Header /* ... */>

          <ResponsiveGrid wcmmode="disabled" />

        </Header>

        <Layout>

          <ResponsiveGrid /* ... */ />

        </Layout>

        <Footer /* ... */ >

          <ResponsiveGrid wcmmode="disabled" />

        </Footer>

      </>

    );

  }

}

Regards,

Ivan

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi Ivan Andrianovsky​, hope it's not too late.

In the customheaderlibs.html file you defined a meta property cq:wcmmode.

You can read that value in react like the following

Regards

View solution in original post

2 Replies

Avatar

Correct answer by
Level 2

Hi Ivan Andrianovsky​, hope it's not too late.

In the customheaderlibs.html file you defined a meta property cq:wcmmode.

You can read that value in react like the following

Regards

Avatar

Level 2

HI @Pablo_Larrosa-R 
It seems that the quoted text is not appearing anymore. Could this please be reposted?
Thanks!