Our platform supports being able to include images in your screens as images often improve display and usability.

Images in data sources

You can add columns to data sources that you want to have an image. This allows you to upload images directly into the rows, either 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. Hover over the data source you want and click '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'.

For listing screens, you can bind your image column to the thumbnail property using the listing screen designer. For 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 screen. 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?