# How can I create radio buttons

**URL:** <https://forum.adalo.com/t/how-can-i-create-radio-buttons/197>\
**Category:** Get Help\
**Created:** [February 1, 2020, 4:54am UTC](https://forum.adalo.com/t/how-can-i-create-radio-buttons/197 "2020-02-01T04:54:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gila](https://avatars.discourse-cdn.com/v4/letter/g/7feea3/32.png) [@gila](https://forum.adalo.com/u/gila)\
**Post date:** [February 1, 2020, 4:54am UTC](https://forum.adalo.com/t/how-can-i-create-radio-buttons/197/1 "2020-02-01T04:54:46Z")

</div>

Hey,

Newbie here. How do I create the radio buttons like these ones in the Tavolo app? I can’t find radio buttons in the form components. Is there a guide somewhere?

 ![IMG_5295.PNG](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/1X/21d7bbe60f89fd64e40b30939b4dc5baa45ef236.jpeg)

---

<div class="post-metadata">

**Author:** ![ChristopheHK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/christophehk/32/1179_2.png) [@ChristopheHK](https://forum.adalo.com/u/ChristopheHK)\
**Post date:** [June 27, 2020, 12:06pm UTC](https://forum.adalo.com/t/how-can-i-create-radio-buttons/197/2 "2020-06-27T12:06:12Z")

</div>

If I am correct, they don’t use radio button, they build them using text (for the number) and rectangles (rounded, with or without the black background). When you click on, they switch from one rectangle to the other, for select/un select.

---

<div class="post-metadata">

**Author:** ![dreamjobs](https://avatars.discourse-cdn.com/v4/letter/d/6a8cbe/32.png) [@dreamjobs](https://forum.adalo.com/u/dreamjobs)\
**Post date:** [August 11, 2020, 9:17pm UTC](https://forum.adalo.com/t/how-can-i-create-radio-buttons/197/3 "2020-08-11T21:17:26Z")

</div>

Can you explain what you mean by select/unselect? I’m trying to create a radio button (4 buttons) but can’t seem to figure out how to do this.

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [August 12, 2020, 5:07pm UTC](https://forum.adalo.com/t/how-can-i-create-radio-buttons/197/4 "2020-08-12T17:07:10Z")

</div>

Hi @dreamjobs,

Seems radio buttons are not built-in. I’ve managed to make a workaround. Here is the logic:

- you create 4 boolean properties in the database collection, one for each button
- you put 4 toggles, change active icon to “radio button checked” and inactive for “… unchecked”
- you “attach” each of these 4 toggles to their respective boolean properties
- as I understand toggles work in a way: when they are clicked, the property state changes immediately in the database (true to false, false to true). In radio buttons you don’t need that. The workaround is to create a click action for each toggle, when you explicitly change the property of this toggle to True, and other 3 to False.

It seem to work, though not very fast. Personally I decided to use the other UX interface type.

Just in case, video demo

[![](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/e/e9c6b77499d4ad34ef5eea7957d928b7a080094a.jpeg "adalo radio buttons experiments") ](https://www.youtube.com/watch?v=Pm9A8fIoITI)