Our platform has a number of different ways that you can include images into screens to improve display and usability.


Images in Data Sources

On the data source side, you can add columns to your data source that have a type of "Image". This then 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. http://upload.wikimedia.org/wikipedia/en/d/d4/Mickey_Mouse.png




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

This is done via the Settings page for your data source. On the Settings page, select your image column from the drop down in the thumbnail area of the Default Row Display. When a thumbnail is set on your Default Row Display, 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.


And 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

Another way to involve images in your app is by 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 uses 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 comes in handy when you want to have a standard background image that you want your users to annotate - for example circling injury areas on an outline of a human body or marking spots on a floor plan.