Template
Interactive Dashboard
How to make an interactive dashboard
Industry:
n/a
Dashboard views have an "interactive mode" where the multiple views can be linked together. In this example, we've got a simple email client with two tables (Folder and Message). When you click on a folder, the messages in that folder are displayed. When you click on a message, the message details are displayed. This app works best in full-screen browsers or tablets.
Loading...
Also see:
tablet mode & fullscreen mode
How we built this app
The app has two tables:
- Message
- Folder
Each message belongs to a particular folder. This is done via a ref column in the Message table that points to the Folder table.
We created a dashboard view with three sub-views:
- Table view of folders
- Table view of messages
- Detail view of messages
In the configuration for the dashboard view, we turned on interactive mode.
This is a preview of the data sets used in the app.
Data
This is a high-level model of both the data entities and the UI elements in the app.
Loading...