How to enable styles dropdown plugin for Teaser component RTE description field? | Community
Skip to main content
krishnan7989
October 4, 2021
Solved

How to enable styles dropdown plugin for Teaser component RTE description field?

  • October 4, 2021
  • 1 reply
  • 681 views

Hi, I am trying add styles dropdown for Teaser component description (RTE) field. But though adding the styles nodes and the list style nodes, I am not getting the option in dialog for styles.

I hope i am missing some action under "uisettings" node for making style options to appear on dialog.

 

Could you please help with solution? Added the screens shot for reference.

 

Do i need to update anything on "ui.settings" node? Please help.

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Shubham_borole

@krishnan7989 
Under uisettings node, do you have toolbar property under 'inline' node?

Make sure in the toolbar property you have '#styles' as one of the values.

And under popovers node, make sure you have a styles node

//Eg: <styles jcr:primaryType="nt:unstructured" items="styles:getStyles:styles-pulldown" ref="styles"/>

See this for example too - https://aem4beginner.blogspot.com/how-to-add-rteplugins-for-touch-ui-rich

1 reply

Shubham_borole
Community Advisor
Shubham_boroleCommunity AdvisorAccepted solution
Community Advisor
October 5, 2021

@krishnan7989 
Under uisettings node, do you have toolbar property under 'inline' node?

Make sure in the toolbar property you have '#styles' as one of the values.

And under popovers node, make sure you have a styles node

//Eg: <styles jcr:primaryType="nt:unstructured" items="styles:getStyles:styles-pulldown" ref="styles"/>

See this for example too - https://aem4beginner.blogspot.com/how-to-add-rteplugins-for-touch-ui-rich