Horizontal Radio Spacing

[jkniffen]

Hi,

I may be asking a silly question so please forgive me.  Is it still not possible to add spacing between radio buttons that have a horizontal layout?  Everything I have read so far says you can't.

Thank you for your help,

Joe

[RandyHayes · Accepted solution]

@jkniffen 

No, you still cannot set that spacing on the radio control.  The best you can do is to imitate the radio control using a horizontal gallery.

I hope this is helpful for you.

[jkniffen]

Thank you Randy.  I appreciate your help.  It's a shame the functionality isn't available.

[RandyHayes]

@jkniffen 

No problem.  I believe a lot of the things that seem so easy to implement get left by the wayside because there are some workarounds in place to accommodate.  So, they get low priority.  Maybe one day when they catch up on issue without a workaround, things will get better with these type of issues.

[jkniffen]

Hi Randy,

I kind of hacked my way through it but found a way to increase the horizontal spacing between two radio buttons.  Below are my individual settings and a screen shot of what it looks like live.

Items >>

[
"1111111111111111111111111111",
"1"
]

Color >> RGBA(0, 0, 0, 0)
BorderColor >> RGBA(0, 0, 0, 0)
HoverColor >> RGBA(0, 0, 0, 0)

I placed individual labels to the right of each Radio.

It's not graceful but it works.   🙂

[RandyHayes · Accepted solution]

@jkniffen 

Yes, that will work - not so graceful.

Another solution is to utilize the horizontal gallery.

1) Create a horizontal gallery.  For your example, I set the Items to:

   ["This is the text for Radio One", "This is the text for Radio Two"]

2) In the Gallery, add a Radio control and set the Items property to: [ThisItem.Value]  (note: the square brackets are important in this case).

3) In the OnSelect action of the Radio control, set the following formula:

    UpdateContext({lclChoice:Self.Selected.Value})

4) In the Default property of the Radio control, set the formula to: lclChoice

You can now expand the gallery control and radio control as much as you want to fill space as you like.

The lclChoice variable will contain the chosen value.

[jkniffen]

Hi Randy,

Thank you for your feedback sir.  Your solution does look more graceful.   🙂   I am going to try it out as soon as I have a chance.

Thank you again for all your help sir,

Joe

[RandyHayes]

@jkniffen 

Happy to help!!