Question
AppXcelerate Solutions Pvt Ltd
IN
Last activity: 10 Jul 2025 9:43 EDT
About Radio Buttons
I need a Property with 4 Local List Values and Property is Radio button. In UI i need to show Exact Space in between all values. How to achieve this
Updated: 15 Jun 2025 8:14 EDT
Capgemini
FR
Hello,
If you are trying this on a vertical list of options, I do not think it is feasible.
Would you like me to share how you can achieve this on a horizontal list?
Publicis Sapient
IN
To show 4 local list values as radio buttons with equal spacing in Pega, define the property with a local list and use the "Radio buttons" control in the UI. In Constellation, place the control inside a horizontal layout (like a grid or field group) and use spacing utilities (e.g., gap-medium). For precise spacing, apply a custom CSS class with margin settings (e.g., margin-right: 30px).
HCA Healthcare
US
To show 4 radio button values with equal spacing, first create a property with "Local List" and define your 4 values. Then, in the section rule, drag and drop the radio button control and map it to your property. In the control settings, choose "Inline" layout to show them side by side. Go to the Presentation tab and in the "Cell read-write classes," add a custom class name like "radio-spacing." Now, in your skin rule or UserWorkForm, define this class and write CSS to add spacing between the buttons like margin-right: 30px;. This will give equal space between each radio option. Save everything and test in the UI to see the evenly spaced radio buttons.