Highlighted

Coral composite multifield does not support coral autocomplete OOTB component

Avatar

Avatar

velmuruganv38

Avatar

velmuruganv38

velmuruganv38

18-12-2018

Hi All,

I have created a cq:dialog in aem6.3 with composite multifield which has one text field and autocomplete textfield.  When I change the multifield resource type from granite to coral, the autocomplete text field throws an error in the console when I type in.

Below is my dialog structure,

<?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" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Text Component"

    sling:resourceType="cq/gui/components/authoring/dialog"

    helppath="en/cq/current/wcm/&#xa;default_components.html#Carousel">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/foundation/container">

        <layout

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/foundation/layouts/tabs"

            type="nav"/>

        <items jcr:primaryType="nt:unstructured">

            <tab1

                jcr:primaryType="nt:unstructured"

                jcr:title="Content Owners"

                sling:resourceType="granite/ui/components/foundation/section">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>

                <items jcr:primaryType="nt:unstructured">

                    <column

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container">

                        <items jcr:primaryType="nt:unstructured">

                            <contentowner

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/coral/foundation/form/multifield"

                                composite="{Boolean}true"

                                eaem-show-on-collapse="EAEM.showProductName"

                                fieldLabel="Content Owner">

                                <field

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/form/fieldset"

                                    acs-commons-nested=""

                                    name="./myUserSubmenu">

                                    <layout

                                        jcr:primaryType="nt:unstructured"

                                        sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                                        method="absolute"/>

                                    <items jcr:primaryType="nt:unstructured">

                                        <column

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/container">

                                            <items jcr:primaryType="nt:unstructured">

                                                <autocomplete

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete"

                                                    fieldDescription="Enter User Submenu title"

                                                    fieldLabel="User Submenu Title"

                                                    multiple="{Boolean}true"

                                                    name="./title">

                                                    <datasource

                                                        jcr:primaryType="nt:unstructured"

                                                        sling:resourceType="cq/gui/components/common/datasources/tags"/>

                                                    <options

                                                        jcr:primaryType="nt:unstructured"

                                                        sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/list"/>

                                                    <values

                                                        jcr:primaryType="nt:unstructured"

                                                        sling:resourceType="granite/ui/components/coral/foundation/form/autocomplete/tags"/>

                                                </autocomplete>

                                                <comment

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/coral/foundation/form/textfield"

                                                    emptyText="comments"

                                                    fieldLabel="Comments"

                                                    name="./comment"/>

                                            </items>

                                        </column>

                                    </items>

                                </field>

                            </contentowner>

                        </items>

                    </column>

                </items>

            </tab1>

        </items>

    </content>

</jcr:root>

When type in autocomplete field I'm getting below error in foundation js,

1649869_pastedImage_1.png

Any suggetions please let me know.

Thanks in advance!