Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.
SOLVED

Bold , Italic , Underline Icons are coming differently

Avatar

Level 2

Hi Team,

In AEM 6.5.21 Bold , Italic , Underline icons are coming fine like below:

VivekSr1_0-1750164052232.png


But now in Aemaacs its coming different.

VivekSr1_1-1750164118459.png


Please help me with the same.

 

Thanks,
Vivek

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi @VivekSr1 you can change the icon by using the following steps:

  1. create a proxy component of text in your project and copy the cq:dialog and paste under the text proxy component.
  2. Create a node named icons under uiSettings/cui.
  3. Create nodes for individual icons under it.

  4. On each of the individual icon nodes, specify a Coral icon and a command to map to the icon.

Below is a sample snippet to map the command Bold to the Coral icon named textColor.

 
<text jcr:primaryType="nt:unstructured" sling:resourceType="cq/gui/components/authoring/dialog/richtext" name="./text" useFixedInlineToolbar="{Boolean}true">
    <rtePlugins jcr:primaryType="nt:unstructured">
        <format jcr:primaryType="nt:unstructured" features="bold,italic"/>
    </rtePlugins>
    <uiSettings jcr:primaryType="nt:unstructured">
        <cui jcr:primaryType="nt:unstructured">
            <inline jcr:primaryType="nt:unstructured"
                toolbar="[format#bold,format#italic,format#underline,links#modifylink,links#unlink]">
            </inline>
            <icons jcr:primaryType="nt:unstructured">
                <bold jcr:primaryType="nt:unstructured"
                    command="format#bold"
                    icon="textColor"/>
            </icons>
        </cui>
    </uiSettings>
</text>

Generated Output:

Mohit_Singh_01_0-1750339543790.png


Following the instructions in: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/sites/administering/operati... 

View solution in original post

5 Replies

Avatar

Community Advisor

This may be due to Touch UI RTE modernization and dependency updates that happened when AEM moved to the Cloud Service stream. AEMaaCS uses a newer version of Coral UI and Granite UI.

 

If your team is OK with the new look (and it’s only a visual shift), let it be — just make sure:

  • Your content authors are trained on the new UI

  • Style consistency is preserved in your frontend via CSS 

Avatar

Level 2

Hi @Pallavi_Shukla_ ,

Can we change it to previous look. Its ask that it should look like previously.
This is for content fragment RTE.

Avatar

Correct answer by
Level 2

Hi @VivekSr1 you can change the icon by using the following steps:

  1. create a proxy component of text in your project and copy the cq:dialog and paste under the text proxy component.
  2. Create a node named icons under uiSettings/cui.
  3. Create nodes for individual icons under it.

  4. On each of the individual icon nodes, specify a Coral icon and a command to map to the icon.

Below is a sample snippet to map the command Bold to the Coral icon named textColor.

 
<text jcr:primaryType="nt:unstructured" sling:resourceType="cq/gui/components/authoring/dialog/richtext" name="./text" useFixedInlineToolbar="{Boolean}true">
    <rtePlugins jcr:primaryType="nt:unstructured">
        <format jcr:primaryType="nt:unstructured" features="bold,italic"/>
    </rtePlugins>
    <uiSettings jcr:primaryType="nt:unstructured">
        <cui jcr:primaryType="nt:unstructured">
            <inline jcr:primaryType="nt:unstructured"
                toolbar="[format#bold,format#italic,format#underline,links#modifylink,links#unlink]">
            </inline>
            <icons jcr:primaryType="nt:unstructured">
                <bold jcr:primaryType="nt:unstructured"
                    command="format#bold"
                    icon="textColor"/>
            </icons>
        </cui>
    </uiSettings>
</text>

Generated Output:

Mohit_Singh_01_0-1750339543790.png


Following the instructions in: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/sites/administering/operati... 

Avatar

Administrator

@VivekSr1 Just checking in — were you able to resolve your issue?
We’d love to hear how things worked out. If the suggestions above helped, marking a response as correct can guide others with similar questions. And if you found another solution, feel free to share it — your insights could really benefit the community. Thanks again for being part of the conversation!



Kautuk Sahni

Avatar

Level 2

Yes Thank you for your kind help.

Appreciated.