# Displaying SVG in Collect (not image-map)

**URL:** <https://forum.getodk.org/t/displaying-svg-in-collect-not-image-map/36197>\
**Category:** Support\
**Created:** [December 23, 2021, 7:51am UTC](https://forum.getodk.org/t/displaying-svg-in-collect-not-image-map/36197 "2021-12-23T07:51:42Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![ahblake](https://getodk.b-cdn.net/user_avatar/forum.getodk.org/ahblake/32/22392_2.png) [@ahblake](https://forum.getodk.org/u/ahblake)\
**Post date:** [January 21, 2022, 6:42am UTC](https://forum.getodk.org/t/displaying-svg-in-collect-not-image-map/36197/4 "2022-01-21T06:42:02Z")

</div>

I've tried two ways of using SVGs in Collect beta, as a `note` and a `select_one`, in both, the SVG displays, but cannot be pinch zoomed or panned like it can in an `image-map` appearance.

I think that an SVG for a select\_one is a pretty unusual use case, but the ability to have a note that shows one that can be zoomed is useful, eg a detailed map/layout.

I attempted to get most of the way to the above by creating a `select_one` item with `image-map` appearance and a `read_only` flag. In Enketo the SVG is shown, albeit strangely - as if it was no longer an SVG, a bit paler & fuzzier, but in Collect the read only flag supresses the SVG from being shown at all.

Removing the read only flag and setting the choice to something that doesn't match an ID in the SVG and making it an optional answer does display a zoomable SVG but won't accept any input.

BTW. in Collect, (including `image-map`) the SVGs appear to be drawn inside a fixed square box, but Enketo they aren't. So if they're wide and short images there's a lot of whitespace on the app screen.

---

_[View the full topic](https://forum.getodk.org/t/displaying-svg-in-collect-not-image-map/36197)._
