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

RTE Styles Plugin issue with Lists

salamswapnil
Level 2
Level 2

We have RTE configured with Styles Plugin. When we are applying styles on lists, it is getting applied only on list element's text and not on bullets or the numbers.
This is happening because styles are getting added on <span> inside <li>.

Applied a style on listApplied a style on listRTE-2.PNG

Does anyone have any clue on how to apply styles on whole list element?

1 Accepted Solution
Bhuwan_B
Correct answer by
Community Advisor
Community Advisor

Check below URL for the customization done for the list plugin for adding selected CSS class and use this approach to acheive your usecase:

http://experience-aem.blogspot.com/2017/05/aem-62-touch-ui-extend-rte-list-plugin-for-adding-selecte...

View solution in original post

3 Replies
KiranVedantam1992
Community Advisor
Community Advisor

hi @salamswapnil,

 

Pls check the custom style plugin code, how it is applying the styles for list section.

 

I think you need to write custom code on the dailog load to fetch the list items and apply the styles once dailog is closed as List plugin gets loaded on the dailog on the fly in RTE

Thanks,

Kiran Vedantam.

Bhuwan_B
Correct answer by
Community Advisor
Community Advisor

Check below URL for the customization done for the list plugin for adding selected CSS class and use this approach to acheive your usecase:

http://experience-aem.blogspot.com/2017/05/aem-62-touch-ui-extend-rte-list-plugin-for-adding-selecte...

View solution in original post