Adding Widgets
How to add and configure widgets on your infrapage dashboard.
Adding Widgets
This guide walks you through adding widgets to a dashboard page using the admin interface.
Create a Page
Before adding widgets, you need a page to put them on.
Open the Dashboard
Navigate to /dashboard in your browser. If authentication is configured, you'll need to log in first.
Create a New Page
Click the "New Page" button. Enter a title and a URL slug (e.g., my-project). The page will be accessible at /p/my-project.
Open the Page Editor
Click on your new page to open the page editor.
Add a Widget
Enter Edit Mode
Click the "Edit" button in the page editor toolbar. The grid will switch to edit mode with dashed outlines around existing widgets.
Click Add Widget
Click the "+" button to open the widget catalog. You'll see all available widget types organized by category.
Choose a Widget Type
Select the widget type you want to add. For example, choose "GitHub Repo" to show repository information.
Configure the Widget
Fill in the required configuration fields. For a GitHub Repo widget, enter the repository owner and name.
Select a **size** for the widget (Normal, Wide, or Large) based on how much space you want it to occupy.
Save
Click "Add" to place the widget on the grid. You can then drag it to reposition or resize it.
Arrange Widgets
In edit mode, you can:
- Drag widgets to move them around the grid
- Resize by pulling the edge handles
- Delete by dragging a widget to the trash zone at the bottom
- Edit by double-clicking a widget to change its configuration
Widget positions are saved automatically when you click "Save Layout" or exit edit mode.
Quick Add
Some widget types support quick add from the widget catalog. These come with sensible defaults so you can add them with a single click and configure later.
Widgets that require integration tokens (like GitHub or Polar) need the corresponding integration to be configured in Settings before they can fetch data.