AEM how to listen to the style change event in the Edit Bar in AEM's edit mode.

[Johann_Lu]

AEM how to listen to the style change event in the Edit Bar in AEM's edit mode.

[anupampat]

Hi @Johann_Lu ,

The styles under the edit bar are associated to cq:styleId which are stored under Template policies. You can create a custom event listener and listen to change for cq:styleId property under the content path, e.g.

/content/<pagePath>/jcr:content/root/main/responsivegrid/cards1

[Johann_Lu]

It is a good method, but I want to do this in js, is it possible?

[anupampat]

Ideally yes you could if you target the class one of the OOTB classes like 'editor-styleselector-form' and write your logic based on change or click, but this will not be consistent.