episphere / questionnaire

1 stars 2 forks source link

Calendar display on iPads and iPhones #323

Open cusackjm opened 5 months ago

cusackjm commented 5 months ago

@danielruss Do you know when the calendar picker question type went from being displayed as a calendar to a scroll response, for iPhones and Tablets (iPad)? And is this change reversable?

On a laptop: COV3 and COV27 are currently displayed as: image image

On an iPhone/iPad: COV3 and COV27 are currently displayed as: image image

In the past, calendar pickers were displayed as they currently are on laptops. It is not an issue that they are displayed as the scroll response, but I was wondering if they could be reverted to the calendar format, as they are first displayed as a grey box and grey boxes require additional question text. For time responses, we had to add question text to each question instructing participants to click on the grey box to enter a response, because they were reporting issues with not being able to enter a response. If we are going to keep the current display, we will have to revise the question text for all calendar pickers (impacting COVID-19 and Menstrual Cycle Survey)

danielruss commented 5 months ago

@cusackjm This is the browser not quest. The quest rendering engine takes the markup and converts html.

The questions you are referring to use the markup |month| ... | which is converted to <input type="month"> in HTML. How the HTML is rendered on the browser is brower-specific (although the mostly do the same thing). As you see in all the pictures, the goal is to select a month-year.

I cannot 'roll back' the browser. If you tell me what the issue with the scrolly calendar, we can talk about workarounds. If you just don't like the way it looks, I would warn you that apple is particularly good at UI elements. If there is a different issue, I could try to create a new element via javascript, but it would take time.

cusackjm commented 5 months ago

@danielruss thanks!

No issue with the format, I'll just add the question text so participants are aware to click on the grey box if they are using a tablet or phone