Checkbox like radio button functionality

Thank you all!

I am wondering ,Did anyone implemented something like this or know how to implement:

1-There a list of records around 5-6 and the list consists of checkbox for each record.
2-The user should be able to select only one checkbox at a time-Something how a radio button works.


Hi Naren,

A check box is a check box, a radio button is a radio button. Why don't you want to use a radio button? It is considered very bad UX to change the semantics of well-known widgets.

Hi Naren,

If it behaves like a radio button... why not use a radio button?

If you want to customize the look of a radio button you can use CSS, I believe SIlk UI and OutSystems UI already do this (so you can check how it's done for their case), or you can check this for something "close" to what you want (you may want to use the :before selector and maybe a font-awesome class to get the desired effect, for instance).

The desired behaviour, while still using the Checkbox widget, would require some coding (either JavaScript or OutSystems with Ajax Refreshes) to disable all other widgets in the same group, which I would avoid - more code, more chances of bugs.

Hope this helps

Kilian Hekhuis wrote:

Hi Naren,

A check box is a check box, a radio button is a radio button. Why don't you want to use a radio button? It is considered very bad UX to change the semantics of well-known widgets.


Thanks

I tried using radio button too ,but still it is working same like checkbox.
If I click on a radio button and click on another radio button in the same list still both radio buttons are active.

Naren,

You need to make sure both Radio Buttons share the same Variable (check this online lesson).

Hi Naren,

See attached a very simple module that has a working radio button.

Jorge Martins wrote:

Hi Naren,

If it behaves like a radio button... why not use a radio button?

If you want to customize the look of a radio button you can use CSS, I believe SIlk UI and OutSystems UI already do this (so you can check how it's done for their case), or you can check this for something "close" to what you want (you may want to use the :before selector and maybe a font-awesome class to get the desired effect, for instance).

The desired behaviour, while still using the Checkbox widget, would require some coding (either JavaScript or OutSystems with Ajax Refreshes) to disable all other widgets in the same group, which I would avoid - more code, more chances of bugs.

Hope this helps

I have implemented in other way around created a local variable to store the selected id and based on that condition ,toggle the checkbox and it is working fine.


Hi Naren,

I don't really understand what you mean. Have you checked (no pun intended) the Module I posted?

Kilian Hekhuis wrote:

Hi Naren,

I don't really understand what you mean. Have you checked (no pun intended) the Module I posted?


No,Let me check it out!