Our platform has many ways to include images into screens to improve display and usability.

Images in Data Sources

For Data Sources, you can add columns to your data source that have a type of 'Image'. This allows you to upload images directly into the rows from the rows page, or you can insert web links into the column for publicly accessible images - e.g. Micky Mouse

Once you have images in your data source, you can set the image to be displayed as a thumbnail whenever rows from the data source are displayed.

This is done through the settings page of your data source. Click on Connected Data from the navigation menu, then Data Sources from the drop down. Hoover over the data source you want and click on settings. Under advanced options find 'Default Row Display' and select your image from the drop down. Once you've done this the thumbnail will appear when you use a Choices field in your form that has its display style property set to be 'List of Options'.

In Listing screens, you can also bind your image column to the thumbnail property using the Listing screen designer. In Detail screens, if you bind your image column to a detail field the app will display the image at full screen width.

Images in Form Screens

You can also use images in your app using the Section field type in your Form screens. This field type is a read-only display field that allows you to upload images that will appear inline in the app.
Common usage for Sections include showing diagrams, lengthy formatted disclaimers and even navigation or section headings.

The Sketch field type also provides the option to upload a default background image. This is used when you want a standard background image that you want users to annotate, for example circling injury areas on an outline of a human body or marking spots on a floor plan.

Did this answer your question?