# Number Picker - Suggestions Please

**URL:** <https://community.glideapps.com/t/number-picker-suggestions-please/17167>\
**Category:** Ask for Help\
**Created:** [October 15, 2020, 8:14am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167 "2020-10-15T08:14:17Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 15, 2020, 8:14am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/1 "2020-10-15T08:14:17Z")

</div>

Suggestions needed please.

I have an app in which a user needs to answer a series of questions by choosing a number between 1 and 10. I’m struggling to find a “nice, user friendly” way to achieve this with the Glide components that I’m aware of. For example:

- Rating component - only goes up to 5
- Feedback component - ditto and I can’t choose appropriate emoji anyway
- Choice component - segmented only goes up to 6

So I’m therefore stuck with either:

- A number edit
- A choice component with “dropdown”

The first is a bit clunky. The second is a bit “bland” when it just contains the numbers 1 to 10.

I’m guessing that somebody must have done this before in a user-friendly way? Or maybe @Antonio has some ideas to make it look nicer? It’s a shame because the rest of the app looks super cool (if I say so myself).

Thanks.

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [October 15, 2020, 8:18am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/2 "2020-10-15T08:18:22Z")

</div>

2 choice components one after the other, the first is set to 1-5 and the second to 6-10.  
Both components write to the same column so if they choose 5 and then 7 the 5 will disappear

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 15, 2020, 8:23am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/3 "2020-10-15T08:23:44Z")

</div>

That’s interesting @yinon_raviv but it may give me an issue with the “required” checkbox. I need to ensure that the user enters a number, so in this scenario I’d need to set both choices to required, but one would not have a value?

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [October 15, 2020, 8:27am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/4 "2020-10-15T08:27:21Z")

</div>

Correct. No problems with that I think

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 15, 2020, 8:33am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/5 "2020-10-15T08:33:46Z")

</div>

Yes but it means that they can’t submit their form because both options components need to be required and one will not be?

---

<div class="post-metadata">

**Author:** ![yinon\_raviv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yinon_raviv/32/1627_2.png) [@yinon\_raviv](https://community.glideapps.com/u/yinon_raviv)\
**Post date:** [October 15, 2020, 8:45am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/6 "2020-10-15T08:45:13Z")

</div>

As both write to the same place the required will work as it will look if the field is empty or not I believe

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 15, 2020, 9:22am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/7 "2020-10-15T09:22:48Z")

</div>

Here’s a user-friendly way.

> [@More than 5 options in Choice Picker segment view](https://community.glideapps.com/t/more-than-5-options-in-choice-picker-segment-view/17036/4):
>
> Try this: 0 | 1 | 2 | 3 | -\> If the arrow is selected, hide your current choice and show a 2nd one, like this: \<- | 4 | 5 | 6 | -\> If user would select the right arrow (-\>), hide this choice and show the 3rd one: \<- | 7 | 8 | 9 The trick here is to play with 3 choice components and their visibility. Saludos!

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [October 15, 2020, 9:37am UTC](https://community.glideapps.com/t/number-picker-suggestions-please/17167/8 "2020-10-15T09:37:01Z")

</div>

@yinon_raviv and @ThinhDinh much appreciated - will have a play with both ideas

Unless @Antonio has something up his sleeve of course!
