Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Multiple RTEs in Dialog - editor positioning

Avatar

Level 5

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

1 Accepted Solution

Avatar

Correct answer by
Level 5

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

Thanks,

-Dean

View solution in original post

4 Replies

Avatar

Administrator

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

Avatar

Level 4

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.

Avatar

Correct answer by
Level 5

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

Thanks,

-Dean

Avatar

Level 5

deana66659071

Is this issue solved?

Please provide updates on the ticket.