Ideas for how to render a rate scale question in Mobile

Ideas for how to render a rate scale question in Mobile

by Mike Churchward -
Number of replies: 2
Picture of Core developers Picture of Plugin developers Picture of Testers

In implementing the questionnaire in mobile, I need to be able to render a rate question that has many options. On the web, it looks like below:

Questionnaire rate question with degrees.

I am looking for ideas for the best ionic way to implement the same type of question in Mobile.

Average of ratings: -
In reply to Mike Churchward

Re: Ideas for how to render a rate scale question in Mobile

by Mark Johnson -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

For the font size options selector, I used the Ionic Segment selector. Maybe something like that would work for this. I made a JS Fiddle example, the styling needs some work but it might be useful: https://jsfiddle.net/a1kg9qdy/

In reply to Mark Johnson

Re: Ideas for how to render a rate scale question in Mobile

by Mike Churchward -
Picture of Core developers Picture of Plugin developers Picture of Testers
I was kind of thinking the segment selector could work too. Thanks for actually marking one up.
My concern with that solution is still what happens when there are a lot of selection (horizontal) options. But I guess that's just an issue with the small screen.
And, thanks for introducing me to "jsfiddle.net"!