Skip to main content

Dashboard

The Dashboard is your main workspace in the Timesheet web application. It shows your time entries in different views and provides quick access to start and stop the timer.

Timesheet web app dashboard with the calendar, timer, and statistics widgetsTimesheet web app dashboard with the calendar, timer, and statistics widgets

Dashboard layout​

The Dashboard has four main areas:

Left navigation

  • Access all sections of the application (Projects, Tasks, Statistics, and more)
  • Can be collapsed to give more space to the main area

Top bar

  • Date navigation (previous and next week, jump to today)
  • View selection: Calendar and Timeline, plus Live once teams are activated
  • + New Task button to create manual entries
  • Filter button to show only specific data

Main area

  • Displays your time entries in the selected view
  • Changes depending on whether you choose Calendar, Timeline, or Live view

Right sidebar

  • Project selector dropdown
  • START button to begin tracking time
  • Your hours for the day, week, and month (on a Business plan, against your contract target)
  • Quick statistics showing duration, earnings, expenses, and breaks
  • Performance chart comparing the current and previous period

Calendar view​

The Calendar view shows your time entries as colored blocks on a weekly schedule, similar to a regular calendar.

Dashboard calendar view with tracked tasks laid out across the working weekDashboard calendar view with tracked tasks laid out across the working week

What you see:

  • One column for each day of the week
  • Time blocks positioned at the time they started
  • Each block shows the project name, time range, and description
  • A different color for each project
  • Daily totals at the top of each column

How to use it:

  • Click the ← → arrows to navigate between weeks
  • Click Today to jump to the current week
  • Switch between Month, Week, and Day views
  • Click a time block to edit that task
  • Click an empty time slot to create a new task
  • Use the Search bar to find specific tasks
  • Click Filter to show only certain projects or team members

Timeline view​

The Timeline view groups time entries by project and shows which team members worked on each one during the day.

Dashboard timeline view showing tracked tasks as horizontal bars per dayDashboard timeline view showing tracked tasks as horizontal bars per day

What you see:

  • Projects listed on the left
  • The name of the team member on each time block
  • A horizontal timeline across the hours of the day
  • Time blocks showing when each person worked
  • The same project colors as the Calendar view

How to use it:

  • Click the ← → arrows to navigate between days
  • Click Today to jump to the current day
  • Use the dropdown on the left to switch the rows between Projects and Members
  • Open the View options menu (the sliders icon) and choose Full screen for a larger view
  • Hover over a time block to see task details

Live view​

The Live view shows which team members are currently working and where they are located. Switch between the list (Members) and the map (Locations) using the buttons in the top right corner. The Live tab appears once teams are activated.

Live view showing which team members are currently tracking timeLive view showing which team members are currently tracking time

List view​

Live view list with each team member's running task and elapsed timeLive view list with each team member's running task and elapsed time

The list view displays team activity in a table:

  • Member: profile photo (or initials), name, and email
  • Activity: project name (color-coded) and work location address
  • Time: when the work session started and ended (for a running timer, until now)
  • Duration: elapsed time, with a green indicator for running timers

Use the Search bar to find specific team members. The status filter shows All members by default; choose Running to show only members whose timer is running.

Map view​

Live view map with team member locations pinned to their running tasksLive view map with team member locations pinned to their running tasks

The map view shows team member locations on an interactive map:

  • Team members appear as markers with their profile photo or initials; a green ring means their timer is running
  • The sidebar lists all members with their project and location
  • Members without location data show "No location data"

Click a team member in the sidebar to:

  • Center the map on their location
  • Open a popup with their current work details (project, location, time, duration)
  • See their "Running" status if they are actively tracking time

The view updates automatically when team members start or stop their timers, so you can see where your team is working at any time.

Integrated timer​

The timer is always visible on the right side of the Dashboard, in every view.

Dashboard timer in its stopped state, ready to start trackingDashboard timer in its stopped state, ready to start tracking Dashboard timer running, with elapsed time and pause and stop controlsDashboard timer running, with elapsed time and pause and stop controls

