how to configure "cq/gui/components/authoring/dialog/richtext"?

Forum|Forum|2 years ago
August 3, 2023
3 replies
1687 views

I just want to change the height on the component dialog.

It seems the height is controlled from here (/libs/cq/gui/components/authoring/dialog/richtext/clientlibs/rte/coralui3/css/richtext.less). But I do not now how to extend that so I can supply my custom CSS.

Thanks!

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 Mahedi_Sabuj

Hi @jayv25585659, You need to add extraClientlibs in cq:dialog (jcr:root) of the component.

- To make change only for specific component or your project, create a new clientlibs and add the category name to extraClientlibs property.

- To make change across all project (globally), create a new clientlibs as category cq.authoring.dialog or cq.authoring.dialog.rte.coralui3 as @nishant-singh mentioned.

Reference

https://drfits.com/aem-dialog-with-extraclientlibs-do-not-shot-yourself-in-the-foot/

AsifChowdhury

New Participant

Hi @jayv25585659,

You can achieve it by above mentioned way. If you need more customization in RTE you can extend the component in this way:

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:Component"
    jcr:title="Text"
    sling:resourceSuperType="core/wcm/components/text/v2/text"
    componentGroup="My Group"/>

In this way, you can add your own clientlibs, any additional features, and many more.