Is it possible to show image from internet URL in form Kobo Collect app?

[kobouser]

Hello Kobo experts,

Sorry if my question, or similar to it, is already asked by other users. I would like to have image shown in Kobo Collect form that generated directly from other internet URL instead of showing the link itself.
For example, I need this link below to be displayed as image with customized size in Kobo Collect form.
“https://nodeassets.nbcnews.com/cdnassets/projects/2017/08/airplane-mode/planes-brands-02.jpg”
Or should I insert the image into the Setting → Media as attached file? or pasted URL?

Thank you for your help.

[Kal_Lam]

Welcome to the community, @kobouser! This post discussed previously should help you solve your issue:

Unable to select image from Media URL

Hi @ashiqullah, You could use the Media URL as outlined in the instruction below: Step 1: Design your survey tab (xlsform) as outlined below: [Image 0.1] Step 2: Design your choices tab (xlsform) as outlined below: [Image 0.2] Step 3: Upload your xlsform and then deploy. Step 4: Upload the URL link as outlined below: [Image 0.3] You should then see something as shown below: [Image 0.4] Data collection screen seen as seen in Enketo: [Image 1] Reference xlsform: Image (URL).xlsx …

[kobouser]

Hi @Kal_Lam,

So that means I must insert the image as media into the project, right? Will be so many pictures that dynamically changing based on the variable or answer that I want to display in the Kobo Collect form, by uploading them into the project will affect to the storage usage. Therefore if there is a possibility to display pictures direct from my picture repository URL, that would be so great.

I mean like this example:
< img src=“https://example.com /?data=newuser”>

Thank you

[nmambre]

I think you can’t do that, “Collect only supports a small subset of HTML elements”, see link below.

Form Styling