Tile Widget

You can use the Tile widget to visualize a single value. This widget can only display data from a single data source.

Select the Tile widget to display the settings in the sidebar. These settings include:

• General
• Instructions
• Data
• Value
• Caption
• Avatars
• Icon
• Layout
• Interaction
• Conditional formatting
• Advanced properties
• Trellis

General

Use the General properties of the sidebar to add descriptive information for your widget. You can also:

• Choose whether the title of the widget should be displayed. If you enable this, then you can provide a Title and Title Icon for the widget and specify the font size, font color and text alignment.
• Choose whether a subtitle for the widget should be displayed. If you enable this, then you can add a Subtitle for the widget and specify the font size, font color and text alignment.
• Specify the Width of the widget within the section where it appears.
• Choose the Background color and Border color for the widget.

Instructions

Here you can add static informational content which will appear below the title of the widget. This can include text, images, tables, links and other common content tools.

Data

To connect your widget with a data source, use the Data properties to add and filter the value that the widget will display.

Value

Here you can choose what value will populate your Tile widget.

• Choose which Field from the selected data source you want the tile to display.
• Select the Data type that you want the field to display as. You can choose from Date, Number, String or Image. If you select the Image data type (which will display an image field from an event form), clicking on the image will also expand it to full-screen.
• Choose the type of Aggregation for the field. Each data type will offer different aggregation options to choose from.
• If you’ve selected the Count aggregation type, choose whether Unique values only should be used. When this option is ticked, each unique value in the dataset is aggregated. If left unticked, all values in the dataset will be aggregated.
• Depending on the Data type selected for your tile, you can adjust the format. For example, dates can be shown in mm/dd/yyyy or dd/mm/yyyy, and numbers can have any number of decimal places.
• Choose the font size, text color and alignment of your tile value.

Caption

If you want to provide more context for the people viewing the Tile, you can use a value caption to indicate units and further context. The caption’s font size and text alignment can also be adjusted here (however the caption color is dependent on the color chosen for the tile value).

Avatars

You can use the Avatar properties to include an image for each athlete within the Tile. The avatar will be shown below the title and subtitle of the tile for each person whose data gets included in the aggregated value. Depending on the number of people you expect to be included in the tile result, you might want to change the Avatar size and set a Maximum number of avatars.

Icon

Another way to add context to your Tile is by adding an Icon. You can choose from a large list of standardized icons, as well as set the icon’s Color and Size (px).

Layout

This setting will determine the orientation of the elements of your Tile. For example, you may wish for the tile’s icon to display below its value instead of beside it, which can be achieved using a Vertical layout.

Interaction

If you want to provide users with more information about the data displayed in a Tile, you can set up different interactions using the Interaction properties.

You can use the Interaction properties to add more details about the data represented in the widget using a record card. When people select the widget, the card fields that are set will be shown in a pop-up screen. 

If multiple records are aggregated to create the widget's value, a list of records that contribute to the displayed value will be shown. When a specific record is chosen from that list, the record card is shown.

You can configure the record card with any fields that you think will help your dashboard readers understand the data and get maximal value from it. If you don’t choose any specific fields, the record card will show the field of the series being displayed.

If you want your readers to be able to view or edit the record previewed in the record card, then you can use the interaction properties to enable record click-through. This toggles a button to go to the record from the record card. The dashboard reader would then be able to view or edit the source data, according to their data permissions. When they save their changes to the record and close the form, they’ll go back to the dashboard. The dashboard will refresh at this point to be able to show the reader the updated data. This property can only be enabled when the record card property is also enabled.

Conditional Formatting

You can use the Conditional formatting properties of the Tile widget to apply a ruleset. By doing so, the relevant ruleset color and icon will be applied to the tile’s background. The tile can be conditionally formatted based on any field within the data source by changing the Conditional field setting in the sidebar. If your ruleset includes a range of different colors, you may wish to enable legible foreground color. With this enabled, the dashboard will automatically choose a legible text and icon color, depending on the background color of tile. If your ruleset includes an icon, it will replace the value icon for the tile when the conditions for the ruleset are met.

Advanced Properties

Use the Advanced properties to customize the placeholder text that's displayed, or hide the tile altogether, when there is no relevant data (based on data source and filter settings).

Trellis

Use the Trellis properties to conditionally display the Categorical chart multiple times based on a field within a data source. To customize your trellis, you can:

• Set Filters for the data you use to create the trellis.
• Set a Limit of how many multiples of the trellis should be displayed.
• Choose to keep the category order consistent for all multiples.
• Choose whether to order the trellis by Values, Date of first occurrence, Date of last occurrence or a Custom order. You can then set the order Direction to be Ascending or Descending.
• Choose whether to display the title of each multiple (this is based on the trellis Field selected). If you enable this, then you can specify the font size, font color and text alignment.

To learn more, check out our article on Widget Trellising.