Unanswered

Change spacing between radio buttons in horizontal.

(0) Share

Report

Posted on by martinav

3,340

I want to use radio buttons, but I have not found where to change the spacing. It will proportionally get closer together with the Size control, but I dont want the actual buttons so small you cannot see them. I cant seem to find any other control to do this. Helpie?

I want the buttons to align and go under the vertical labels. Thay need to be quite close.

Thanks

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (1)

rsaikrishna

3,703 on at

Like (0)

Report

@martinav

There is no provision to reduce the space between two radio buttons in Horizontal orientation.

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Control-spacing-between-Horizontal-Radio-Buttons/idi-p/302731

Try increasing the space between the vertical labels to match the Radio button space.

Regards

Krishna Rachakonda

If this reply helped you to solve the issue, please mark the post as Accepted Solution. Marking this post as Accepted Solution, will help many other users to use this post to solve same or similar issue without re-posting the issue in the group. Saves a lot of time for everyone.

Was this reply helpful? Yes No

Verified answer

martinav 3,340 on at

Like (0)

Report

There is simply no room to do that. I'll have to use check boxes with lots of conditions to deselect when others are selected. Can be done, just not the best.

Was this reply helpful? Yes No
martinav 3,340 on at

Like (0)

Report

@rsaikrishna ,

I would also be totally into a Rotate control for all objects. Seems rather basic, but it doesnt exist. Have to manipulate an htmltext control to get any text that isnt horizontal. Thats also rather limiting for a lot of cases.

Was this reply helpful? Yes No

rsaikrishna

3,703 on at

Like (0)

Report

@martinav

I think i found a word around but it may need additional steps:

Radio buttons accepts collection for its Items property.

Created separate collections, placed individual radio button controls on the canvas, connected each radio button control's Items property with one collection. With this, it will show only one radio button control. Now, we can adjust the space between the controls as we need.

But, here we need to have additional checks to handle the toggle between different radio button controls.

Please check this approach if helps you.

Regards

Krishna Rachakonda

Was this reply helpful? Yes No

martinav 3,340 on at

Like (0)

Report

@rsaikrishna ,

Thats pretty much what I was going to do, but with checkboxes. Its a little simpler to put together, and achieves the same result.

Thanks.

Was this reply helpful? Yes No
hitarth7293 2 on at

Like (0)

Report

It is possible to do this using a gallery and feeding the choice items as its source and then treating each tile of gallery as a radio option.

Example:
Datasouce is a choice column name TestChoice from SharePoint List :
Steps:
1. Gallery.Items = Choices([@'SharePoint List Name'].'TestChoice')
2. Add a Checkbox to Gallery Tile adn set its "Text" property to ThisItem.Value
3. Set OnCheck property of Checkbox to Select(Parent)

This will create a single select radio button control where you can change the spacing between horizontal and vertical options.

Was this reply helpful? Yes No
tbeerman6646 4 on at

Like (0)

Report

I was searching for a solution to this same issue. I found a less than eloquent, but functional solution. Mine was a simple Yes/No so I used the Items field and added several underscores (i.e. ___) inside the quote for the first item until I had the spacing I wanted. Then I added a Text Label (without text) on top of the underscore and filled the box with the appropriate color to make the underscore "disappear."

Was this reply helpful? Yes No