Support for answerOptions as images/icons

[fredhersch]

Is your feature request related to a problem? Please describe.
Be able to use images (e.g icons) for radio buttons

Describe the solution you'd like
As a developer I can use images to represent radio button options. These should work as radio button itemControls

See an example of using the "answerOption and rendering-xhtml" from the SDC spec here

Example shows two ways to use tags to display images: (1) with embedded data and (2) using contained Binary resources

Need to define the best approach for Android

[fredhersch]

@shelaghm can you add an example UI for this control. Ty.

[shelaghm]

I have two options for this, do you have a preference for showing the "radio checkbox" or not?
I like both options :)

[fredhersch]

I think this might be better achieved using the itemAnswerMedia Extension

This is similar to the ItemMedia Extension implemented

Both are currently DRAFT

cc: @jingtang10

[fredhersch]

@FikriMilano Are you interested in picking this up as it is very similar to the itemMedia Extension, but for answerOptions.

cc: @f-odhiambo

[PallaviGanorkar]

@shelaghm @jingtang10
Out of above 2 options for UI, which is final for implementation, whether to show the "radio checkbox" or not?

[shelaghm]

@PallaviGanorkar I think we should show the radio checkbox, because it makes it clear what type of a selection it is.

[PallaviGanorkar]

@PallaviGanorkar I think we should show the radio checkbox, because it makes it clear what type of a selection it is.

Yes, Thanks @shelaghm

[jingtang10]

can we focus on using the item answer media extension?

not sure how well the xhtml extension will work on andorid - maybe we should do a little bit more exploration there. but for now, let's get the item answer media extension working with the data field (in its examples they're using the url field).

[PallaviGanorkar]

@shelaghm I have 2 queries for display image for item answerOptions

1. change in shape of given image required?
2. Change in color to match app theme is required?
   Please find the find the screen shot below for more details, here I am rendering binary data as BitmapDrawable.(FYI, its all dummy data i am using here)
   

cc: @jingtang10

[shelaghm]

@PallaviGanorkar

1. Can you say more about what you mean about change shape? The shape of it being a square or do you mean something else?
2. Changing color to app default is a nice to have. This would only be relevant when developers are uploading BitmapDrawable, so for icons and vector graphics that is a nice feature. But I also imagine developers would upload jpgs/pngs where that functionality isn't possible. What do you think?

[jingtang10]

discussed with @PallaviGanorkar. just really quickly: 1) i think we might need to scale the image whilst preserving the aspect ratio. 2) we should do some testing to see if it's possible for the questionnaire to provide an icon with transparent background so it works with different application theme and style.

[PallaviGanorkar]

@shelaghm I am using 48x48 image size here, Please let me know if you have other opinion about it

[shelaghm]

48x48 is a good size @PallaviGanorkar

[PallaviGanorkar]

@jingtang10 As discussed tested image/png icons with transparent background and it works fine. Please find attached screen shot for details,

[PallaviGanorkar]

@jingtang10 Here .png, jpeg, jpg format is supported and tested. Also looking into to support .svg format if possible.
Please let me known if any other image format need to support. I have have look into FHIR spec but could not found relevant info .

[PallaviGanorkar]

To support svg file, includes steps,

1. decode base64 byte array to SVG image
2. convert SVG to vectorDrawable xml in android

@1, Could not find direct way to decode base64 SVG image yet
@2, there are suggestion to use libraries.

[jingtang10]

thanks you for this this is great @PallaviGanorkar