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


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?



Sony C.

3 Replies


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.

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




Please have a look at these posts:



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:- (Classic UI)

I hope this would help you.



Level 2

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

Above link is not accessible

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