Overview is the page that greets you when you open Pumpynotes: a summary of your day, your upcoming events, your notes and your transactions, all on one screen. Every section on it (a widget) is yours to arrange: where each one sits, how wide and how tall it is, and which ones appear on your page at all are all up to you. Below, you will set up Overview step by step to suit the way you work.
1
Get to know the Overview page
Every box on the page is a widget. The ones you see the first time you open it: the greeting with the weather, the quick action shortcuts, upcoming events, a mini calendar, notes, your wallet and today's agenda. From the bar that appears when you hover over the greeting card you can switch between °C and °F.
Every widget shows live data and you can work right in it: tick an event in the agenda here and it is ticked in the calendar too, click a note and you are inside it.
1/32/33/3
DynamicDayNight°F
Thursday, October 1518:12
Good evening, Emma
You have 2 events today · finish the day strong
Austin · Based on your location
⛅21°C
Partly cloudy
19:00⛅20°
20:00☁️19°
21:00☁️18°
22:00🌙17°
1/32/33/3
Add event
Add transaction
New note
1/32/33/3
Upcoming Events
Today7 days14 days30 days
Today
All day
Return library books
Today
14:00
Dentist
Oct 19
10:00
Team meeting
Meeting notes
Oct 21
18:30
Gym
1/32/33/3
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
152
16
17
18
191
20
211
22
23
24
25
26
27
28
29
30
31
1
1/32/33/3
Notes
🗓️
Weekly plan
📁
Project notes
1/32/33/3
Wallet
Total balance$14,265.00
Groceries−$124.00
Transport−$32.00
Salary+$8,500.00
1/32/33/3
Today's agenda
Return library booksAll day
Dentist14:00
The Overview page: every box is a widget, the layout is entirely yours
2
Enter edit mode
Press the yellow Edit button right next to the page title (on a narrow screen the button shows only the pencil icon). The pencil turns into a check mark and the label changes to Done, which means you are in edit mode. Dashed frames appear around the widgets. Above each one you get the dotted handle, the width picker and a small X to remove the widget, and a resize handle shows up in the bottom right corner.
You can also enter it by right-clicking anywhere on the page and choosing Edit from the small menu that opens. To leave it, press Done again or hit
Esc on your keyboard. While you are in edit mode a Reset layout button appears next to Done; if things get tangled, press it and confirm in the window that opens to return to the starting layout.
1/32/33/3
Thursday, October 1518:12
Good evening, Emma
You have 2 events today · finish the day strong
Austin · Based on your location
⛅21°C
Partly cloudy
19:00⛅20°
20:00☁️19°
21:00☁️18°
22:00🌙17°
1/32/33/3
Add event
Add transaction
New note
1/32/33/3
Upcoming Events
Today7 days14 days30 days
Today
All day
Return library books
Today
14:00
Dentist
Oct 19
10:00
Team meeting
Meeting notes
Oct 21
18:30
Gym
1/32/33/3
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
152
16
17
18
191
20
211
22
23
24
25
26
27
28
29
30
31
1
1/32/33/3
Notes
🗓️
Weekly plan
📁
Project notes
1/32/33/3
Wallet
Total balance$14,265.00
Groceries−$124.00
Transport−$32.00
Salary+$8,500.00
1/32/33/3
Today's agenda
Return library booksAll day
Dentist14:00
Add widget
Edit mode: dashed frames, the handle, the width picker, the X and the resize handle in the corner
3
Reorder widgets by dragging
In edit mode, grab a widget anywhere and drag it wherever you want. The card grows slightly and follows your cursor, a dashed box shows where it will land, and the other widgets glide aside to make room. The moment you drop it the order is saved and an "Order updated" message appears at the top of the screen. Changed your mind? Just press Esc before you let go and everything returns to where it was.
The layout flows left to right, row by row; if a gap opens up, a later widget that fits slides into it. So if you move the agenda to the top you see it first thing in the morning; if you push the greeting widget to the bottom, the page opens straight into your work.
4
Set the size: width and height
The three-part picker next to the handle decides how much of the page that widget takes. 1/3 is a narrow column, 2/3 a wide area, 3/3 the whole row. The layout reflows the moment you click; there is nothing to save.
Drag the resize handle in a widget's bottom right corner to change its width and height together. The size snaps to columns and rows; while you drag, a small label such as "2/3 × 5" in the corner tells you how many columns and rows it covers. Let go and the new size saves itself. If a widget's content is taller than its card, the card scrolls inside, so nothing gets cut off.
Drag the resize handle in a widget's bottom right corner to change its width and height together. The size snaps to columns and rows; while you drag, a small label such as "2/3 × 5" in the corner tells you how many columns and rows it covers. Let go and the new size saves itself. If a widget's content is taller than its card, the card scrolls inside, so nothing gets cut off.
A practical rule: keeping list-heavy widgets (upcoming events, notes) wide and summary ones (mini calendar, agenda, streak) narrow reads best. Make everything 3/3 and you get a calm single-column page. Keeping short widgets (streak, quick note) low also keeps the page tidy.
5
Gaps fill themselves
When a widget does not fit a row and moves down to the next one, the gap it leaves does not stay empty: a later widget that fits moves up and settles into it. In edit mode a dashed + Add widget box sits at the end of the page; to move a widget to the very end, drop it on that box.
Click + Add widget in the box and the Marketplace opens right away, so you can pick a new widget for your page.
Click + Add widget in the box and the Marketplace opens right away, so you can pick a new widget for your page.
1/32/33/3
Notes
🗓️
Weekly plan
📁
Project notes
1/32/33/3
Wallet
Total balance$14,265.00
Groceries−$124.00
Transport−$32.00
Salary+$8,500.00
1/32/33/3
Today's agenda
Return library booksAll day
Dentist14:00
Add widget
The dashed box at the end of the page: move a widget to the very end, or add a new one from the Marketplace with +
6
Reorder on phones and tablets
On small screens the page drops to a single column, so the width setting does not apply. That is why on a phone and a portrait tablet you tap the pencil icon in the top bar to enter edit mode; then up and down arrows appear at the top right of every widget. Dragging with a finger would fight page scrolling, so you reorder with the arrows; the top widget's up arrow and the bottom one's down arrow are dimmed. Everything about moving around on a small screen is in Pumpynotes on phone and tablet.
If your screen is over 1280 pixels wide (for example, a 12.9-inch or 13-inch iPad Pro in landscape), the desktop layout applies: you can drag by the dotted handle with your finger and use the width picker and the resize handle in the corner, while touching the rest of the card still scrolls the page. On narrower tablets you keep the single column and the arrows, even in landscape.
9:41
Overview
EThursday, October 1518:12
Good evening, Emma
You have 2 events today · finish the day strong
Austin · Based on your location
⛅21°C
Partly cloudy
19:00⛅20°
20:00☁️19°
21:00☁️18°
22:00🌙17°
Upcoming Events
Today7 days14 days30 days
Today
All day
Return library books
Today
14:00
Dentist
Oct 19
10:00
Team meeting
Meeting notes
Oct 21
18:30
Gym
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
152
16
17
18
191
20
211
22
23
24
25
26
27
28
29
30
31
1
Phone
Thursday, October 1518:12
Good evening, Emma
You have 2 events today · finish the day strong
Austin · Based on your location
⛅21°C
Partly cloudy
19:00⛅20°
20:00☁️19°
21:00☁️18°
22:00🌙17°
Upcoming Events
Today7 days14 days30 days
Today
All day
Return library books
Today
14:00
Dentist
Oct 19
10:00
Team meeting
Meeting notes
Oct 21
18:30
Gym
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
152
16
17
18
191
20
211
22
23
24
25
26
27
28
29
30
31
1
Tablet
One column on small screens: you reorder with the arrows at each widget's top right
7
Add a new widget from the Marketplace
The widgets you see on Overview are a starter set. The Marketplace icon in the top bar (on a phone, the Marketplace row in your profile menu) opens all of them: add what you want with one click, remove what you do not. Clicking the dashed + Add widget box at the end of the page in edit mode also takes you straight there.
The Marketplace holds free widgets such as quick note and streak, plus ones that come with the Pro plan: news and markets, event heatmap, spending radar, upcoming payments and budget status. A locked widget's card shows its plan, so you see what you are getting before you add it. The steps are in Add and remove widgets from the Marketplace.
A widget you add lands at the end of the page; from there you drag it wherever you want and set its size.
Your layout is saved to your account, not to a device. The order you set on your phone holds on your computer, and you see the same layout even after switching workspaces; on the same device the page opens directly in your arrangement. On a new device, the first time you open the page the widgets may briefly appear in the default order before settling into your layout.
Frequently asked questions
Can the layout I built get lost?
No. Every change is saved to your account instantly; even if you close the browser or sign in from another computer, you still see the same layout. On the same device the page also opens directly in your arrangement.
How do I get the original look back?
Enter edit mode, press Reset layout and confirm in the window that opens; order, widths and heights return to the starting state in one step. The widgets you added from the Marketplace stay on your page, only the layout is reset. On a phone, once you enter edit mode this button sits in the top bar, to the left of the check mark icon.
Why can't I see the width option on my phone?
On small screens the page already opens as a single column and every widget is full width, so the 1/3 and 2/3 options and the resize handle in the corner only appear on wide screens. On a phone you reorder with the up and down arrows.
Does everyone in my workspace see my layout?
No, the Overview layout is personal. Two people in the same workspace can build completely different arrangements; nobody changes anybody else's page. Because the layout follows the person, you see the same arrangement in every workspace you belong to.
Can I remove a widget completely?
Yes. Press the X above the widget in edit mode, or press Remove on that widget's card in the Marketplace; it leaves your Overview page right away. If you removed it with the X, the Undo button that appears in the top bar while you are in edit mode puts it back in the same spot. There is no Undo on a phone; add the widget again from the Marketplace and it goes to the end of the page. If you change your mind, you can add it back from the Marketplace at any time; your data is never deleted.
I dropped a widget in the wrong place, can I undo it?
Just grab the widget and move it to the right place; every move is saved on its own and nothing breaks permanently. If you have not let go yet, press Esc and the widget goes back to where it was.