Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.

Touch UI multifield issue with devices.

Avatar

Former Community Member

Touch UI multifield values are not seen on devices(tablet/mobile) even when the dialog is already authored using desktop.

Steps to replicate the issue:

For Touch UI,

1. Author a multi-filed in dialog using desktop.

desktop.png

2. Check if the data is stored in CRX as JSON.

crx.png

3. Open the same dialog in device(tablet/mobile) and check for the authored values.

Screenshot_20170831-125251.png

Dialog.xml:

<?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"

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

    <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">

            <india

                jcr:primaryType="nt:unstructured"

                jcr:title="India"

                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">

                            <fieldset

                                jcr:primaryType="nt:unstructured"

                                jcr:title="India Dashboard"

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

                                <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">

                                            <dashboard

                                                jcr:primaryType="nt:unstructured"

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

                                                fieldDescription="Enter Dashboard name"

                                                fieldLabel="Dashboard"

                                                name="./iDashboard"/>

                                            <pages

                                                jcr:primaryType="nt:unstructured"

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

                                                class="full-width"

                                                fieldDescription="Click '+' to add a new page"

                                                fieldLabel="URLs">

                                                <field

                                                    jcr:primaryType="nt:unstructured"

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

                                                    eaem-nested=""

                                                    name="./iItems">

                                                    <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">

                                                                <page

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Enter Page Name"

                                                                    fieldLabel="Page Name"

                                                                    name="./page"/>

                                                                <path

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Select Path"

                                                                    fieldLabel="Path"

                                                                    name="./path"

                                                                    rootPath="/content"/>

                                                            </items>

                                                        </column>

                                                    </items>

                                                </field>

                                            </pages>

                                        </items>

                                    </column>

                                </items>

                            </fieldset>

                        </items>

                    </column>

                </items>

            </india>

            <usa

                jcr:primaryType="nt:unstructured"

                jcr:title="USA"

                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">

                            <fieldset

                                jcr:primaryType="nt:unstructured"

                                jcr:title="USA Dashboard"

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

                                <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">

                                            <dashboard

                                                jcr:primaryType="nt:unstructured"

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

                                                fieldDescription="Enter Dashboard name"

                                                fieldLabel="Dashboard"

                                                name="./uDashboard"/>

                                            <pages

                                                jcr:primaryType="nt:unstructured"

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

                                                class="full-width"

                                                fieldDescription="Click '+' to add a new page"

                                                fieldLabel="URLs">

                                                <field

                                                    jcr:primaryType="nt:unstructured"

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

                                                    eaem-nested=""

                                                    name="./uItems">

                                                    <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">

                                                                <page

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Enter Page Name"

                                                                    fieldLabel="Page Name"

                                                                    name="./page"/>

                                                                <path

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Select Path"

                                                                    fieldLabel="Path"

                                                                    name="./path"

                                                                    rootPath="/content"/>

                                                            </items>

                                                        </column>

                                                    </items>

                                                </field>

                                            </pages>

                                        </items>

                                    </column>

                                </items>

                            </fieldset>

                        </items>

                    </column>

                </items>

            </usa>

            <uk

                jcr:primaryType="nt:unstructured"

                jcr:title="UK"

                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">

                            <fieldset

                                jcr:primaryType="nt:unstructured"

                                jcr:title="UK Dashboard"

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

                                <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">

                                            <dashboard

                                                jcr:primaryType="nt:unstructured"

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

                                                fieldDescription="Enter Dashboard name"

                                                fieldLabel="Dashboard"

                                                name="./ukDashboard"/>

                                            <pages

                                                jcr:primaryType="nt:unstructured"

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

                                                class="full-width"

                                                fieldDescription="Click '+' to add a new page"

                                                fieldLabel="URLs">

                                                <field

                                                    jcr:primaryType="nt:unstructured"

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

                                                    eaem-nested=""

                                                    name="./ukItems">

                                                    <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">

                                                                <page

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Enter Page Name"

                                                                    fieldLabel="Page Name"

                                                                    name="./page"/>

                                                                <path

                                                                    jcr:primaryType="nt:unstructured"

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

                                                                    fieldDescription="Select Path"

                                                                    fieldLabel="Path"

                                                                    name="./path"

                                                                    rootPath="/content"/>

                                                            </items>

                                                        </column>

                                                    </items>

                                                </field>

                                            </pages>

                                        </items>

                                    </column>

                                </items>

                            </fieldset>

                        </items>

                    </column>

                </items>

            </uk>

        </items>

    </content>

</jcr:root>

7 Replies

Avatar

Level 10

I have never tried opening a touch UI dialog on a device. If this works on a Desktop, but not a device, there is no special configuration setting that would resolve this. It would be a Bug. I recommend opening a ticket so Eng can be made aware of this limitation.

Avatar

Level 1

did you find any solution for this??

Avatar

Level 10

It looks like you are using js script from here Experiencing Adobe Experience Manager - Day CQ: In the blog "Experiencing Adobe Experience Manger - ...

I don't see think it has to anything with product isssue, probably you need first make sure you this JS is getting executed in mobile/desktop. That's the only reason I see (at least now) where you wont be able to retrieve the properties back from jcr to dialog