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

Add style to RTE 6.3 <ul> or <li> element?

peterw13024062
Level 3
Level 3

In rich text editor AEM 6.3 , it is possible to add the style class to the <ul> or <li> element.

I would like to add this to convert bullet list to checklist and for this added custom condition in listplugin.js . Project requirement is to rt, numbered and checklist.

1 Accepted Solution
kautuk_sahni
Correct answer by
Employee
Employee
0 Replies
kautuk_sahni
Correct answer by
Employee
Employee
peterw13024062
Level 3
Level 3

Thanks its helped alot and finally I added css class successfully.

Thanka for all the help. I really appreciate

whisky_96
Level 1
Level 1

Hi peter,

I Got Similar requirement, for me i have to make <ul> bullet a bit larger .

What need to be done for this?

 

@kautuk_sahni @peterw13024062 

 

praveenk9057427
Level 2
Level 2

Hi, I have a similar requirement. Could you please help me in below implementation.

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 need 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.