Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add the ability to show more info for each Questionnaire item #1689

Open
f-odhiambo opened this issue Oct 25, 2022 · 9 comments · May be fixed by #2402
Open

Add the ability to show more info for each Questionnaire item #1689

f-odhiambo opened this issue Oct 25, 2022 · 9 comments · May be fixed by #2402
Assignees
Labels
effort:medium Medium effort - 3 to 5 days P2 Medium priority issue type:enhancement New feature or request ux

Comments

@f-odhiambo
Copy link
Collaborator

Is your feature request related to a problem? Please describe.
Add the ability to show the info button(this triggers a popup/hint to show more info) in forms

Describe the solution you'd like
On click, we should have a pop-up with more information about the field or form being populated

Describe alternatives you've considered
N/A

Additional context

  1. This should only be text and not image attachments for now. This should be for each line item (question)
  2. We could use a field on the questionnaire to be able to store the information required to be displayed
  3. The pop-up could be a modal that enables the user to see more information and once done is cancellable
  4. The view-more text could potentially be stored in the Questionnaire.item.definition field

Would you like to work on the issue?
Nope.Will request resourcing to work on this

Screenshot
Screenshot 2022-10-25 at 10 00 54

@f-odhiambo f-odhiambo added the ux label Oct 25, 2022
@shelaghm
Copy link

@f-odhiambo Thanks for your request. We have a very similar functionality with the help questionnaire item control #1528 do you think this could work for your use case?

@HenryRae
Copy link

HenryRae commented Nov 1, 2022

@shelaghm possible to have the help button next to the "question" rather than 'instructions' text field in #1528. In cases where the question doesn't have instructions?

@shelaghm
Copy link

shelaghm commented Nov 2, 2022

@HenryRae Yes, that's an option. We're hoping to have one location that can stay consistent across so it is easier to implement. See screenshot below with options. Option 1 could still work if there's no instructions as it will just display the help button below the question.
Do you have a perspective on which option you'd prefer between 1 and 2 in screenshot below?
I find option 3 (fixed location) to make the icon look a bit disconnected from the content itself.
Screen Shot 2022-11-02 at 11 07 07

@HenryRae
Copy link

HenryRae commented Nov 3, 2022

@shelaghm I think a user can easily relate the info action to a question with option 2.

@aditya-07 aditya-07 added effort:medium Medium effort - 3 to 5 days type:enhancement New feature or request labels Nov 4, 2022
@shelaghm
Copy link

shelaghm commented Nov 9, 2022

@HenryRae Thanks for your feedback.

@HenryRae
Copy link

HenryRae commented Nov 9, 2022

maybe another thing to consider is if we can include beyond text in them i.e maybe show images in them as well. what are your thoughts on that @shelaghm

@shelaghm
Copy link

shelaghm commented Nov 9, 2022

@HenryRae Oh, interesting idea. What's an example of when you'd like to include an image? Do you include images in your apps today?

I imagine it could be really useful for showing visual instructions, especially if it isn't something they do very often. Hearing your specific examples will be really helpful.

@HenryRae
Copy link

Images can be used to guide the user on how a particular action or instructions can be done visually. It can be part of the question but am also thinking maybe could be hidden in the tooltip.

Please let me know if this is clear.

@shelaghm
Copy link

@HenryRae that is clear. Yes, I think for some CHWs if they are doing the same task everyday it is likely that they don't need to always see the visual instructions, and hiding it inside the help button can make it available to reference when needed without cluttering the page for all users.

@jingtang10 are there any engineering constraints for embedding images inside the help component?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
effort:medium Medium effort - 3 to 5 days P2 Medium priority issue type:enhancement New feature or request ux
Projects
Status: In Progress
Development

Successfully merging a pull request may close this issue.

5 participants