Level 3

How to implement multiple radio buttons in multifield touch ui dialog

Forum|Forum|9 years ago
December 14, 2016
4 replies
4103 views

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.

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

smacdonald2008

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

kautuk_sahni

Community Manager

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

N

nupur_k

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