# Radio Button groupinig

**URL:** <https://techcommunity.softwareag.com/t/radio-button-groupinig/102312>\
**Category:** Forum\
**Tags:** mobile\
**Created:** [January 15, 2013, 7:43am UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312 "2013-01-15T07:43:45Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 7:43am UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/1 "2013-01-15T07:43:45Z")

</div>

Hi All,

We have a set of radio checkboxes to allow user to select one of them. It works fine when it is just added to a view and the radio checkboxes are displayed vertically.

But the requirement is to display the radio checkboxes horizontally.

We used a table structure to do so. The display is working as expected, but the radio checkbox grouping does not work, i.e user can select multiple radio checkboxes of the same group.

We figured out that if the radio checkboxes are placed in the same container (view/ Container Element/table cell) they work fine, but if they are placed in a different containers and assigned same group ID they does not work as a group.

Please suggest how we achieve displaying radio checkboxes of same group horizontally.

Regards  
Vageesh Shadakshari  
Global Consulting Servies - India  
SoftwareAG | Bangalore

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 11:22am UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/2 "2013-01-15T11:22:48Z")

</div>

Hi Vageesh,

The requirement seems rather unusual - we normally wouldn’t recommend horizontal placement. The only way I can currently think of accomplishing it is direct positioning/sizing of the components (specifically setting setWidth/setX/setY) within a convenient container or table or something.

Regards,

Nick.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 11:27am UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/3 "2013-01-15T11:27:48Z")

</div>

Difficult for me to give a full appraisal on the little info I have, but it sounds like a odd use case. I can’t think of a situation where Radio buttons, side-by-side, would be a natural UI convention. Perhaps these should just be buttons, or even a custom UI element?

I’d be happy to advise further if you wanted to send me some mockups/design spec etc.

Thanks, Glenn.

(Mobile Designer Development Team)

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 3:27pm UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/4 "2013-01-15T15:27:49Z")

</div>

Glenn,

PFA, a feedback form. It has an image based radio checkboxes, but we are trying to implement only with native radio checkboxes.

Regards  
Vageesh Shadakshari  
Global Consulting Servies - India  
SoftwareAG | Bangalore

![Feedback.jpg](https://global.discourse-cdn.com/techcommunity/original/2X/3/3a8c145dc4545ba73e1ed22893bd5de66cd3e5a9.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 3:37pm UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/5 "2013-01-15T15:37:48Z")

</div>

This shouldn’t be achieved using radio checkboxes. I can see why an old school desktop application might have used radio buttons (with each one labeled with a rating) but this is not the approach to take on mobile.

To recreate the type of interface shown in your attached image you should just create two star assets (on and off) and place them in a table with five cells. Each image will be clickable (from the docs: You can make a simple image behave like a button and generate EVT\_TRIGGER events by calling setTriggerable(true) when a user selects the image.).

Then you just need a bit of logic to switch the relevant images to on or off.

Using radio buttons can’t give you the effect of 3 out of 5 being on.

Glenn

(Mobile Design Development Team)

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [January 15, 2013, 3:57pm UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/6 "2013-01-15T15:57:48Z")

</div>

Vageesh,

Have you looked at the bookstore app?The design is very similar to your requirement.

---

<div class="post-metadata">

**Author:** ![Mark\_Reynolds](https://sea1.discourse-cdn.com/techcommunity/user_avatar/techcommunity.softwareag.com/mark_reynolds/32/37321_2.png) [@Mark\_Reynolds](https://techcommunity.softwareag.com/u/Mark_Reynolds)\
**Post date:** [January 15, 2013, 5:32pm UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/7 "2013-01-15T17:32:48Z")

</div>

Hi Vageesh,

A quick correction to Glenn’s mail below - You need to call setTriggerable(true) when _creating_ the nUIImageElement, not when the user’s selecting it.

Regards,

Mark.

(Mobile Design Development Team)

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/techcommunity/original/3X/c/d/cd19967bb605d28a72d77eb83a1cae22f3df2eb8.svg) [@system](https://techcommunity.softwareag.com/u/system)\
**Post date:** [April 2, 2021, 3:02pm UTC](https://techcommunity.softwareag.com/t/radio-button-groupinig/102312/8 "2021-04-02T15:02:52Z")

</div>


