Radio Buttons Issue in TouchUI dialogs

[vdhim23]

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.

[smacdonald2008 · Accepted solution]

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

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-manage...

[smacdonald2008]

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

[vdhim23]

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