Starting the timer:

  1. Select a project from the dropdown in the timer
  2. Click the green START button
  3. The timer begins counting, and the PAUSE and STOP buttons replace START

While the timer is running:

  • The elapsed time keeps counting
  • Your task appears in the Calendar view at the current time
  • The statistics below the timer update automatically

Stopping the timer:

  1. Click the red STOP button
  2. Review the task details in the dialog that opens
  3. Add or edit the description, tags, and other information
  4. Click Save

Timer actions:

  • While the timer is running, click its project name to open the menu: Task, Edit Task, New Break, New Expense, and New Note

Timer quick actions menu for adding breaks, expenses, and notesTimer quick actions menu for adding breaks, expenses, and notes

Quick statistics​

Below the timer, a statistics card summarizes the selected period. Each value is compared with the period before.

Dashboard statistics with duration, total, expenses, and breaks, each compared with the previous periodDashboard statistics with duration, total, expenses, and breaks, each compared with the previous period

Duration

  • Total time you have tracked, shown in hours and minutes

Total

  • Total earnings calculated from your hourly rates for each project
  • Updates automatically when you add or stop tasks

Expenses

  • Total expenses you have logged for the selected period

Breaks

  • Total break time in the selected period

The statistics change based on the date range you select in the Calendar view. If you navigate to a different week, the statistics update to show data for that week.

HR widget​

Below the timer, the right sidebar shows the hours you worked today, this week, and this month. On a Business plan with an active contract, this HR widget also shows your worked hours against the target set by your contract.

HR widget with the hours worked today, this week, and this month against the contract targetsHR widget with the hours worked today, this week, and this month against the contract targets

There are three parts: Day, Week, and Month. Each part shows:

  • The hours you have worked in that period (the large number)
  • A progress bar filling toward your target
  • The target for that period (the smaller number below the bar)

The progress bar changes color as you approach the target: the default color while you have time remaining, amber as you get close, and red once you go over. While a timer is running, the cards update automatically.

Business plan

The progress bars and targets only appear with a Business plan and an active contract. Without a contract there is no target to compare against, so the widget shows only your hours. For balances over longer periods, see Overtime.

Working time alerts​

On a Business plan, the right sidebar also shows live working time alerts above the timer. They warn you as you approach your daily target and remind you about required breaks, so you can stay within your contract and local labor rules while you work.

Working time warning and break reminder above the timerWorking time warning and break reminder above the timer

  • A warning appears as you near or pass your daily target, for example "You've worked 92% of your 8h daily target".
  • An info note reminds you about breaks, for example "You need a 30min break after 6h of work".
  • Select more alerts below the warning to expand the full list.

The alerts appear next to your calendar as you work, so a problem is visible the moment it happens.

The dashboard with a working time warning shown in the right sidebarThe dashboard with a working time warning shown in the right sidebar

These alerts use the rules from your contract and employment model. Managers can review formal violations on the Compliance page.

Performance chart​

Below the statistics cards, a chart compares your current performance with the previous period.

Dashboard performance chart comparing tracked hours against target hours over timeDashboard performance chart comparing tracked hours against target hours over time

It shows whether you are working more or less than in previous weeks.

Filters​

Click the Filter button at the top to show only specific data.

Available filters:

  • Projects: show only selected projects
  • Team Members: show only specific people (for team managers)
  • Status: filter by billable, billed, or paid tasks
  • Tags: show tasks with specific tags

The number next to "Filter" shows how many filters are active. Click the X button to remove them.

Creating tasks manually​

Besides using the timer, you can create tasks manually:

Option 1: Click on the calendar

  • Click an empty time slot in the Calendar view
  • Fill in the start time, end time, project, and description
  • Click Save

Option 2: Use the New Task button

  • Click + New Task in the top bar
  • Fill in all task details
  • Click Save

Manual tasks appear in the Calendar view just like tasks created with the timer.

Fullscreen mode​

Open the View options menu (the sliders icon next to Filter) and choose Full screen to show the calendar on your whole screen. This gives you more space for your calendar, especially when viewing multiple weeks or working with many projects.

Press Esc to restore the normal view.

Last updated on