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

[krishnan7989]

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.

[Shubham_borole · Accepted solution]

@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