Add new style to list in rtePlugings | Community
Skip to main content
B
Bahar
Level 3
April 18, 2016
Solved

Add new style to list in rtePlugings

  • April 18, 2016
  • 3 replies
  • 1534 views

What is the best approach to add new style to list in text? Checkmark ones:

/libs/foundation/components/text/cq:dialog/content/items/tabs/items/text/items/column/items/text/rtePlugins/lists

I want to add check mark style next to bullet and numbered.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Bahar

Thanks I could do that way with adding new option style. I wish I could add checkmark list icon next to these icons (Bullets/Numbered/Checkmark).

For now, I will go with adding style with new css class. 

In fact I need to add new node to list here:

/apps/myapp/components/base/widgets/rteconfig/lists/lists

Not sure what is the node and properties I have to use for it.

Thanks

3 replies

Hemant_arora
Hemant_arora
Level 8
April 19, 2016

Add the list of styles as given below and then in your css file add the check mark image in css rule corresponding to the class name e.g 

.className1{

background:url(check.png) 10px 0px 

}

      jcr:primaryType="cq:Widget"
                    fieldLabel="Text"
                    height="200"
                    name="./text"
                    xtype="richtext">
                    <rtePlugins jcr:primaryType="nt:unstructured">
                        <styles
                            jcr:primaryType="nt:unstructured"
                            features="*">
                            <styles jcr:primaryType="cq:WidgetCollection">
                                <className1
                                    jcr:primaryType="nt:unstructured"
                                    cssName="className1"
                                    text="className1"/>
                                <className2
                                    jcr:primaryType="nt:unstructured"
                                    cssName="className2"
                                    text="className2"/>
                            </styles>
                        </styles>
                    </rtePlugins>
                </text>

B
BaharAuthorAccepted solution
Level 3
April 19, 2016

Thanks I could do that way with adding new option style. I wish I could add checkmark list icon next to these icons (Bullets/Numbered/Checkmark).

For now, I will go with adding style with new css class. 

In fact I need to add new node to list here:

/apps/myapp/components/base/widgets/rteconfig/lists/lists

Not sure what is the node and properties I have to use for it.

Thanks

Terms & ConditionsAccessibility statement

Loading footer...