More than 5 options in Choice Picker segment view

Hi - I wish to give my user more than 5 options to select from in the choice picker segmented view. The current scale is 0 - 4, but i wish to show 0 - 5.

It seems like a fairly simple thing, and i think I am missing something. Can someone point out how to do this?

It is restricted by the fact that the choice only lives in “1 row” and if you add more we don’t have enough space to do that.

However here’s a workaround.

1 Like

Thanks a bunch! - I added another choice picker - with no title but different input data. Its not the best - but kinda works. I dont know HTML/CSS much, so couldn’t follow what you mentioned completely, but this gave me the idea. This is what my choice picker looks now.

3 Likes

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!

7 Likes

That’s impressive!

Wow! thats a very elegant solution. I’ll try this. Thanks!