Hi Team,
In AEM 6.5.21 Bold , Italic , Underline icons are coming fine like below:
But now in Aemaacs its coming different.
Please help me with the same.
Thanks,
Vivek
Solved! Go to Solution.
Topics help categorize Community content and increase your ability to discover relevant content.
Hi @VivekSr1 you can change the icon by using the following steps:
Create nodes for individual icons under it.
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:
Following the instructions in: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/sites/administering/operati...
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
Hi @Pallavi_Shukla_ ,
Can we change it to previous look. Its ask that it should look like previously.
This is for content fragment RTE.
Views
Replies
Total Likes
Hi @VivekSr1 you can change the icon by using the following steps:
Create nodes for individual icons under it.
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:
Following the instructions in: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/sites/administering/operati...
@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!
Yes Thank you for your kind help.
Appreciated.
Views
Likes
Replies