You can use the Tile widget to visualize a single value. This widget can only display data from a single data source.
Use the sidebar to configure the tile widget
Select the Tile widget to display the settings in the sidebar. These settings include:
- Conditional formatting
- Advanced properties
Use the General properties of the sidebar to add descriptive information for your Tile 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.
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.
To connect your Tile with a data source, use the tile Data properties to add and filter the value that the tile will display.
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.
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).
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.
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).
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.
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.
There are two interactions you can enable for a tile widget – record cards and record click-through.
- Record cards: when record cards are enabled, then the card fields that are set will be shown in a pop-up screen when the tile is selected. If multiple records are aggregated to create the tile’s value, you can click on an individual record to see its record card.
- Record click-through: this property can only be enabled when the record card property is also enabled. Turning on record click-through means that people can navigate from the record card to the event form record that the relevant data is sourced from. If multiple records are shown in the record card (for example, when data from a group of athletes is shown in the chart), then the user will need to select a specific record from the record card before clicking through to that particular record.
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.
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).
Use the Trellis properties to conditionally display the Tile 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 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 about widget trellising, check out this article.