# Toggle Component

**URL:** <https://community.glideapps.com/t/toggle-component/36829>\
**Category:** Feature Requests\
**Created:** [January 7, 2022, 10:34pm UTC](https://community.glideapps.com/t/toggle-component/36829 "2022-01-07T22:34:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexs](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexs/32/4516_2.png) [@alexs](https://community.glideapps.com/u/alexs)\
**Post date:** [January 7, 2022, 10:34pm UTC](https://community.glideapps.com/t/toggle-component/36829/1 "2022-01-07T22:34:48Z")

</div>

Maybe this is possible already but I’d like to be able to add an expandable / collapsible toggle to my app, to enable users to access detailed information without navigating between pages. I don’t want to display the detailed information on the page because it’ll add clutter and it’ll be checked infrequently.

My workaround to create a similar functionality is to add a choice picker, with the detailed information populating its values:

 ![CleanShot 2022-01-07 at 22.31.18@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6a2f98641d45e03b0ae5e70e58ee6ef617ca7dbd.jpeg)

Which gives me this output:

 ![CleanShot 2022-01-07 at 22.29.32@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3d066403bb26db033ea32c63105772b9083997e8.jpeg) ![CleanShot 2022-01-07 at 22.29.54@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/193437409c1e2e08a08b09712fc96bc4d81dc5c2.jpeg)

But this doesn’t work perfectly because I still have to select a column that contains the data for the picker, even though there isn’t any.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 8, 2022, 12:33am UTC](https://community.glideapps.com/t/toggle-component/36829/2 "2022-01-08T00:33:28Z")

</div>

You can just add any component that will set a value to true or false using a custom action, and then conditionally show or hide other components based on that value.

---

<div class="post-metadata">

**Author:** ![alexs](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexs/32/4516_2.png) [@alexs](https://community.glideapps.com/u/alexs)\
**Post date:** [January 8, 2022, 1:00pm UTC](https://community.glideapps.com/t/toggle-component/36829/3 "2022-01-08T13:00:39Z")

</div>

Thanks, that works ok too. But I find that feeding data (the true or false value), into my spreadsheet and then back again can be quite slow. So perhaps you’d get better performance from an inbuilt feature that works more like the picker, in terms of displaying a pre-populated list of values when it’s selected.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 8, 2022, 1:03pm UTC](https://community.glideapps.com/t/toggle-component/36829/4 "2022-01-08T13:03:21Z")

</div>

> [@alexs](#):
>
> But I find that feeding data (the true or false value), into my spreadsheet and then back again can be quite slow.

Indeed.  
So what you should do is write the value to a [User Specific](https://docs.glideapps.com/all/product/data-editor/user-specific-columns) column, and then it will be instant. (And you will also avoid the problem of users getting in each others way as they change the value).

---

<div class="post-metadata">

**Author:** ![alexs](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexs/32/4516_2.png) [@alexs](https://community.glideapps.com/u/alexs)\
**Post date:** [January 8, 2022, 1:17pm UTC](https://community.glideapps.com/t/toggle-component/36829/5 "2022-01-08T13:17:58Z")

</div>

That works great, thanks for the tip!