Appsemble 0.13.0
Getting Started
Guide
Architecture
Blocks
Action buttonButton listData loaderDetail viewerIntroductionParametersEventsImagesFeedFilterFormListMapMarkdownStatsTable
Development
Deployment
Reference
Remappers

Detail Viewer

Introduction

A block that can be used to display various fields based on input data.

Parameters

ParameterDefaultDescription
fieldsA list of fields to display based on the name from the schema.
fileBaseThe base URL of the associated files.
fields[].nameThe name of the property of the data to fetch from. Supports remappers.
fields[].labelfields[].nameThe label that is presented to the user. No label will be displayed if this is not defined.
fields[].typestringThe data type of the field. Supported values: string, geocoordinates, array, file

Events

Listen Events

EventDescription
dataThe event that is triggered when data is received. Compatible data that is received will be displayed. Must be a set of data.

Field types

Based on the type of field, additional parameters are available.

string

Displays the content as regular text. If the content is an object it will be converted using JSON.stringify().

geocoordinates

Displays a map with a marker.

ParameterDescription
fields[].nameThe path to base the longitude and latitude fields from. If fields[].latitude and fields[].longitude are not set it defaults to fields[].name.lat and fields[].name.lng.
fields[].longitudeThe name of the field used to access the longitude value. If fields[].name is set it is retrieved relatively, otherwise it is fetched from the root of the data.
fields[].longitudeThe name of the field used to access the latitude value. If fields[].name is set it is retrieved relatively, otherwise it is fetched from the root of the data.
file

Displays files as images.

ParameterDefaultDescription
fields[].repeatedbooleanDisplay one or multiple files.
fields[].repeatedNamestringThe name of the property of the data to fetch from within each item. If not set, the item itself is used as the url.

Images

Detail viewer screenshot