Radio Buttons Issue in TouchUI dialogs | Community
Skip to main content
V
vdhim23
New Participant
October 16, 2015
Solved

Radio Buttons Issue in TouchUI dialogs

  • October 16, 2015
  • 3 replies
  • 4452 views

I was developing touch UI component. Below is what i tried and worked at some extent. Below is dialog.xml

<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"> <herotext jcr:primaryType="nt:unstructured" jcr:title="Hero Text Properties" 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"> <myradiogroup jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radiogroup" fieldLabel="Select Fruit" name="./fruit"> <items jcr:primaryType="nt:unstructured"> <option1 jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" cq-msm-lockable="fruit" renderReadOnly="{Boolean}true" text="Apple" value="apple"/> <option2 jcr:primaryType="nt:unstructured" sling:resourceType="granite/ui/components/foundation/form/radio" cq-msm-lockable="fruit" renderReadOnly="{Boolean}true" text="Pear" value="pear"/> </items> </myradiogroup> </items> </column> </items> </herotext> </items> </content>

After this I am able to render the radio selected value on the page. But having below issue.

1) Radio options are coming in vertical direction, but i want them in horizontal.
2) Radio Group Name not display, I want same like as fieldLabel & want to hide hide the border line.
3) When i reopen the dialog, radiobutton is not selected even if the selected value stored in JCR during last submit.

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 smacdonald2008

Here is the Touch UI Radio Button documentation that may help:

http://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/form/radio/index.html?highlight=radio#/libs/granite/ui/components/foundation/form/radio

We know that we need a lot more task-based Touch UI development content. This is on our list and you will start to see more community articles around Touch UI. 

We also did a Touch UI webinar. 

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.5_ciot.html/forum__yp9e-you_can_watchthese.html

3 replies

smacdonald2008
smacdonald2008Accepted solution
New Participant
October 16, 2015

Here is the Touch UI Radio Button documentation that may help:

http://docs.adobe.com/docs/en/aem/6-0/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/components/foundation/form/radio/index.html?highlight=radio#/libs/granite/ui/components/foundation/form/radio

We know that we need a lot more task-based Touch UI development content. This is on our list and you will start to see more community articles around Touch UI. 

We also did a Touch UI webinar. 

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.5_ciot.html/forum__yp9e-you_can_watchthese.html

    smacdonald2008
    smacdonald2008
    New Participant
    October 16, 2015

    Also - you can refer to the out of the box component that uses radio in Touch UI. See this example:

    /libs/granite/ui/content/userproperties/preferences/form/items/authoring-mode

    V
    vdhim23Author
    New Participant
    October 16, 2015

    smacdonald2008 wrote...

    Also - you can refer to the out of the box component that uses radio in Touch UI. See this example:

    /libs/granite/ui/content/userproperties/preferences/form/items/authoring-mode

     

     Thanks Scott, I referred both links, /libs/granite/ui/content/userproperties/preferences/form/items/authoring-mode creates a drop down. I was trying the radiogroup to generate radio buttons but the issue is, upon reopen the dialog radio button doesn't show as selected.

     

    Thanks

    Terms & ConditionsAccessibility statement

    Loading footer...