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

[jayv25585659]

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!

[Nishant-Singh]

@jayv25585659 

There is no need to overlay the OOTB component. you can just create a clientlib under 

/apps with category name  "cq.authoring.dialog.rte.coralui3" and then create your css file under it to override the css styling of RTE.

[Mahedi_Sabuj · Accepted solution]

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]

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.