Multifield issue in touch ui dialog | Community
Skip to main content
5
553
New Participant
November 9, 2022
Solved

Multifield issue in touch ui dialog

  • November 9, 2022
  • 3 replies
  • 1061 views

Hi,

My requirement was to migrate classic ui dialog to touch ui.

I have used granite multifield in touch ui, I given required properties to useful Links and contact Links.

But useful links showing required and submitting the dialog without giving values to the contact Links.

Issue not in properties, having two multifields is issue here. Please help me regarding this issue. Thanks in advance.

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 aanchal-sikka

Please refer to this blog: https://medium.com/activate-aem/create-multifield-dialog-in-aem-f3e4a616f041

 

It shows step-by-step details on how to create mutifield with multiple input elements

3 replies

aanchal-sikka
aanchal-sikkaAccepted solution
New Participant
December 27, 2023

Please refer to this blog: https://medium.com/activate-aem/create-multifield-dialog-in-aem-f3e4a616f041

 

It shows step-by-step details on how to create mutifield with multiple input elements

Aanchal Sikka
    S
    SwetaB
    New Participant
    November 9, 2022

    Hi @553 

     

    Can you provide the dialog snippet for the multifield added for both fields ?

     

     

      5
      553Author
      New Participant
      November 9, 2022

      <usefulLinks
      jcr:primaryType="nt:unstructured"
      jcr:title="usefullinks"
      sling:resourceType="granite/ui/components/coral/foundation/well"
      margin="{Boolean}true">
      <items jcr:primaryType="nt:unstructured">
      <multifield
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/multifield"
      class="full-width"
      composite="{Boolean}true"
      fieldLabel="Useful Links">
      <field
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/fieldset"
      acs-commons-nested="JSON_STORE"
      checkbox-multifield=""
      name="./usefulLink">
      <items jcr:primaryType="nt:unstructured">
      <column
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/coral/foundation/container">
      <items jcr:primaryType="nt:unstructured">
      <linkText
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/textfield"
      fieldLabel="Link Text"
      name="./linkText"
      required="{Boolean}true"/>
      <link
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
      fieldLabel="Link"
      name="./link"
      required="{Boolean}true"
      rootPath="/content"/>
      <openLinkInNewWindow
      granite:class="coral-Form-fieldwrapper"
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/foundation/form/checkbox"
      name="./openLinkNewWindow"
      text="Open in new window"
      value="{Boolean}true">
      <linkText
      jcr:primaryType="nt:unstructured"
      sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
      fieldLabel="Link Text"
      name="./linkText"/>
      </openLinkInNewWindow>
      </items>
      </column>
      </items>
      </field>
      </multifield>
      </items>
      </usefulLinks>

        5
        553Author
        New Participant
        November 9, 2022

        <contactLinks
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/well"
        margin="{Boolean}true">
        <items jcr:primaryType="nt:unstructured">
        <multifield
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/foundation/form/multifield"
        class="full-width"
        composite="{Boolean}true"
        fieldLabel="Contact Links">
        <field
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/foundation/form/fieldset"
        acs-commons-nested="JSON_STORE"
        checkbox-multifield=""
        name="./contactLink">
        <items jcr:primaryType="nt:unstructured">
        <column
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/container">
        <items jcr:primaryType="nt:unstructured">
        <linkText
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
        fieldLabel="Link Text"
        name="./linkText"
        required="{Boolean}true"/>
        <link
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/pathbrowser"
        fieldLabel="Link"
        name="./link"
        required="{Boolean}true"
        rootPath="/content"/>
        <openLinkInNewWindow
        granite:class="coral-Form-fieldwrapper"
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/form/checkbox"
        name="./openLinkNewWindow"
        text="Open in new window"
        value="{Boolean}true"/>
        </items>
        </column>
        </items>
        </field>
        </multifield>
        </items>
        </contactLinks>

          Manu_Mathew_
          Manu_Mathew_
          New Participant
          November 9, 2022

          @553 Could you check if the name attribute is different for both?

          something like - 

          name="./usefulLinks/linkText"

          name="./usefulLinks/link"

           

          name="./contactLinks/linkText"

          name="./contact Links/linkText"

            Terms & ConditionsAccessibility statement

            Loading footer...