CSS not being applied to Layout Container in React SPA page

Question

Hello everyone,

I'm currently running a React SPA sites with AEM 6.5.5 and trying to apply a custom CSS class into one of the Layout Containers in my template.

Here are the steps I did:

1. Added the custom css class in the Layout Container's Policy

2. Subsequently applied it

However, the CSS class is not being registered to the layout container.

Has anyone encountered this behavior before? Or does React SPA not allow such CSS overriding through the console?

Any advice is really appreciated.

Thanks!

Kishore_Kumar_ · Accepted Answer

Hi @cthio ,

I haven't tried this, but can you please try updating aem-react-editable-components version to 1.1.9 in ui.frontend/package.json and check once.

As per below thread this feature is available with this version. v1.1.9

https://github.com/adobe/aem-react-editable-components/issues/68

arunpatidar · Answer

Can you try to add in Default CSS classes field instead of creating Allowed Style if style needs to be applied from template but not from page.

Sign up

Login with SSO

Login to the community

Login with SSO