Is there a way to change the spacing between the radio buttons in a vertical layout?
Hi Arthur Butler,
Greetings from Syncfusion support!
To change the spacing between the radio buttons in a vertical layout, you can use the Spacing property of a VerticalStackLayout, as shown in the following code snippet:
Code snippet:
|
<VerticalStackLayout Spacing="5"> <buttons:SfRadioButton Text="Option 1" GroupKey="{StaticResource radioGroup}"/> <buttons:SfRadioButton Text="Option 2" GroupKey="{StaticResource radioGroup}"/> <buttons:SfRadioButton Text="Option 3" GroupKey="{StaticResource radioGroup}"/> </VerticalStackLayout> |
In this example, the Spacing property is set to 5, which adjusts the space between each radio button in the vertical layout. You can modify the value to achieve the desired spacing.
Should you have any further questions, concerns, or need additional assistance, please don’t hesitate to reach out. We’re here to help!
Regards,
Brundha V
This does not work inside an SfRadioGroup. It breaks the functionality of SfRadioGroup.
Regards,
Arthur
Hi Arthur Butler,
We’d like to inform you that you can customize the spacing between radio buttons within a radio group using the Spacing property of SfRadioGroup, as shown in the code snippet below:
|
<buttons:SfRadioGroup Spacing="-15"> <buttons:SfRadioButton Text="Option 1" /> <buttons:SfRadioButton Text="Option 2"/> <buttons:SfRadioButton Text="Option 3"/> <buttons:SfRadioButton Text="Option 4"/> <buttons:SfRadioButton Text="Option 5"/> </buttons:SfRadioGroup> |
If the above solution does not meet your requirements, please provide additional details so we can assist you more effectively.
These details will help us better understand your requirements and provide tailored support.
Regards,
Brundha V
Thank you, that works well.
Hi Arthur Butler,
You're welcome.
We are glad to know that the reported problem
has been resolved. We are marking this thread as solved. Please let us know if
you require any further assistance on this. We will be happy to assist you.
Regards,
Preethi R