Skip to content

[FEATURE][FormTribe 🔥][750 Points] Question Type: Picture Choice #1256

@jobenjada

Description

@jobenjada

Welcome to the FormTribe

This issue will get you the points mentioned in issue title for the FormTribe Hackathon

Preparation:
If this is your first time contributing, please read:

Only when your PR follows all of the best practices it will get merged.

Want more points quick? Complete Side Quests 🏰


Is your feature request related to a problem? Please describe.

Users want to let their respondents pick 1 of several images

Describe the solution you'd like

Offer the corresponding question type:

image

Note: This mockup is stemming from our upcoming UI revamp. The UI you will build should match the current look of our surveys 🤓

Tasks

  1. Create a new question type called "Picture Selection" with HeroIcon "Photo"
image
  1. Create the corresponding question settings card with the following settings. We do have a reusable component for the file upload UI being used in the Welcome Card:
image image

The Allow Multi Select toggle switches the type from a Radio button functionality (pick one) to a Checkbox functionality (pick many). Please have a look at the question types Single and Multi Select, you will be able to adopt most of the logic from there.

  1. Create a UI to display the results in the Survey Summary:
image
  1. Create a UI to display the results in the Response Card: Its pretty straightforward, just do it consistent with the others responses 😃

  2. Test extensively in:

  • Survey editor preview
  • Link Surveys
  • Web app surveys

Thanks!!

Metadata

Metadata

Labels

enhancementNew feature or requesthacktoberfestcomplete these issues to gather points for Hacktoberfest

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions