Expand my Community achievements bar.

SOLVED

styles plugin is not getting enabled in dialog and dialog full screen mode

Avatar

Level 2

Hi,

Unable to add styles plugin in dialog and dialog full screen mode. 

Below is the document followed to enable the styles drop down, but the styles plugin itself is not getting enabled for me . 

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

 

Also created the same node in /apps/<project-folder>/components/text/cq:editConfig/cq:inplaceEditing/inplaceEditingConfig/rtePlugins and could see the style option enabled in in-line full screen. Attached the screenshots. 

 

Can some one help me in enabling the styles plugin in dialog and dialog full screen mode.

 

dialog full screen- not working.pngedit dialog mode - not working.pngin-place edit fullscreen -working fine.png

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@ravi64892  You are missing uisettings mode in your RTE. Can you check this https://gist.github.com/briankasingli/1a7e3e12deaa2e076645b09d30039b46 and create a similar uisettings node under your RTE and add the required configs in it ? 

 

This should also help https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/source-edit-pluggin-is-not...

 

Please note the dialogfullscreen in it ? That will enable all your plugins in full screen. Adding some additional links for reference

 

https://blogs.perficient.com/2017/03/03/how-to-architect-a-rte-solution-for-aem-touch-ui-dialog/

http://experience-aem.blogspot.com/2019/04/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker-...

 

View solution in original post

2 Replies

Avatar

Community Advisor

Hi @ravi64892 ,

 

1. You need to create a new Node styles under 'rtePlugins' node, like below

 

/apps/<PROJECT>/components/content/<component-name>/cq:editConfig/cq:inplaceEditing/inplaceEditingConfig/rtePlugins/styles

 

2. Create the features property on the styles node:

  • Name features
  • Type String
  • Value * (asterisk)

 

3. Save the changes

 

add style.png

 

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

Avatar

Correct answer by
Community Advisor

@ravi64892  You are missing uisettings mode in your RTE. Can you check this https://gist.github.com/briankasingli/1a7e3e12deaa2e076645b09d30039b46 and create a similar uisettings node under your RTE and add the required configs in it ? 

 

This should also help https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/source-edit-pluggin-is-not...

 

Please note the dialogfullscreen in it ? That will enable all your plugins in full screen. Adding some additional links for reference

 

https://blogs.perficient.com/2017/03/03/how-to-architect-a-rte-solution-for-aem-touch-ui-dialog/

http://experience-aem.blogspot.com/2019/04/aem-65-touch-ui-rte-rich-text-editor-dialog-color-picker-...