Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

How to implement multiple radio buttons in multifield touch ui dialog

Sony006
Level 3
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.

3 Replies
smacdonald2008
Level 10
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
Employee
Employee

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

nupur_k
Level 2
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