Implementing "more" functionality in formflow

1
votes

Scenario, I have a field with 20+ possible values where the user needs to select 1, if I render all 20+ the screen scrolls up degrading the user experience.

Ideally, I would like to present 10 items at a time and an extra button so the user can select "more" or "next"/"prev", does anyone have a reference implementation on how this can be done in formflow?

(I guess it involves some validation and reprompt logic where I update the underlying values for the selection but I'm not sure how to go about it)

Thanks

1
botframeworkformflow
FormFlow is very limited and while complex things could be done I don't think is the way to go.. have you considered moving out of FormFlow? - Ezequiel Jadib
I considered that but FormFlow gives me a lot of things for free that I would need to recode if I don't use it. I'll play with my options a bit more (custom recognizers, validation code or something like that) and see how far I can get, if you can think of any other solutions let me know. - GaboG

1 Answers

1
votes

I have not tried this specific scenario, but I can think of two ways to do it.

  1. You could split your field into two fields, i.e. one which has an enumeration of the first 10 and a "more" choice and then a second field with the next 10. The second field would be conditional on the first field having a "more" value. This is the simplest method.

  2. The second way would be to make use of PromptAsyncDelegate and ValidateAsyncDelegate. The PromptAsyncDelegate would split up long lists of results to add a "More" button. You would write a ValidateAsyncDelegate which on "more" would return a ValidateResult that says the value is not valid and which has a FeedbackCard in it with the second batch of buttons. You could either build it in the code or you some private state to pass the extra buttons.

Please let us know which approach works best for you.