Radio Button Options - Adding Spacing

RE: Radio Button Options - Adding Spacing

Harshit Bumb (Appyzie) — Mon, 26 Jun 2023 05:55:15 GMT

You can add it in choiceLabels.

RE: Radio Button Options - Adding Spacing

anoushkag1515 — Mon, 26 Jun 2023 05:53:54 GMT

Can you share the code where you used this?

RE: Radio Button Options - Adding Spacing

Harshit Bumb (Appyzie) — Sat, 02 Nov 2019 06:53:24 GMT

Cheers! 🥂

RE: Radio Button Options - Adding Spacing

Evan Rust — Thu, 31 Oct 2019 13:45:50 GMT

Thank you - the char(0160) worked...the other char()s I used for whitespace did not. This is good to know!

RE: Radio Button Options - Adding Spacing

Harshit Bumb (Appyzie) — Thu, 31 Oct 2019 06:24:37 GMT

Hi Evan,
You can do this by adding an invisible character at the end of labels. Appian does not trim it. Get that character from here " " or use ALT+0160. Even though it is a hack, it will work.
P.S. It might also work with char(0160) function.
-Harshit

RE: Radio Button Options - Adding Spacing

Evan Rust — Thu, 31 Oct 2019 00:48:20 GMT

Hi John,

Here is an example. I would like the options to have more space between them--not trying to line them up with anything else

My component is:

a!radioButtonField(
label:"Test Field",
choiceLabels:{"Option 1","Option 2","Option 3"},
choiceValues:{1,2,3},
choiceLayout: "COMPACT"
)

And it looks like:

RE: Radio Button Options - Adding Spacing

John Rogers — Wed, 30 Oct 2019 22:19:22 GMT

I agree that it's probably not worth the hassle to put them in a side-by-side layout.

Can you share what you're trying to accomplish (or the screen itself if possible)? Is this because you want it look better, are you trying to make the options line up with something else, etc.