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

Styles are not working in inplace editing

Avatar

Level 2

Hi,

I have added custom styles in RTE plugins. I am able to select them on the dialog configure and inplace editing. But They are only getting applied when authored through dialog configure. Same is not working on inplace editing. But They are displaying properly on the page in both case.

 

Please help to address inplace editing issue.

 

Thanks,

Raja

 

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

Inplace editing/dialog configuration open in different contexts and do not consider css/js included in your template. Though, you can use externalStyleSheets [1] in RTE configuration to specify project-specific styles to be used in edit mode.

  1. Navigate to the root node of your text component, for example /apps/<myProject>/components/text.

    • Name externalStyleSheets
    • Type String[] (multi-string; click Multi in CRXDE)
    • Value(s) The path and filename of every style sheet you want to include. Use repository paths.

      Add the property externalStyleSheets to the parent node of <rtePlugins-node>:

  2. Save all changes.

 

[1] https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configure-ric...

View solution in original post

1 Reply

Avatar

Correct answer by
Employee Advisor

Inplace editing/dialog configuration open in different contexts and do not consider css/js included in your template. Though, you can use externalStyleSheets [1] in RTE configuration to specify project-specific styles to be used in edit mode.

  1. Navigate to the root node of your text component, for example /apps/<myProject>/components/text.

    • Name externalStyleSheets
    • Type String[] (multi-string; click Multi in CRXDE)
    • Value(s) The path and filename of every style sheet you want to include. Use repository paths.

      Add the property externalStyleSheets to the parent node of <rtePlugins-node>:

  2. Save all changes.

 

[1] https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configure-ric...