Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

How to implement multiple radio buttons in multifield touch ui dialog

Avatar

Level 3

Hi All,

When we are trying to add radio buttons in multifield touch ui component dialog, not able to select the individual radio buttons for the multifield radio buttons.

Please suggest how to achieve this? Is there any property that i can select a particular radio button?

 

Thanks

Sony C.

4 Replies

Avatar

Level 10

To get radio buttons working in a Multifield in Touch UI - you need to code with the Granite APIs in a JS script. Look at this artilce to see an example of coding with the Granite APIs in a Multifield. 

https://helpx.adobe.com/experience-manager/using/mf_htl61.html

Also look at this blog - there are many Multifield articles that may help you. 

http://experience-aem.blogspot.ca/2013/08/in-blog-experiencing-adobe-experience.html

Avatar

Administrator

Hi 

Please have a look at these posts:

Link:- http://stackoverflow.com/a/27525059/6433590

//

You can use Form Input - Radio . To create a radio button group give all radio buttons the same name. The resourceType of Radio input is /libs/granite/ui/components/foundation/form/radio.

Sample Json of the Nodes :

"hideinnav": { "jcr:primaryType": "nt:unstructured", "name": "./hideInNav", "text": "Hide in Navigation", "value": "true", "cq-msm-lockable": "hideInNav", "sling:resourceType": "/libs/granite/ui/components/foundation/form/radio", "renderReadOnly": true }, "showinNav": { "jcr:primaryType": "nt:unstructured", "name": "./hideInNav", "text": "Show in Navigation", "value": "false", "cq-msm-lockable": "hideInNav", "sling:resourceType": "/libs/granite/ui/components/foundation/form/radio", "renderReadOnly": true }

Unlike the Classic UI Selection widget where the buttons are set under options node , radio buttons are independent and can be directly used in containers.

Link:-http://stackoverflow.com/questions/26483762/radio-button-selection-for-multifield

Link:- http://www.willdev4donuts.com/dialog-radio-buttons/#.WFJjdbJ97RY (Classic UI)

I hope this would help you.

~kautuk



Kautuk Sahni

Avatar

Level 2

Radio with MF does not seem to work with Coral2/Granite UI 1.0 either.

Above link is not accessible

https://helpx.adobe.com/experience-manager/using/mf_htl61.html

Is it the known limitation? How does it work with custom.js