Multiple RTEs in Dialog - editor positioning

[deana66659071]

AEM 6.2, TOUCH UI Editor

We added multiple Rich Text Editors in a cq:dialog for a component.  When you edit the component it always positions you at the LAST RTE in the dialog.

Obviously, we would like it to open and be positioned at the top of the dialog.

Any help is appreciated.

-Dean

[kautuk_sahni]

In classic ui, each dialog box is a DIV with id like "ext-comp-1993" or ext-comp-1994", Using JavaScript/CSS you can make make sure that position are never overlapping.

In Touch UI, they are form, an i do not think that you can open multiple dialog in touch UI (I am not able to do so).

~kautuk

[Tyler_Maynard]

I have never used an RTE in a dialog. Typically your RTEs are inline text and have their own 'dialog' field.

When using multiple RTEs, have you tried nesting them directly into your components markup?

For example, say i have the following 'cool-component'.

cool-component.html

<div class="my-cool-component"> <!--/* Grab a property form the dialog */--> <h2>${properties.heading}</h2> <!--/* Create a 'syntetic resource' RTE */--> <div class="rte-1" data-sly-resource="#{'primarytext' @ resourceType='foundation/components/text'}"></div> <!--/* Insert an image for dialog */--> <div class="cool-image"> <img src="${properties.imagePath}" /> </div> <!--/* Create a 'syntetic resource' RTE */--> <div class="rte-2" data-sly-resource="#{'secondarytext' @ resourceType='foundation/components/text'}"></div> </div>

When doing it this way, I would also create a 'cq:template' node for this particular component that defines some properties of 'primarytext' and 'secondarytext'. Let me know if you need an example of using cq:template nodes next to a component.

[deana66659071 · Accepted solution]

I've opened a CQ ticket for this with Adobe - CQ-101793

Thanks,

-Dean

[rampai]

deana66659071

Is this issue solved?

Please provide updates on the ticket.