Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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

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

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...