[Tip] Horizontal radio buttons

by Sammy Zheng
Nitinol Devices & Components

If you have a need to make a radio button selection field be horizontally long, Servoy seems to have an issue with aligning the value list elements; especially if you have multiple short values and a long value. In my example, I had the below values in the value list which I needed to align in one horizontal line:

When I try to align horizontally to one line in Servoy, the spacing between each option is determined by the longest option in the value list. This leaves large gaps between values that are shorter.

The work-around, if you absolutely have to align the field in this format, is to create four separate fields, but use the same dataprovider. Then create four value lists, each containing one unique value from the original value list. The radio button behavior stays the same (only 1 value can be selected) since you’re using the same dataprovider. Align the four fields any way you like.