Once you configure how to track time on the Group Settings page, users can start tracking their work time. They do it on the Time page in Time Tracker after logging in.
The application provides two different sets of user interface for wide desktop and narrow mobile screens. The difference is that display on narrow screens is optimized to save horizontal space. At the time of this writing, narrow screens are less than 600 pixels wide, see default.css file in the root of source tree. This rule below hides large screen labels but styles can be modified with custom CSS:
/* media rules for small screens */
@media screen and (max-width: 600px) {
/* hide large screen labels */
.large-screen-label {
display: none;
}
}
Tracking Time Using a Desktop Browser
If you use a desktop browser, go to the Time page after logging in to Time Tracker. An example screenshot below shows the Time page for the following simple configuration: timetracking mode and durationrecord type. Tracking time with a desktop browser in time tracking mode and duration record type
On the top part of the Time page there is a calendar and two fields: one for duration of a new time record and another one for a comment (the Note field). The bottom part lists time entries already entered for this day. In the above example we see 2 entries, with total duration for this day of 3 hours and 15 minutes. Note that in calendar:
The date for which time entry occurs is highlighted with a different background.
Days containing records are printed with a different colour (16th of the month is red).
To switch to another date click on it in Calendar.
To add a new record fill in the Duration field and click the Submit button. The Note field is optional. After submit the new time record should appear in the list of time entries for the day.
Other tracking modes, record types, and extensions (plugins) can provide additional levels of detail and customization for time entries. A few examples follow below.
Tracking Time by Projects and Tasks
Projects and tasks tracking mode allows you to assign work time to projects and tasks. In this mode, additional Project and Task dropdown controls appear on the Time page.
Using projects and tasks tracking mode in Time Tracker
Start and Finish Times for Records
Instead of duration, you can assign start and finish time to records. Use the start and finishrecord type to accomplish this. Click on the clock icon to populate a corresponding field with current time.
Using beginning and end times for time records
Tracking Time for Clients
Enable the Clients plugin to allocate work time to customers. And if you use invoices, an additional Billable flag appears on the Time page allowing you to mark time entries appropriately.
Using Clients and Invoices in Time Tracker
Using Custom Fields
If you need to associate additional dropdown or text fields with time records, configure custom fields.
Managers and co-managers have an additional option to work with Time Tracker on behalf of regular users. This is accomplished by providing a User selector to them.
Changing user in Time Tracker to work on their behalf