Radio button value persists but not retrieved in touch UI dialog | Community
Skip to main content
MandaPavanKumar
MandaPavanKumar
Level 2
April 6, 2023

Radio button value persists but not retrieved in touch UI dialog

  • April 6, 2023
  • 2 replies
  • 1137 views

Hi All,

    When I drag and drop the component on to the page and authored the component and selected the radio button and submitted the aem touch ui dialog and compoennt properties asved successfully. But when I re-open the aem dialog again then I am not able to see that none of the radio buttons are selected. Can anyone please help me on this issue.

 

Thanks,

Pavan

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

SivakumarKanoori
Community Advisor
SivakumarKanooriCommunity Advisor
Community Advisor
April 7, 2023

@mandapavankumar : 

Can you check your radio field in you dialog follows below structure.

 

myradiogroup
    - sling:resourceType = "granite/ui/components/foundation/form/radiogroup"
    + items
      + option1
        - sling:resourceType = "granite/ui/components/foundation/form/radio"
        - name = "browser"
        - value = "ie"
        - text = "Internet Explorer"
      + option2
        - sling:resourceType = "granite/ui/components/foundation/form/radio"
        - name = "browser"
        - value = "chrome"
        - text = "Chrome"
      + option3
        - sling:resourceType = "granite/ui/components/foundation/form/radio"
        - name = "browser"
        - value = "firefox"
        - text = "Firefox"

 

Thanks,

Siva 

Thanks,Siva
    MandaPavanKumar
    MandaPavanKumarAuthor
    Level 2
    April 7, 2023

    Hi Siva, 

         I am using following structure for the radigroupin aem dialog:

     

    Please correct me I I am having issue.

    Thanks,

    <formServiceAreas granite:id="formServicesAreas" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/radiogroup" name="./formServicesAreas" required="{Boolean}false"> <items jcr:primaryType="nt:unstructured"> <convention-centers granite:id="convention-centers" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" class="hide title-url-hide-show" formTemplate="se_hub_reach_out" name="./convention-centers" renderReadOnly="{Boolean}true" text="Convention Centers" value="conventionCenters"/> <multiple-services granite:id="multiple-services" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" class="hide title-url-hide-show" formTemplate="bi_hub_reach_out" name="./multiple-services" renderReadOnly="{Boolean}true" text="Multiple Services" value="multipleServices"/> <food-services granite:id="food-services" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" class="hide title-url-hide-show" formTemplate="bi_hub_reach_out" name="./food-services" renderReadOnly="{Boolean}true" text="Food Services" value="foodServices"/> <refreshments granite:id="refreshments" jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" class="hide title-url-hide-show" formTemplate="bi_hub_reach_out" name="./refreshments" renderReadOnly="{Boolean}true" text="Refreshments" value="refreshments"/> </items> </formServiceAreas>

    Pavan

      arunpatidar
      Community Advisor
      arunpatidarCommunity Advisor
      Community Advisor
      April 10, 2023

      Hi @mandapavankumar 

      You are mixing Coral2 and Coral3 for radio button in your implementation.

       

      Just try with either of them (Coral3 is recommended.)

      https://github.com/arunpatidar02/aemaacs-aemlab/blob/f96ce5316dfa4798c72d2e87d3a0b41fc49791a4/ui.apps/src/main/content/jcr_root/apps/aemlab/oneweb/concept/components/multifield-json/_cq_dialog/.content.xml#L145 

      Arun Patidar
        Sady_Rifat
        Community Advisor
        Sady_RifatCommunity Advisor
        Community Advisor
        April 7, 2023

        Hello @mandapavankumar ,
        You can use Coral UI 3 Dialog field for the touch UI which is the latest one. The structure of the radio group will be like the one below. Here I attached the full dialog structure to avoid confusion.

        <?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="My Component" sling:resourceType="cq/gui/components/authoring/dialog"> <content jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns"> <items jcr:primaryType="nt:unstructured"> <column jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/container"> <items jcr:primaryType="nt:unstructured"> <typeGroup jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/radiogroup" name="./typeGroup" fieldLabel="Modal Open Type"> <items jcr:primaryType="nt:unstructured"> <optionOne jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/radio" text="Option One" value="one"/> <optionTwo jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/radio" text="Option Two" value="two"/> <optionThree jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/coral/foundation/form/radio" text="Option Three" value="three"/> </items> </typeGroup> </items> </column> </items> </content> </jcr:root>
          Terms & ConditionsAccessibility statement

          Loading footer...