Expand my Community achievements bar.

AEM 6.2 required richtext (RTE) on page creation - cannot enter data

Avatar

Level 5

AEM 6.2, TOUCH UI

We have a page component that has the following properties (in addition to others):

                     <article
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Article"
                        sling:orderBefore="basic"
                        sling:resourceType="granite/ui/components/foundation/section">
                        <items jcr:primaryType="nt:unstructured">
                            <articleTitle
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="cq/gui/components/authoring/dialog/richtext"
                                cq-msm-lockable="articleTitle"
                                fieldDescription="The Article Title is displayed in search results."
                                fieldLabel="Article Title"
                                name="./articleTitle"
                                removeSingleParagraphContainer="{Boolean}true"
                                renderReadOnly="{Boolean}true"
                                required="{Boolean}true"
                                useFixedInlineToolbar="{Boolean}true">
                                <rtePlugins jcr:primaryType="nt:unstructured">
                                    <format
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <justify
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <lists
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <paraformat
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <links
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <table
                                        jcr:primaryType="nt:unstructured"
                                        features="[0]">
                                        <hiddenHeaderConfig
                                            jcr:primaryType="nt:unstructured"
                                            hiddenHeaderClassName="cq-wcm-foundation-aria-visuallyhidden"
                                            hiddenHeaderEditingCSS="coral-RichText-hiddenHeader--editing"/>
                                    </table>
                                    <subsuperscript
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                    <misctools
                                        jcr:primaryType="nt:unstructured"
                                        features="*"/>
                                </rtePlugins>
                                <uiSettings jcr:primaryType="nt:unstructured">
                                    <cui jcr:primaryType="nt:unstructured">
                                        <inline
                                            jcr:primaryType="nt:unstructured"
                                            toolbar="[format#bold,format#italic,format#underline,#paraformat,image#imageProps,#justify,#lists,links#modifylink,links#unlink,subsuperscript#subscript,subsuperscript#superscript,misctools#specialchars]">
                                            <popovers jcr:primaryType="nt:unstructured">
                                                <justify
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[justify#justifyleft,justify#justifycenter,justify#justifyright]"
                                                    ref="justify"/>
                                                <lists
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[lists#unordered,lists#ordered,lists#outdent,lists#indent]"
                                                    ref="lists"/>
                                                <paraformat
                                                    jcr:primaryType="nt:unstructured"
                                                    items="paraformat:getFormats:paraformat-pulldown"
                                                    ref="paraformat"/>
                                                <format
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[format#bold,format#italic,format#underline]"
                                                    ref="format"/>
                                            </popovers>
                                        </inline>
                                        <fullscreen
                                            jcr:primaryType="nt:unstructured"
                                            toolbar="[format#bold,format#italic,format#underline,#paraformat,image#imageProps,#justify,#lists,links#modifylink,links#unlink,subsuperscript#subscript,subsuperscript#superscript,misctools#specialchars]">
                                            <popovers jcr:primaryType="nt:unstructured">
                                                <justify
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[justify#justifyleft,justify#justifycenter,justify#justifyright]"
                                                    ref="justify"/>
                                                <lists
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[lists#unordered,lists#ordered,lists#outdent,lists#indent]"
                                                    ref="lists"/>
                                                <paraformat
                                                    jcr:primaryType="nt:unstructured"
                                                    items="paraformat:getFormats:paraformat-pulldown"
                                                    ref="paraformat"/>
                                                <format
                                                    jcr:primaryType="nt:unstructured"
                                                    items="[format#bold,format#italic,format#underline]"
                                                    ref="format"/>
                                            </popovers>
                                        </fullscreen>
                                    </cui>
                                </uiSettings>
                            </articleTitle>
                        </items>
                    </article>

Notice that the articleTitle field have a sling:resourceType="cq/gui/components/authoring/dialog/richtext"

When creating a page with these fields, you CANNOT edit them, even though they are required.

This seems to be true for all cq/gui/components/authoring/dialog/richtext components.

Is there a workaround for this?

Any help is greatly appreciated.

Thanks,

-Dean

14 Replies

Avatar

Level 10

Can you post a screen shot of the component where these fields are used please.

Avatar

Level 10

Is this wizard meant to go into product or only meant for author?

Avatar

Level 1

I'm facing the same issue too. do we have any solution for this?

Avatar

Level 7

facing on 6.2 or 6.3? In case of 6.2, is it vanilla instance or you have some SP installed? Can share content package for the same..

Avatar

Level 1

It's 6.2 with SP1-CFP1. How do I share my sample package in the adobe forum? I don't see any file upload option here.

Avatar

Level 1

Thanks for the quick response. Here is the link and steps to reproduce.

RAVI_ADOBE_FORUM - Google Drive

  1. Deploy the attached packages in the AEM.
  2. Go to the sites.html and select the Lesson > English folder
  3. Create a page with "Base Page" template and choose to the metadata tab.
  4. The first field "Teaser title" is a RTE field which is not editable.

This bug is seen only on the page creation. The RTE is editable after the page creation under the full screen mode or dialog mode.

Avatar

Level 10

For this field - use a textfield:

Test11.jpg

A RTE should be used in a component dialog - as shown here:

dialog.png

Avatar

Level 1

But our requirement is to use a RTE in the page properties tab and author it while creating the page. If I use the text area in the page properties. The dialog mode will also show only the text area.

Avatar

Level 1

To enter value for richtext field in Page proeprties:-

Please check for javascript errors and ensure that dependencies like cq.shared are added properly.

Even then the value entered in a rich text field will not be saved.

Avatar

Level 1

Was their a work around for this issue. I too have a requirements that authors wanter to be able to enter in Rich Text during page creation.

Thanks

Avatar

Level 3

Facing the same issue in AEM 6.4 as well any solution for this issue?