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

Avatar

Avatar
Validate 1
Level 1
praveenk9057427
Level 1

Likes

2 likes

Total Posts

12 posts

Correct reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 1
praveenk9057427
Level 1

Likes

2 likes

Total Posts

12 posts

Correct reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 1
Affirm 1
View profile
praveenk9057427
Level 1

28-07-2019

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.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,431 likes

Total Posts

3,305 posts

Correct reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,431 likes

Total Posts

3,305 posts

Correct reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

28-07-2019

Answers (2)

Answers (2)

Avatar

Avatar
Give Back 5
Level 4
joeb21688728
Level 4

Likes

33 likes

Total Posts

60 posts

Correct reply

8 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 25
Give Back 10
Give Back
View profile

Avatar
Give Back 5
Level 4
joeb21688728
Level 4

Likes

33 likes

Total Posts

60 posts

Correct reply

8 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 25
Give Back 10
Give Back
View profile
joeb21688728
Level 4

28-07-2019

Avatar

Avatar
Validate 1
Level 1
praveenk9057427
Level 1

Likes

2 likes

Total Posts

12 posts

Correct reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 1
praveenk9057427
Level 1

Likes

2 likes

Total Posts

12 posts

Correct reply

1 solution
Top badges earned
Validate 1
Give Back
Boost 1
Affirm 1
View profile
praveenk9057427
Level 1

30-07-2019

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