21 - Format Your Dashboard

📖 Task Introduction

Now that you have created a dashboard, let's customize it with some formatting. In this task, you'll discover a few ways to edit the layout and annotate your dashboard.

🔨 Task Instructions

To make room for your formatting, consider closing the editor configuration panel on the right side of your screen if it's open.

1. Move the Avg Route Departure Delay card to the right of the Flight Departure Delay card by clicking and dragging the dotted indicator at the top left corner of the card.

2. Move the Flights Delayed on Route card to the right of the Avg Route Delay card.

3. Add a text card at the top of the dashboard by hovering above the first card clicking the grey ——➕——.

4. Add the text Flight Alert Context, and set the format to Large Heading and a centered text alignment.

5. Open the dashboard editor sidebar by clicking the Settings "gear" icon in the top right corner next to Preview.

6. In the Editor sidebar choose Compact as the dashboard view style.

7. Under the INPUTS section of the Editor sidebar, click ⊕ Add Input and choose the Flight Alert card from the dropdown menu.

8. Change the label of the INPUTS block to also be Flight Alert as shown in the image below. This is the name you'll use when embedding the dashboard into other areas of Foundry.

9. Click the blue Save button in the top right corner to save your work.