Multiple RTEs in Dialog - editor positioning | Community
Skip to main content
October 12, 2016
Solved

Multiple RTEs in Dialog - editor positioning

  • October 12, 2016
  • 4 replies
  • 2273 views

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

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 deana66659071

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

Thanks,

-Dean

4 replies

kautuk_sahni
Community Manager
Community Manager
October 19, 2016

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

Kautuk Sahni
Tyler_Maynard
October 19, 2016

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.

deana66659071AuthorAccepted solution
October 24, 2016

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

Thanks,

-Dean

rampai
Community Advisor
Community Advisor
December 5, 2017

deana66659071

Is this issue solved?

Please provide updates on the ticket.