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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

How can i add custom css class to <ul> of AEM RTE component

praveenk9057427
Level 2
Level 2

In RTE Component of AEM - unordered list by default provides "." bullet list.

I need to provide an option to make list with checkmark bullets.

If we add some style (by configuring styles nodes) for list, then markup is generating as below.

<ul>

<li> <span class="abc">Line One</span> </li>

<li> <span class="abc">Line Two</span> </li>

</ul>

so whatever changes made( colored check mark or font) are applying to whole <li> content.

i am thinking to insert a class in ul so that i can control default "." bullets behavior with some other list type.

on applying of style to ul div my source should look like

<ul class="abc">

<li>Line One</li>

<li>Line Two</li>

</ul>

How can i achieve this in RTE. is any custom list plugin changes required? or can we achieve by properties?

Thanks in advance.

1 Accepted Solution
Arun_Patidar
Correct answer by
Community Advisor
Community Advisor
4 Replies
Arun_Patidar
Correct answer by
Community Advisor
Community Advisor
kchaurasiya
Level 6
Level 6
Hi Arun, This is working on 6.4.2 service pack . As i have upgraded from 6.4.2 to 6.4.8 and the same code is not working on 6.4.8 service pack. Could you please check the same. Quick response is appreciated. Thank You..!!
praveenk9057427
Level 2
Level 2

Thank You Arun, Your custom style plugins helped me a lot.