# Perspective RadioGroup wrap education **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [February 22, 2021, 11:48pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706 "2021-02-22T23:48:57Z")\ **Posts on this page:** 6\ **Page:** 1
**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:** [February 22, 2021, 11:48pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/1 "2021-02-22T23:48:57Z")
I’m trying to work out how to configure a flex layout to allow a RadioGroup and a button to wrap properly. ![Perspective wrap 1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/3/239beda21f51c6fad7e8ba109e58f0822821bca4.png) ![Perspective wrap 4](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/6/d6a4e13ebed84e2e040862e60dd8805de493f079.png) _Figure 1. The project tree._ _Figure 2. All components and the FlexContainer are set to 0, 0, auto._ ![Perspective wrap 2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/e/1e0d0c5c62eb6e3b4156ae598405b538f3255e22.png) _Figure 3. The view when wider than the components._ ![Perspective wrap 3](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/6/26185e980609aa91a24f3a917cfab1b526aa0d3d.png) _Figure 4. The view when narrower than the components. Note that RadioGroup1 has wrapped but RadioGroup2 has not (although the button did)._ How do I add another component to the right of the RadioGroup without destroying its ability to wrap? [Perspective RadioGroup wrap.zip](https://forum.inductiveautomation.com/uploads/short-url/bsZc0Fmao2gPLweBoF5a2bgZohx.zip) (37.6 KB) ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 1:13am UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/2 "2021-02-23T01:13:19Z")
You’re asking how to provide “flexy” behavior while setting all of the flexy properties to values which prevent them from being flexy. I was able to allow for the Radio Group to wrap by wrapping it in a column-oriented Flex Container and setting `grow` and `shrink` to values of `1`. Now, this results in the Button not always being anchored to the end of the Radio Group, but at least you don’t have to scroll to your options any longer. ![Screen Shot 2021-02-22 at 5.08.27PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/5/75e931962ddc6c0bc301d69876e1ca16eb16dadc.png) To replicate this, select that nested Radio Group, then right-click the component and hover over the “Wrap in Container” option, then select “Flex Column”. ![Screen Shot 2021-02-22 at 5.09.32PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/9/b9db1c13d445f61ee97e23b0879e3bcdb0018a5d.png) Once the new container is in place in the View, set `grow` and `shrink` to values of `1`. [view.json](https://forum.inductiveautomation.com/uploads/short-url/4v4DfvKMhmZcqqMZwEbCywDUNJH.json) (10.6 KB) ---
**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:** [February 23, 2021, 7:53pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/3 "2021-02-23T19:53:33Z")
Thank you. Where do I paste the JSON to show your modified view? I can’t seem to paste anywhere on the Project Browser. ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 9:10pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/4 "2021-02-23T21:10:46Z")
In the Project Browser panel of the Designer, hold `Shift` and then right-click the View node. You can then select “Paste JSON”. ---
**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:** [February 23, 2021, 10:11pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/5 "2021-02-23T22:11:50Z")
I’m glad I asked! Where is that documented! All is good. ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [February 23, 2021, 10:18pm UTC](https://forum.inductiveautomation.com/t/perspective-radiogroup-wrap-education/43706/6 "2021-02-23T22:18:07Z")
I don’t know that it is. It’s intended as a troubleshooting tool, though it also has some advanced applications.