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
BedrockMission!

Learn More

View all

Sign in to view all badges

Radio button value persists but not retrieved in touch UI dialog

Avatar

Avatar
Validate 1
Level 2
angthefire
Level 2

Likes

3 likes

Total Posts

10 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
angthefire
Level 2

Likes

3 likes

Total Posts

10 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
angthefire
Level 2

07-11-2017

I have a set of radio buttons (top, center and bottom). My requirement is such that I have used the property "checked" as true to show "center" as the selected one when the component is dragged and dropped on the page.

If I open the dialog, selects the radio button "top" and click submit, I am getting the value as "top" in my html page. But, if I reopen the dialog, the "center" button is selected instead of "top".

As per requirement, I can't change the order of radio button as well as default selection.

Replies

Avatar

Avatar
Give Back
Level 1
sindhug18447691
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
Applaud 5
View profile

Avatar
Give Back
Level 1
sindhug18447691
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
Applaud 5
View profile
sindhug18447691
Level 1

24-03-2020

this worked for  /libs/granite/ui/components/foundation/form/radio/radio.jsp.

but is there anything when we use /libs/granite/ui/components/coral/foundation/form/radiogroup in aem 6.4.

Avatar

Avatar
Seeker
Level 2
Rajalakshmi
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

0 solutions
Top badges earned
Seeker
Give Back 3
Give Back
Engage 1
Boost 5
View profile

Avatar
Seeker
Level 2
Rajalakshmi
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

0 solutions
Top badges earned
Seeker
Give Back 3
Give Back
Engage 1
Boost 5
View profile
Rajalakshmi
Level 2

23-10-2020

Hi @Arun_Patidar , 

This solution works fine but it causes another issue, "vertical {Boolean} false" property is not working for coral radio button. Can you help me in this.

Thanks.

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,155 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

25-10-2020

This is known issue, you need to right custom css. e.g.

<radiogroup
 granite:class="granite-dialog-radio--horizontal"
 jcr:primaryType="nt:unstructured"
 sling:resourceType="granite/ui/components/coral/foundation/form/radiogroup"/>

CSS

/* Display granite/ui/components/coral/foundation/form/radiogroup items in horizontal layout */
.coral-Form-field.granite-dialog-radio--horizontal.coral-RadioGroup .coral3-Radio {
    display: inline-block;
}

Avatar

Avatar
Seeker
Level 2
Rajalakshmi
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

0 solutions
Top badges earned
Seeker
Give Back 3
Give Back
Engage 1
Boost 5
View profile

Avatar
Seeker
Level 2
Rajalakshmi
Level 2

Likes

8 likes

Total Posts

15 posts

Correct Reply

0 solutions
Top badges earned
Seeker
Give Back 3
Give Back
Engage 1
Boost 5
View profile
Rajalakshmi
Level 2

05-11-2020

Thanks @Arun_Patidar this worked fine.

Avatar

Avatar
Validate 1
Level 3
dorianhallward
Level 3

Likes

16 likes

Total Posts

71 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile

Avatar
Validate 1
Level 3
dorianhallward
Level 3

Likes

16 likes

Total Posts

71 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 10
Ignite 1
View profile
dorianhallward
Level 3

17-12-2020

@kenccwong in AEM 6.4. /libs/granite/ui/components/foundation/form/radio/radio.jsp is marked as granite:FinalArea which i think means this component should not be overlaid (?).

(Stumbled upon this thread looking for explanation of why saved values are not shown (and subsequently get overwritten when 2 or more radio groups are used in a multifield).