# Radio group & scroll bar

**URL:** <https://forum.inductiveautomation.com/t/radio-group-scroll-bar/76867>\
**Category:** Ignition\
**Created:** [July 25, 2023, 2:06pm UTC](https://forum.inductiveautomation.com/t/radio-group-scroll-bar/76867 "2023-07-25T14:06:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ha99](https://avatars.discourse-cdn.com/v4/letter/h/7feea3/32.png) [@Ha99](https://forum.inductiveautomation.com/u/Ha99)\
**Post date:** [July 25, 2023, 2:06pm UTC](https://forum.inductiveautomation.com/t/radio-group-scroll-bar/76867/1 "2023-07-25T14:06:22Z")

</div>

Hi 😊 ,  
I need to config a large number of elememen dynamically with a script in a radios group, and i need too add a scrol bar.  
how to align a large elements of radios group, with newline for each element (I tested a vertical-align: middle; but it doesn't work) 😕 , and how to add a barre scroll if the number of elements is large.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 25, 2023, 2:52pm UTC](https://forum.inductiveautomation.com/t/radio-group-scroll-bar/76867/2 "2023-07-25T14:52:37Z")

</div>

1. Add a Flex Container and set it to column. I set the PROPS to,

```auto
direction : column
wrap : nowrap
justify : flex-start
alignItems : flex-start
alignContent : stretch
style
    overflow : scroll

```

and POSITION props to

```auto
grow : 0
shrink : 0
basis : 200px

```

1. Deep-select your flex container and add your radio buttons and set POSITION props to

```auto
grow : 0
shrink : 0
basis : 35px

```

---

<div class="post-metadata">

**Author:** ![hunterdg](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hunterdg/32/67774_2.png) [@hunterdg](https://forum.inductiveautomation.com/u/hunterdg)\
**Post date:** [March 4, 2025, 7:33am UTC](https://forum.inductiveautomation.com/t/radio-group-scroll-bar/76867/4 "2025-03-04T07:33:32Z")

</div>

piggy-backing on here.

I want to collapse a 'column' radio-group like I can collapse a ‘column’ flex repeater using maxHeight style property (without the radio group re-flowing/wrapping). Would be fine if a vertical scroll bar appeared but not necessary.

The above solution doesn’t appear to work in this case (unless i’ve wrongly implemented it)

Any thoughts?